@charset "UTF-8";
/**
 * @license
 * Copyright 2024-2026 Materia Technologies, Inc. All rights reserved.
 *
 * SPDX-License-Identifier: SEE LICENSE IN License.md
 */
@layer chameleon-fouc-control {
  cw-accordion:not([hydrated]) {
    --_fouc-frame:0px;
    --_fouc-show-all:0px;
    display: flex;
    flex-direction: column;
    gap: var(--ct-accordion-segment-gap, 2px);
    box-sizing: border-box;
    padding: var(--_fouc-frame);
    padding-block-start: calc(var(--_fouc-show-all) + var(--_fouc-frame));
  }
  cw-accordion:not([hydrated])[layout=separated] {
    gap: var(--ct-accordion-separated-gap, 8px);
  }
  cw-accordion:not([hydrated])[layout=divided] {
    gap: 0;
  }
  cw-accordion:not([hydrated])[layout=divided]:not([borderless]) {
    --_fouc-frame:var(--ct-accordion-frame-width,1px);
  }
  cw-accordion:not([hydrated])[show-all-control]:not([mode=single]) {
    --_fouc-show-all:calc(var(--ct-button-small-container-height,40px) + var(--ct-accordion-show-all-margin-block-end,8px));
  }
  cw-accordion:not([hydrated])[hidden] {
    display: none;
  }
  cw-accordion-item:not([hydrated]) {
    visibility: hidden;
    --_fouc-header:var(--ct-accordion-header-min-height-dense-0,56px);
    padding-block-start: var(--_fouc-header);
    font-family: var(--ct-accordion-body-text-font, var(--ct-sys-typescale-body-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-accordion-body-text-size, var(--ct-sys-typescale-body-large-size, 1rem));
    font-weight: var(--ct-accordion-body-text-weight, var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400)));
    line-height: var(--ct-accordion-body-text-line-height, var(--ct-sys-typescale-body-large-line-height, 1.5rem));
    letter-spacing: var(--ct-accordion-body-text-tracking, var(--ct-sys-typescale-body-large-tracking, 0.03125rem));
  }
  cw-accordion-item:not([hydrated]):is([supporting-text]:not([supporting-text=""]), :has(> [slot=supporting-text])) {
    --_fouc-header:var(--ct-accordion-header-supporting-min-height-dense-0,64px);
  }
  cw-accordion-item:not([hydrated]) > [slot] {
    display: none !important;
  }
  cw-accordion-item:not([hydrated]) > :not([slot]) {
    max-inline-size: var(--ct-accordion-body-max-inline-size, 75ch);
  }
  cw-accordion-item:not([hydrated])[expanded] {
    --_fouc-body-start:calc(var(--ct-accordion-segment-gap,2px) + var(--ct-accordion-body-padding,16px));
    padding: var(--ct-accordion-body-padding, 16px);
    padding-block-start: calc(var(--_fouc-above, 0px) + var(--_fouc-header) + var(--_fouc-body-start));
  }
  cw-accordion[density="1"] > cw-accordion-item:not([hydrated]) {
    --_fouc-header:var(--ct-accordion-header-min-height-dense-1,52px);
  }
  cw-accordion[density="1"] > cw-accordion-item:not([hydrated]):is([supporting-text]:not([supporting-text=""]), :has(> [slot=supporting-text])) {
    --_fouc-header:var(--ct-accordion-header-supporting-min-height-dense-1,60px);
  }
  cw-accordion[density="2"] > cw-accordion-item:not([hydrated]) {
    --_fouc-header:var(--ct-accordion-header-min-height-dense-2,48px);
  }
  cw-accordion[density="2"] > cw-accordion-item:not([hydrated]):is([supporting-text]:not([supporting-text=""]), :has(> [slot=supporting-text])) {
    --_fouc-header:var(--ct-accordion-header-supporting-min-height-dense-2,56px);
  }
  cw-accordion[density="3"] > cw-accordion-item:not([hydrated]) {
    --_fouc-header:var(--ct-accordion-header-min-height-dense-3,44px);
  }
  cw-accordion[density="3"] > cw-accordion-item:not([hydrated]):is([supporting-text]:not([supporting-text=""]), :has(> [slot=supporting-text])) {
    --_fouc-header:var(--ct-accordion-header-supporting-min-height-dense-3,52px);
  }
  cw-accordion[density="4"] > cw-accordion-item:not([hydrated]) {
    --_fouc-header:var(--ct-accordion-header-min-height-dense-4,40px);
  }
  cw-accordion[density="4"] > cw-accordion-item:not([hydrated]):is([supporting-text]:not([supporting-text=""]), :has(> [slot=supporting-text])) {
    --_fouc-header:var(--ct-accordion-header-supporting-min-height-dense-4,48px);
  }
  cw-accordion[layout=separated] > cw-accordion-item[expanded]:not([hydrated]) {
    --_fouc-body-start:var(--ct-accordion-body-padding,16px);
  }
  cw-accordion[layout=divided] > cw-accordion-item[expanded]:not([hydrated]) {
    --_fouc-body-start:0px;
  }
  cw-accordion[layout=separated] > cw-accordion-item[expanded]:not([hydrated]):not(:first-child) {
    --_fouc-above:var(--ct-accordion-separated-expanded-margin,16px);
  }
  cw-accordion[layout=separated] > cw-accordion-item[expanded]:not([hydrated]):not(:last-child) {
    padding-block-end: calc(var(--ct-accordion-body-padding, 16px) + var(--ct-accordion-separated-expanded-margin, 16px));
  }
  cw-accordion-item:not([hydrated]):not([expanded]) > :not([slot]) {
    display: none !important;
  }
  cw-badge:not([hydrated]) {
    visibility: hidden;
    position: relative;
    height: 16px;
    min-width: 16px;
    padding-inline: 4px;
    box-sizing: border-box;
    font-family: var(--ct-badge-large-label-text-font, var(--ct-sys-typescale-label-small-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-badge-large-label-text-size, var(--ct-sys-typescale-label-small-size, 0.6875rem));
    font-weight: var(--ct-badge-large-label-text-weight, var(--ct-sys-typescale-label-small-weight, var(--ct-ref-typeface-weight-medium, 500)));
    line-height: var(--ct-badge-large-label-text-line-height, var(--ct-sys-typescale-label-small-line-height, 1rem));
  }
  cw-badge:not([hydrated]):not([is-dot])::before {
    content: attr(value) !important;
  }
  cw-badge:not([hydrated])[is-dot] {
    width: 6px;
    height: 6px;
    min-width: unset;
    padding: unset;
  }
  cw-button:not([hydrated]), cw-toggle-button:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    max-inline-size: var(--ct-button-max-width, 320px);
    --_single-line-height:max(var(--ct-button-small-label-text-line-height,var(--ct-sys-typescale-label-large-line-height,1.25rem)),var(--ct-button-small-icon-size,20px));
    --_container-height:var(--ct-button-small-container-height,40px);
    --_icon-size:var(--ct-button-small-icon-size,20px);
    gap: var(--ct-button-small-icon-label-space, 8px);
    line-height: var(--ct-button-small-label-text-line-height, var(--ct-sys-typescale-label-large-line-height, 1.25rem));
    font-size: var(--ct-button-small-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-button-small-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    font-family: var(--ct-button-small-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    padding-inline-end: var(--ct-button-small-trailing-space, 16px);
    padding-inline-start: var(--ct-button-small-leading-space, 16px);
  }
  cw-button:not([hydrated])[size=extra-small], cw-toggle-button:not([hydrated])[size=extra-small] {
    --_single-line-height:max(var(--ct-button-xsmall-label-text-line-height,var(--ct-sys-typescale-label-large-line-height,1.25rem)),var(--ct-button-xsmall-icon-size,20px));
    --_container-height:var(--ct-button-xsmall-container-height,32px);
    --_icon-size:var(--ct-button-xsmall-icon-size,20px);
    gap: var(--ct-button-xsmall-icon-label-space, 8px);
    line-height: var(--ct-button-xsmall-label-text-line-height, var(--ct-sys-typescale-label-large-line-height, 1.25rem));
    font-size: var(--ct-button-xsmall-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-button-xsmall-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    font-family: var(--ct-button-xsmall-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    padding-inline-end: var(--ct-button-xsmall-trailing-space, 12px);
    padding-inline-start: var(--ct-button-xsmall-leading-space, 12px);
  }
  cw-button:not([hydrated])[size=medium], cw-toggle-button:not([hydrated])[size=medium] {
    --_single-line-height:max(var(--ct-button-medium-label-text-line-height,var(--ct-sys-typescale-title-medium-line-height,1.5rem)),var(--ct-button-medium-icon-size,24px));
    --_container-height:var(--ct-button-medium-container-height,56px);
    --_icon-size:var(--ct-button-medium-icon-size,24px);
    gap: var(--ct-button-medium-icon-label-space, 8px);
    line-height: var(--ct-button-medium-label-text-line-height, var(--ct-sys-typescale-title-medium-line-height, 1.5rem));
    font-size: var(--ct-button-medium-label-text-size, var(--ct-sys-typescale-title-medium-size, 1rem));
    font-weight: var(--ct-button-medium-label-text-weight, var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500)));
    font-family: var(--ct-button-medium-label-text-font, var(--ct-sys-typescale-title-medium-font, var(--ct-ref-typeface-plain, Noto Sans)));
    padding-inline-end: var(--ct-button-medium-trailing-space, 24px);
    padding-inline-start: var(--ct-button-medium-leading-space, 24px);
  }
  cw-button:not([hydrated])[size=large], cw-toggle-button:not([hydrated])[size=large] {
    --_single-line-height:max(var(--ct-button-large-label-text-line-height,var(--ct-sys-typescale-headline-small-line-height,2rem)),var(--ct-button-large-icon-size,32px));
    --_container-height:var(--ct-button-large-container-height,96px);
    --_icon-size:var(--ct-button-large-icon-size,32px);
    gap: var(--ct-button-large-icon-label-space, 12px);
    line-height: var(--ct-button-large-label-text-line-height, var(--ct-sys-typescale-headline-small-line-height, 2rem));
    font-size: var(--ct-button-large-label-text-size, var(--ct-sys-typescale-headline-small-size, 1.5rem));
    font-weight: var(--ct-button-large-label-text-weight, var(--ct-sys-typescale-headline-small-weight, var(--ct-ref-typeface-weight-regular, 400)));
    font-family: var(--ct-button-large-label-text-font, var(--ct-sys-typescale-headline-small-font, var(--ct-ref-typeface-brand, Noto Sans)));
    padding-inline-end: var(--ct-button-large-trailing-space, 48px);
    padding-inline-start: var(--ct-button-large-leading-space, 48px);
  }
  cw-button:not([hydrated])[size=extra-large], cw-toggle-button:not([hydrated])[size=extra-large] {
    --_single-line-height:max(var(--ct-button-xlarge-label-text-line-height,var(--ct-sys-typescale-headline-large-line-height,2.5rem)),var(--ct-button-xlarge-icon-size,40px));
    --_container-height:var(--ct-button-xlarge-container-height,136px);
    --_icon-size:var(--ct-button-xlarge-icon-size,40px);
    gap: var(--ct-button-xlarge-icon-label-space, 16px);
    line-height: var(--ct-button-xlarge-label-text-line-height, var(--ct-sys-typescale-headline-large-line-height, 2.5rem));
    font-size: var(--ct-button-xlarge-label-text-size, var(--ct-sys-typescale-headline-large-size, 2rem));
    font-weight: var(--ct-button-xlarge-label-text-weight, var(--ct-sys-typescale-headline-large-weight, var(--ct-ref-typeface-weight-regular, 400)));
    font-family: var(--ct-button-xlarge-label-text-font, var(--ct-sys-typescale-headline-large-font, var(--ct-ref-typeface-brand, Noto Sans)));
    padding-inline-end: var(--ct-button-xlarge-trailing-space, 64px);
    padding-inline-start: var(--ct-button-xlarge-leading-space, 64px);
  }
  cw-button:not([hydrated]), cw-toggle-button:not([hydrated]) {
    padding-block: calc((var(--_container-height) - var(--_single-line-height)) / 2);
  }
  cw-button:not([hydrated])[touch-target=wrapper], cw-toggle-button:not([hydrated])[touch-target=wrapper] {
    visibility: hidden;
    min-height: calc(48px - 2 * var(--_padding-block));
  }
  cw-button:not([hydrated]) [slot=icon], cw-button:not([hydrated])[icon-name]::before {
    visibility: hidden;
    height: var(--_icon-size);
    width: var(--_icon-size);
  }
  cw-button:not([hydrated])[icon-name]::before {
    content: "";
  }
  cw-toggle-button:not([hydrated]) [slot=icon], cw-toggle-button:not([hydrated])[icon-name]::before {
    visibility: hidden;
    height: var(--_icon-size);
    width: var(--_icon-size);
  }
  cw-toggle-button:not([hydrated])[icon-name]::before {
    content: "";
  }
  cw-toggle-button:not([hydrated]) [slot=selected-label], cw-toggle-button:not([hydrated]) [slot=selected-icon] {
    display: none;
  }
  :is(cw-button-group, cw-connected-button-group, cw-toggle-button-group):not([hydrated]) {
    display: inline-flex;
    align-items: center;
  }
  :is(cw-button-group, cw-connected-button-group, cw-toggle-button-group):not([hydrated])[hidden] {
    display: none;
  }
  :is(cw-button-group, cw-connected-button-group, cw-toggle-button-group):not([hydrated]) > :is(cw-button, cw-toggle-button) {
    --_np-labeled-min-inline-size:var(--ct-button-group-labeled-button-min-width,58px);
  }
  :is(cw-button-group, cw-connected-button-group, cw-toggle-button-group):not([hydrated]) > :is(cw-button, cw-toggle-button):not([hydrated]) {
    box-sizing: border-box;
    min-inline-size: var(--_np-labeled-min-inline-size);
  }
  cw-button-group:not([hydrated]) {
    gap: var(--ct-button-group-standard-small-between-space, 12px);
  }
  cw-button-group:not([hydrated])[size=extra-small] {
    gap: var(--ct-button-group-standard-xsmall-between-space, 18px);
  }
  cw-button-group:not([hydrated])[size=medium] {
    gap: var(--ct-button-group-standard-medium-between-space, 8px);
  }
  cw-button-group:not([hydrated])[size=large] {
    gap: var(--ct-button-group-standard-large-between-space, 8px);
  }
  cw-button-group:not([hydrated])[size=extra-large] {
    gap: var(--ct-button-group-standard-xlarge-between-space, 8px);
  }
  :is(cw-connected-button-group, cw-toggle-button-group):not([hydrated]) {
    gap: var(--ct-button-group-connected-small-between-space, 2px);
  }
  cw-card:not([hydrated]), cw-action-card:not([hydrated]) {
    visibility: hidden;
    display: flex;
    position: relative;
  }
  cw-card:not([hydrated]) *, cw-action-card:not([hydrated]) * {
    visibility: hidden;
  }
  cw-assist-chip-set:not([hydrated]), cw-suggestion-chip-set:not([hydrated]), cw-filter-chip-set:not([hydrated]), cw-input-chip-set:not([hydrated]) {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 8px;
  }
  cw-assist-chip:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    gap: 0px;
    height: var(--ct-assist-chip-container-height, 32px);
    font-family: var(--ct-assist-chip-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-assist-chip-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-assist-chip-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-assist-chip-leading-space, 16px);
    padding-inline-end: var(--ct-assist-chip-trailing-space, 16px);
  }
  cw-assist-chip:not([hydrated])[size=extra-small] {
    height: 26px;
  }
  cw-assist-chip:not([hydrated]) [slot=icon] {
    visibility: hidden;
    height: var(--ct-assist-chip-icon-size, 18px);
    width: var(--ct-assist-chip-icon-size, 18px);
  }
  cw-assist-chip:not([hydrated])[icon-name]::after {
    content: "";
    visibility: hidden;
    height: var(--ct-assist-chip-icon-size, 18px);
    width: var(--ct-assist-chip-icon-size, 18px);
  }
  cw-assist-chip:not([hydrated])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-filter-chip:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    gap: 0px;
    height: var(--ct-filter-chip-container-height, 32px);
    font-family: var(--ct-filter-chip-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-filter-chip-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-filter-chip-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-filter-chip-leading-space, 16px);
    padding-inline-end: var(--ct-filter-chip-trailing-space, 16px);
  }
  cw-filter-chip:not([hydrated])[size=extra-small] {
    height: 26px;
  }
  cw-filter-chip:not([hydrated]) [slot=icon] {
    visibility: hidden;
    height: var(--ct-filter-chip-icon-size, 18px);
    width: var(--ct-filter-chip-icon-size, 18px);
  }
  cw-filter-chip:not([hydrated])[icon-name]::after {
    content: "";
    visibility: hidden;
    height: var(--ct-filter-chip-icon-size, 18px);
    width: var(--ct-filter-chip-icon-size, 18px);
  }
  cw-filter-chip:not([hydrated])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-filter-chip:not([hydrated])[removable]:after {
    visibility: hidden;
    content: "";
    height: var(--_icon-size, 18px);
    width: var(--_icon-size, 18px);
  }
  cw-input-chip:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    gap: 0px;
    height: var(--ct-input-chip-container-height, 32px);
    font-family: var(--ct-input-chip-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-input-chip-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-input-chip-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-input-chip-leading-space, 16px);
    padding-inline-end: var(--ct-input-chip-trailing-space, 16px);
  }
  cw-input-chip:not([hydrated])[size=extra-small] {
    height: 26px;
  }
  cw-input-chip:not([hydrated]) [slot=icon] {
    visibility: hidden;
    height: var(--ct-input-chip-icon-size, 18px);
    width: var(--ct-input-chip-icon-size, 18px);
  }
  cw-input-chip:not([hydrated])[icon-name]::after {
    content: "";
    visibility: hidden;
    height: var(--ct-input-chip-icon-size, 18px);
    width: var(--ct-input-chip-icon-size, 18px);
  }
  cw-input-chip:not([hydrated])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-input-chip:not([hydrated])::after {
    visibility: hidden;
    content: "";
    height: var(--md-assist-chip-icon-size, 18px);
    width: var(--md-assist-chip-icon-size, 18px);
  }
  cw-suggestion-chip:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    gap: 0px;
    height: var(--ct-suggestion-chip-container-height, 32px);
    font-family: var(--ct-suggestion-chip-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-suggestion-chip-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-suggestion-chip-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-suggestion-chip-leading-space, 16px);
    padding-inline-end: var(--ct-suggestion-chip-trailing-space, 16px);
  }
  cw-suggestion-chip:not([hydrated])[size=extra-small] {
    height: 26px;
  }
  cw-suggestion-chip:not([hydrated]) [slot=icon] {
    visibility: hidden;
    height: var(--ct-suggestion-chip-icon-size, 18px);
    width: var(--ct-suggestion-chip-icon-size, 18px);
  }
  cw-suggestion-chip:not([hydrated])[icon-name]::after {
    content: "";
    visibility: hidden;
    height: var(--ct-suggestion-chip-icon-size, 18px);
    width: var(--ct-suggestion-chip-icon-size, 18px);
  }
  cw-suggestion-chip:not([hydrated])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-checkbox:not([hydrated]) {
    visibility: hidden;
    --_margin:max(0px,((48px - var(--ct-checkbox-container-size,18px)) / 2));
    display: flex;
    flex-flow: row nowrap;
    position: relative;
    height: var(--ct-checkbox-container-size, 18px);
    padding-inline-start: calc(var(--ct-checkbox-container-size, 18px) + var(--ct-checkbox-label-gap, 18px));
    font-family: var(--ct-checkbox-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-checkbox-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    line-height: var(--ct-checkbox-label-text-line-height, var(--ct-sys-typescale-label-large-line-height, 1.25rem));
    font-weight: var(--ct-checkbox-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    text-wrap: nowrap;
  }
  cw-checkbox:not([hydrated]):empty {
    width: var(--ct-checkbox-container-size, 18px);
    padding: unset;
  }
  cw-checkbox:not([hydrated])[touch-target=wrapper] {
    padding-inline-start: calc(var(--_margin) + var(--ct-checkbox-container-size, 18px) + var(--ct-checkbox-label-gap, 18px));
    padding-inline-end: var(--_margin);
    padding-block: var(--_margin);
  }
  cw-checkbox:not([hydrated])[touch-target=wrapper]:empty {
    width: var(--ct-checkbox-container-size, 18px);
    padding: var(--_margin);
  }
  cw-dial:not([hydrated]), cw-continuous-dial:not([hydrated]) {
    visibility: hidden;
    position: relative;
    --_diameter:var(--ct-dial-xsmall-diameter,112px);
  }
  cw-dial:not([hydrated])[size=small], cw-continuous-dial:not([hydrated])[size=small] {
    --_diameter:var(--ct-dial-small-diameter,120px);
  }
  cw-dial:not([hydrated])[size=medium], cw-continuous-dial:not([hydrated])[size=medium] {
    --_diameter:var(--ct-dial-medium-diameter,160px);
  }
  cw-dial:not([hydrated])[size=large], cw-continuous-dial:not([hydrated])[size=large] {
    --_diameter:var(--ct-dial-large-diameter,212px);
  }
  cw-dial:not([hydrated])[size=extra-large], cw-continuous-dial:not([hydrated])[size=extra-large] {
    --_diameter:var(--ct-dial-xlarge-diameter,292px);
  }
  cw-dial:not([hydrated]):not([orientation=vertical]), cw-continuous-dial:not([hydrated]):not([orientation=vertical]) {
    inline-size: var(--_diameter);
    block-size: var(--_diameter);
  }
  cw-dial:not([hydrated])[orientation=vertical], cw-continuous-dial:not([hydrated])[orientation=vertical] {
    block-size: var(--_diameter);
    inline-size: var(--_diameter);
  }
  cw-dialog:not([hydrated]) {
    display: none;
  }
  cw-divider:not([hydrated]) {
    position: relative;
    display: flex;
    visibility: hidden;
    width: 100%;
    height: var(--ct-divider-thickness, 1px);
  }
  cw-divider:not([hydrated])[inset], cw-divider:not([hydrated])[inset-start] {
    padding-inline-start: 16px;
  }
  cw-divider:not([hydrated])[inset], cw-divider:not([hydrated])[inset-end] {
    padding-inline-end: 16px;
  }
  cw-drag-order-set:not([hydrated]) {
    display: flex;
    flex-flow: var(--ct-drag-order-set-flex-direction, row) nowrap;
    gap: var(--ct-drag-order-set-gap, 24px);
  }
  cw-select-option:not([hydrated]) {
    display: none;
  }
  cw-autocomplete-field:not([hydrated]), cw-date-field:not([hydrated]), cw-email-field:not([hydrated]), cw-number-field:not([hydrated]), cw-password-field:not([hydrated]), cw-search-field:not([hydrated]), cw-select:not([hydrated]), cw-tel-field:not([hydrated]), cw-text-field:not([hydrated]) {
    visibility: hidden;
    display: inline-flex;
    height: var(--md-outlined-field-content-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));
    width: 158px;
    padding-bottom: var(--md-outlined-field-bottom-space, 16px);
    padding-top: var(--md-outlined-field-top-space, 16px);
    padding-inline-start: var(--md-outlined-field-leading-space, 16px);
    padding-inline-end: var(--md-outlined-field-trailing-space, 16px);
  }
  cw-autocomplete-field:not([hydrated])[density="1"], cw-date-field:not([hydrated])[density="1"], cw-email-field:not([hydrated])[density="1"], cw-number-field:not([hydrated])[density="1"], cw-password-field:not([hydrated])[density="1"], cw-search-field:not([hydrated])[density="1"], cw-select:not([hydrated])[density="1"], cw-tel-field:not([hydrated])[density="1"], cw-text-field:not([hydrated])[density="1"] {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  cw-autocomplete-field:not([hydrated])[density="2"], cw-date-field:not([hydrated])[density="2"], cw-email-field:not([hydrated])[density="2"], cw-number-field:not([hydrated])[density="2"], cw-password-field:not([hydrated])[density="2"], cw-search-field:not([hydrated])[density="2"], cw-select:not([hydrated])[density="2"], cw-tel-field:not([hydrated])[density="2"], cw-text-field:not([hydrated])[density="2"] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  cw-autocomplete-field:not([hydrated])[density="3"], cw-date-field:not([hydrated])[density="3"], cw-email-field:not([hydrated])[density="3"], cw-number-field:not([hydrated])[density="3"], cw-password-field:not([hydrated])[density="3"], cw-search-field:not([hydrated])[density="3"], cw-select:not([hydrated])[density="3"], cw-tel-field:not([hydrated])[density="3"], cw-text-field:not([hydrated])[density="3"] {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  cw-autocomplete-field:not([hydrated])[density="4"], cw-date-field:not([hydrated])[density="4"], cw-email-field:not([hydrated])[density="4"], cw-number-field:not([hydrated])[density="4"], cw-password-field:not([hydrated])[density="4"], cw-search-field:not([hydrated])[density="4"], cw-select:not([hydrated])[density="4"], cw-tel-field:not([hydrated])[density="4"], cw-text-field:not([hydrated])[density="4"] {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  cw-autocomplete-field:not([hydrated])[supporting-text], cw-date-field:not([hydrated])[supporting-text], cw-email-field:not([hydrated])[supporting-text], cw-number-field:not([hydrated])[supporting-text], cw-password-field:not([hydrated])[supporting-text], cw-search-field:not([hydrated])[supporting-text], cw-select:not([hydrated])[supporting-text], cw-tel-field:not([hydrated])[supporting-text], cw-text-field:not([hydrated])[supporting-text] {
    padding-bottom: calc(var(--md-outlined-field-bottom-space, 16px) + var(--md-outlined-field-supporting-text-line-height, var(--md-sys-typescale-body-small-line-height, 1rem)) + var(--md-outlined-field-supporting-text-top-space, 4px));
  }
  cw-autocomplete-field:not([hydrated]) [slot=leading-icon], cw-date-field:not([hydrated]) [slot=leading-icon], cw-email-field:not([hydrated]) [slot=leading-icon], cw-number-field:not([hydrated]) [slot=leading-icon], cw-password-field:not([hydrated]) [slot=leading-icon], cw-search-field:not([hydrated]) [slot=leading-icon], cw-select:not([hydrated]) [slot=leading-icon], cw-tel-field:not([hydrated]) [slot=leading-icon], cw-text-field:not([hydrated]) [slot=leading-icon] {
    min-width: calc(48px - var(--md-outlined-field-leading-space, 16px));
  }
  cw-autocomplete-field:not([hydrated]) [slot=trailing-icon], cw-date-field:not([hydrated]) [slot=trailing-icon], cw-email-field:not([hydrated]) [slot=trailing-icon], cw-number-field:not([hydrated]) [slot=trailing-icon], cw-password-field:not([hydrated]) [slot=trailing-icon], cw-search-field:not([hydrated]) [slot=trailing-icon], cw-select:not([hydrated]) [slot=trailing-icon], cw-tel-field:not([hydrated]) [slot=trailing-icon], cw-text-field:not([hydrated]) [slot=trailing-icon] {
    min-width: calc(48px - var(--md-outlined-field-trailing-space, 16px));
  }
  cw-fab:not([hydrated]):not([label=""]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
  }
  cw-fab:not([hydrated]):not([label=""]) {
    height: var(--ct-fab-container-height, 56px);
    width: var(--ct-fab-container-width, 56px);
  }
  cw-fab:not([hydrated]):not([label=""])[size=small] {
    height: var(--ct-fab-small-container-height, 40px);
    width: var(--ct-fab-small-container-width, 40px);
  }
  cw-fab:not([hydrated]):not([label=""])[size=medium] {
    height: var(--ct-fab-medium-container-height, 80px);
    width: var(--ct-fab-medium-container-width, 80px);
  }
  cw-fab:not([hydrated]):not([label=""])[size=large] {
    height: var(--ct-fab-large-container-height, 96px);
    width: var(--ct-fab-large-container-width, 96px);
  }
  cw-fab[label]:not([hide-label]):not([hydrated]) {
    width: auto;
  }
  cw-fab[label]:not([hide-label]):not([hydrated]):before {
    display: inline-flex;
    content: attr(label);
    padding-inline-end: var(--ct-fab-small-trailing-space, 16px);
    font-size: var(--ct-fab-small-label-text-size, var(--ct-sys-typescale-title-medium-size, 1rem));
    font-weight: var(--ct-fab-small-label-text-weight, var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500)));
  }
  cw-fab[label]:not([hide-label]):not([hydrated])[size=medium]:before {
    padding-inline-end: var(--ct-fab-medium-trailing-space, 26px);
    font-size: var(--ct-fab-medium-label-text-size, var(--ct-sys-typescale-title-large-size, 1.375rem));
    font-weight: var(--ct-fab-medium-label-text-weight, var(--ct-sys-typescale-title-large-weight, var(--ct-ref-typeface-weight-regular, 400)));
  }
  cw-fab[label]:not([hide-label]):not([hydrated])[size=large]:before {
    padding-inline-end: var(--ct-fab-large-trailing-space, 28px);
    font-size: var(--ct-fab-large-label-text-size, var(--ct-sys-typescale-headline-small-size, 1.5rem));
    font-weight: var(--ct-fab-large-label-text-weight, var(--ct-sys-typescale-headline-small-weight, var(--ct-ref-typeface-weight-regular, 400)));
  }
  cw-fab[label]:not([hide-label]):not([hydrated]) cw-icon {
    width: var(--ct-fab-icon-size, 24px);
  }
  cw-fab[concealed]:not([hydrated]) {
    display: none;
  }
  cw-icon:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: block;
    overflow: hidden;
    height: var(--ct-icon-size, 24px);
    width: var(--ct-icon-size, 24px);
  }
  cw-icon-button:not([hydrated]), cw-toggle-icon-button:not([hydrated]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    --_container-size:var(--ct-icon-button-small-container-height,40px);
    --_regular-space:var(--ct-icon-button-small-regular-leading-space,8px);
    --_narrow-space:var(--ct-icon-button-small-narrow-leading-space,4px);
    --_wide-space:var(--ct-icon-button-small-wide-leading-space,14px);
    height: var(--_container-size);
    width: var(--_container-size);
  }
  cw-icon-button:not([hydrated])[width=narrow], cw-toggle-icon-button:not([hydrated])[width=narrow] {
    width: calc(var(--_container-size) + 2 * (var(--_narrow-space) - var(--_regular-space)));
  }
  cw-icon-button:not([hydrated])[width=wide], cw-toggle-icon-button:not([hydrated])[width=wide] {
    width: calc(var(--_container-size) + 2 * (var(--_wide-space) - var(--_regular-space)));
  }
  cw-icon-button:not([hydrated])[size=extra-small], cw-toggle-icon-button:not([hydrated])[size=extra-small] {
    --_container-size:var(--ct-icon-button-xsmall-container-height,32px);
    --_regular-space:var(--ct-icon-button-xsmall-regular-leading-space,6px);
    --_narrow-space:var(--ct-icon-button-xsmall-narrow-leading-space,4px);
    --_wide-space:var(--ct-icon-button-xsmall-wide-leading-space,10px);
  }
  cw-icon-button:not([hydrated])[size=medium], cw-toggle-icon-button:not([hydrated])[size=medium] {
    --_container-size:var(--ct-icon-button-medium-container-height,56px);
    --_regular-space:var(--ct-icon-button-medium-regular-leading-space,16px);
    --_narrow-space:var(--ct-icon-button-medium-narrow-leading-space,12px);
    --_wide-space:var(--ct-icon-button-medium-wide-leading-space,24px);
  }
  cw-icon-button:not([hydrated])[size=large], cw-toggle-icon-button:not([hydrated])[size=large] {
    --_container-size:var(--ct-icon-button-large-container-height,96px);
    --_regular-space:var(--ct-icon-button-large-regular-leading-space,32px);
    --_narrow-space:var(--ct-icon-button-large-narrow-leading-space,16px);
    --_wide-space:var(--ct-icon-button-large-wide-leading-space,48px);
  }
  cw-icon-button:not([hydrated])[size=extra-large], cw-toggle-icon-button:not([hydrated])[size=extra-large] {
    --_container-size:var(--ct-icon-button-xlarge-container-height,136px);
    --_regular-space:var(--ct-icon-button-xlarge-regular-leading-space,48px);
    --_narrow-space:var(--ct-icon-button-xlarge-narrow-leading-space,32px);
    --_wide-space:var(--ct-icon-button-xlarge-wide-leading-space,72px);
  }
  cw-icon-button:not([hydrated])[touch-target=wrapper], cw-toggle-icon-button:not([hydrated])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-icon-button:not([hydrated]) *, cw-toggle-icon-button:not([hydrated]) * {
    display: none;
  }
  cw-menu:not([hydrated]) {
    display: contents;
  }
  cw-menu:not([hydrated]) > :not([slot=anchor]) {
    display: none !important;
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
    height: var(--_container-size);
    width: var(--_container-size);
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[width=narrow] {
    width: calc(var(--_container-size) + 2 * (var(--_narrow-space) - var(--_regular-space)));
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[width=wide] {
    width: calc(var(--_container-size) + 2 * (var(--_wide-space) - var(--_regular-space)));
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=extra-small] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=medium] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=large] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=extra-large] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-menu:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-sub-menu:not([hydrated]), cw-menu-item:not([hydrated]) {
    display: none;
  }
  cw-nav:not([hydrated]) {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: var(--ct-nav-rail-container-width, 96px);
  }
  cw-nav:not([hydrated])[variant=drawer] {
    width: var(--ct-nav-drawer-container-width, 220px);
  }
  cw-nav:not([hydrated])[variant=top-bar], cw-nav:not([hydrated])[variant=bottom-bar], cw-nav:not([hydrated])[variant=short-top-bar], cw-nav:not([hydrated])[variant=short-bottom-bar] {
    flex-direction: row;
    width: 100%;
    height: var(--ct-nav-top-bar-container-height, 80px);
  }
  cw-nav:not([hydrated])[variant=short-top-bar], cw-nav:not([hydrated])[variant=short-bottom-bar] {
    height: var(--ct-nav-short-top-bar-container-height, 56px);
  }
  cw-nav:not([hydrated])[variant=none] {
    display: none;
  }
  cw-nav:not([hydrated])[variant=modal-drawer]:not([modal-open]) {
    display: none;
  }
  cw-nav:not([hydrated])[variant=modal-drawer][modal-open] {
    width: var(--ct-nav-drawer-container-width, 220px);
  }
  cw-nav-tab:not([hydrated]) {
    visibility: hidden;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: var(--ct-nav-item-container-height, 64px);
  }
  cw-popover:not([hydrated]) {
    display: contents;
  }
  cw-popover:not([hydrated]) > :not([slot=anchor]) {
    display: none !important;
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor]) {
    visibility: hidden;
    position: relative;
    display: inline-flex;
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
    height: var(--_container-size);
    width: var(--_container-size);
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[width=narrow] {
    width: calc(var(--_container-size) + 2 * (var(--_narrow-space) - var(--_regular-space)));
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[width=wide] {
    width: calc(var(--_container-size) + 2 * (var(--_wide-space) - var(--_regular-space)));
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=extra-small] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=medium] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=large] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[size=extra-large] {
    --_container-size:;
    --_regular-space:;
    --_narrow-space:;
    --_wide-space:;
  }
  cw-popover:not([hydrated]):not(:has([slot=anchor])):not([external-anchor])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-circular-progress:not([hydrated]), cw-linear-progress:not([hydrated]) {
    visibility: hidden;
    display: inline-flex;
    position: relative;
  }
  cw-circular-progress:not([hydrated]) {
    height: 48px;
    width: 48px;
  }
  cw-linear-progress:not([hydrated]) {
    width: 80px;
  }
  cw-radio:not([hydrated]) {
    visibility: hidden;
    --_margin:max(0px,((48px - var(--ct-radio-icon-size,20px)) / 2));
    display: block;
    position: relative;
    padding-inline-start: calc(var(--ct-radio-icon-size, 20px) + var(--ct-radio-label-gap, 21px));
    height: var(--ct-radio-icon-size, 20px);
    font-family: var(--ct-radio-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    line-height: var(--ct-radio-label-text-line-height, var(--ct-sys-typescale-label-large-line-height, 1.25rem));
    font-size: var(--ct-radio-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-radio-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    text-wrap: nowrap;
  }
  cw-radio:not([hydrated]):empty {
    width: var(--ct-radio-icon-size, 20px);
    padding: unset;
  }
  cw-radio:not([hydrated])[touch-target=wrapper] {
    padding-inline-start: calc(var(--_margin) + var(--ct-radio-icon-size, 20px) + var(--ct-radio-label-gap, 21px));
    padding-inline-end: var(--_margin);
    padding-block: var(--_margin);
  }
  cw-radio:not([hydrated])[touch-target=wrapper]:empty {
    padding: var(--_margin);
  }
  cw-radio-set:not([hydrated]) {
    display: flex;
  }
  cw-radio-set:not([hydrated]):not([horizontal]) {
    flex-flow: column nowrap;
    gap: var(--ct-radio-set-vertical-spacing, 36px);
  }
  cw-radio-set:not([hydrated])[horizontal] {
    flex-flow: row nowrap;
    gap: var(--ct-radio-set-horizontal-spacing, 36px);
  }
  cw-side-sheet:not([hydrated]) {
    visibility: hidden;
    display: flex;
    align-self: stretch;
    flex-shrink: 0;
    overflow: hidden;
    width: var(--ct-side-sheet-container-width, 256px);
  }
  cw-side-sheet:not([hydrated]):not([open]) {
    width: 0;
  }
  cw-side-sheet:not([hydrated])[variant=modal]:not([modal-open]), cw-side-sheet:not([hydrated])[responsive=modal] {
    display: none;
  }
  cw-slider:not([hydrated]), cw-range-slider:not([hydrated]) {
    visibility: hidden;
    position: relative;
    --_thickness:var(--ct-slider-xsmall-track-thickness,16px);
  }
  cw-slider:not([hydrated])[size=small], cw-range-slider:not([hydrated])[size=small] {
    --_thickness:var(--ct-slider-small-track-thickness,24px);
  }
  cw-slider:not([hydrated])[size=medium], cw-range-slider:not([hydrated])[size=medium] {
    --_thickness:var(--ct-slider-medium-track-thickness,40px);
  }
  cw-slider:not([hydrated])[size=large], cw-range-slider:not([hydrated])[size=large] {
    --_thickness:var(--ct-slider-large-track-thickness,56px);
  }
  cw-slider:not([hydrated])[size=extra-large], cw-range-slider:not([hydrated])[size=extra-large] {
    --_thickness:var(--ct-slider-xlarge-track-thickness,96px);
  }
  cw-slider:not([hydrated]):not([orientation=vertical]), cw-range-slider:not([hydrated]):not([orientation=vertical]) {
    inline-size: 200px;
    block-size: var(--_thickness);
  }
  cw-slider:not([hydrated])[orientation=vertical], cw-range-slider:not([hydrated])[orientation=vertical] {
    block-size: 200px;
    inline-size: var(--_thickness);
  }
  cw-slider:not([hydrated])[touch-target=wrapper], cw-range-slider:not([hydrated])[touch-target=wrapper] {
    min-inline-size: 48px;
    min-block-size: 48px;
  }
  cw-split-button:not([hydrated]) {
    visibility: hidden;
    --_single-line-height:max(var(--ct-button-small-label-text-line-height,var(--ct-sys-typescale-label-large-line-height,1.25rem)),var(--ct-button-small-icon-size,20px));
    --_container-height:var(--ct-button-small-container-height,40px);
    --_icon-size:var(--ct-button-small-icon-size,20px);
    gap: var(--ct-button-small-icon-label-space, 8px);
    line-height: var(--ct-button-small-label-text-line-height, var(--ct-sys-typescale-label-large-line-height, 1.25rem));
    font-family: var(--ct-button-small-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-button-small-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-button-small-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-split-button-small-leading-button-leading-space, 16px);
    padding-inline-end: calc(var(--ct-split-button-small-leading-button-trailing-space, 12px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-small-trailing-button-leading-space, 13px) + var(--ct-split-button-small-trailing-button-icon-size, 22px) + var(--ct-split-button-small-trailing-button-trailing-space, 13px));
    min-inline-size: calc(var(--ct-split-button-leading-button-min-inline-size, 48px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-small-trailing-button-leading-space, 13px) + var(--ct-split-button-small-trailing-button-icon-size, 22px) + var(--ct-split-button-small-trailing-button-trailing-space, 13px));
    max-inline-size: calc(var(--ct-button-max-width, 320px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-small-trailing-button-leading-space, 13px) + var(--ct-split-button-small-trailing-button-icon-size, 22px) + var(--ct-split-button-small-trailing-button-trailing-space, 13px));
    display: inline-flex;
    box-sizing: border-box;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-block: calc((var(--_container-height) - var(--_single-line-height)) / 2);
  }
  cw-split-button:not([hydrated])[size=extra-small] {
    --_single-line-height:max(var(--ct-button-xsmall-label-text-line-height,var(--ct-sys-typescale-label-large-line-height,1.25rem)),var(--ct-button-xsmall-icon-size,20px));
    --_container-height:var(--ct-button-xsmall-container-height,32px);
    --_icon-size:var(--ct-button-xsmall-icon-size,20px);
    gap: var(--ct-button-xsmall-icon-label-space, 8px);
    line-height: var(--ct-button-xsmall-label-text-line-height, var(--ct-sys-typescale-label-large-line-height, 1.25rem));
    font-family: var(--ct-button-xsmall-label-text-font, var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-button-xsmall-label-text-size, var(--ct-sys-typescale-label-large-size, 0.875rem));
    font-weight: var(--ct-button-xsmall-label-text-weight, var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-split-button-xsmall-leading-button-leading-space, 12px);
    padding-inline-end: calc(var(--ct-split-button-xsmall-leading-button-trailing-space, 10px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-xsmall-trailing-button-leading-space, 13px) + var(--ct-split-button-xsmall-trailing-button-icon-size, 22px) + var(--ct-split-button-xsmall-trailing-button-trailing-space, 13px));
    min-inline-size: calc(var(--ct-split-button-leading-button-min-inline-size, 48px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-xsmall-trailing-button-leading-space, 13px) + var(--ct-split-button-xsmall-trailing-button-icon-size, 22px) + var(--ct-split-button-xsmall-trailing-button-trailing-space, 13px));
    max-inline-size: calc(var(--ct-button-max-width, 320px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-xsmall-trailing-button-leading-space, 13px) + var(--ct-split-button-xsmall-trailing-button-icon-size, 22px) + var(--ct-split-button-xsmall-trailing-button-trailing-space, 13px));
  }
  cw-split-button:not([hydrated])[size=medium] {
    --_single-line-height:max(var(--ct-button-medium-label-text-line-height,var(--ct-sys-typescale-title-medium-line-height,1.5rem)),var(--ct-button-medium-icon-size,24px));
    --_container-height:var(--ct-button-medium-container-height,56px);
    --_icon-size:var(--ct-button-medium-icon-size,24px);
    gap: var(--ct-button-medium-icon-label-space, 8px);
    line-height: var(--ct-button-medium-label-text-line-height, var(--ct-sys-typescale-title-medium-line-height, 1.5rem));
    font-family: var(--ct-button-medium-label-text-font, var(--ct-sys-typescale-title-medium-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-button-medium-label-text-size, var(--ct-sys-typescale-title-medium-size, 1rem));
    font-weight: var(--ct-button-medium-label-text-weight, var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500)));
    padding-inline-start: var(--ct-split-button-medium-leading-button-leading-space, 24px);
    padding-inline-end: calc(var(--ct-split-button-medium-leading-button-trailing-space, 24px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-medium-trailing-button-leading-space, 15px) + var(--ct-split-button-medium-trailing-button-icon-size, 26px) + var(--ct-split-button-medium-trailing-button-trailing-space, 15px));
    min-inline-size: calc(var(--ct-split-button-leading-button-min-inline-size, 48px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-medium-trailing-button-leading-space, 15px) + var(--ct-split-button-medium-trailing-button-icon-size, 26px) + var(--ct-split-button-medium-trailing-button-trailing-space, 15px));
    max-inline-size: calc(var(--ct-button-max-width, 320px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-medium-trailing-button-leading-space, 15px) + var(--ct-split-button-medium-trailing-button-icon-size, 26px) + var(--ct-split-button-medium-trailing-button-trailing-space, 15px));
  }
  cw-split-button:not([hydrated])[size=large] {
    --_single-line-height:max(var(--ct-button-large-label-text-line-height,var(--ct-sys-typescale-headline-small-line-height,2rem)),var(--ct-button-large-icon-size,32px));
    --_container-height:var(--ct-button-large-container-height,96px);
    --_icon-size:var(--ct-button-large-icon-size,32px);
    gap: var(--ct-button-large-icon-label-space, 12px);
    line-height: var(--ct-button-large-label-text-line-height, var(--ct-sys-typescale-headline-small-line-height, 2rem));
    font-family: var(--ct-button-large-label-text-font, var(--ct-sys-typescale-headline-small-font, var(--ct-ref-typeface-brand, Noto Sans)));
    font-size: var(--ct-button-large-label-text-size, var(--ct-sys-typescale-headline-small-size, 1.5rem));
    font-weight: var(--ct-button-large-label-text-weight, var(--ct-sys-typescale-headline-small-weight, var(--ct-ref-typeface-weight-regular, 400)));
    padding-inline-start: var(--ct-split-button-large-leading-button-leading-space, 48px);
    padding-inline-end: calc(var(--ct-split-button-large-leading-button-trailing-space, 48px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-large-trailing-button-leading-space, 29px) + var(--ct-split-button-large-trailing-button-icon-size, 38px) + var(--ct-split-button-large-trailing-button-trailing-space, 29px));
    min-inline-size: calc(var(--ct-split-button-leading-button-min-inline-size, 48px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-large-trailing-button-leading-space, 29px) + var(--ct-split-button-large-trailing-button-icon-size, 38px) + var(--ct-split-button-large-trailing-button-trailing-space, 29px));
    max-inline-size: calc(var(--ct-button-max-width, 320px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-large-trailing-button-leading-space, 29px) + var(--ct-split-button-large-trailing-button-icon-size, 38px) + var(--ct-split-button-large-trailing-button-trailing-space, 29px));
  }
  cw-split-button:not([hydrated])[size=extra-large] {
    --_single-line-height:max(var(--ct-button-xlarge-label-text-line-height,var(--ct-sys-typescale-headline-large-line-height,2.5rem)),var(--ct-button-xlarge-icon-size,40px));
    --_container-height:var(--ct-button-xlarge-container-height,136px);
    --_icon-size:var(--ct-button-xlarge-icon-size,40px);
    gap: var(--ct-button-xlarge-icon-label-space, 16px);
    line-height: var(--ct-button-xlarge-label-text-line-height, var(--ct-sys-typescale-headline-large-line-height, 2.5rem));
    font-family: var(--ct-button-xlarge-label-text-font, var(--ct-sys-typescale-headline-large-font, var(--ct-ref-typeface-brand, Noto Sans)));
    font-size: var(--ct-button-xlarge-label-text-size, var(--ct-sys-typescale-headline-large-size, 2rem));
    font-weight: var(--ct-button-xlarge-label-text-weight, var(--ct-sys-typescale-headline-large-weight, var(--ct-ref-typeface-weight-regular, 400)));
    padding-inline-start: var(--ct-split-button-xlarge-leading-button-leading-space, 64px);
    padding-inline-end: calc(var(--ct-split-button-xlarge-leading-button-trailing-space, 64px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-xlarge-trailing-button-leading-space, 43px) + var(--ct-split-button-xlarge-trailing-button-icon-size, 50px) + var(--ct-split-button-xlarge-trailing-button-trailing-space, 43px));
    min-inline-size: calc(var(--ct-split-button-leading-button-min-inline-size, 48px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-xlarge-trailing-button-leading-space, 43px) + var(--ct-split-button-xlarge-trailing-button-icon-size, 50px) + var(--ct-split-button-xlarge-trailing-button-trailing-space, 43px));
    max-inline-size: calc(var(--ct-button-max-width, 320px) + var(--ct-button-group-connected-small-between-space, 2px) + var(--ct-split-button-xlarge-trailing-button-leading-space, 43px) + var(--ct-split-button-xlarge-trailing-button-icon-size, 50px) + var(--ct-split-button-xlarge-trailing-button-trailing-space, 43px));
  }
  cw-split-button:not([hydrated])[hidden] {
    display: none;
  }
  cw-split-button:not([hydrated]) > [slot=icon], cw-split-button:not([hydrated])[icon-name]:not(:has(> [slot=icon]))::before {
    visibility: hidden;
    height: var(--_icon-size);
    width: var(--_icon-size);
  }
  cw-split-button:not([hydrated])[icon-name]:not(:has(> [slot=icon]))::before {
    content: "";
  }
  cw-split-button:not([hydrated]) > :is([slot=menu], [slot=trailing-icon]) {
    display: none !important;
  }
  cw-switch:not([hydrated]) {
    visibility: hidden;
    position: relative;
    height: var(--ct-switch-track-height, 32px);
    width: var(--ct-switch-track-width, 52px);
  }
  cw-switch:not([hydrated])[touch-target=wrapper] {
    min-height: 48px;
    min-width: 48px;
  }
  cw-tabs:not([hydrated]) {
    visibility: hidden;
    position: relative;
    align-items: end;
    display: flex;
    height: 100%;
    overflow: inherit;
    scroll-behavior: smooth;
    scrollbar-width: none;
    justify-content: space-between;
    width: 100%;
  }
  cw-primary-tab:not([hydrated]), cw-secondary-tab:not([hydrated]) {
    visibility: hidden;
    padding: 0px 16px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
  }
  cw-primary-tab:not([hydrated]) {
    height: calc(var(--ct-primary-tab-container-height, 48px) + var(--ct-divider-thickness, 1px));
    font-family: var(--ct-primary-tab-label-text-font, var(--ct-sys-typescale-title-small-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-primary-tab-label-text-size, var(--ct-sys-typescale-title-small-size, 0.875rem));
    line-height: var(--ct-primary-tab-label-text-line-height, var(--ct-sys-typescale-title-small-line-height, 1.25rem));
    font-weight: var(--ct-primary-tab-label-text-weight, var(--ct-sys-typescale-title-small-weight, var(--ct-ref-typeface-weight-medium, 500)));
  }
  cw-primary-tab:not([hydrated]) cw-icon {
    height: var(--ct-primary-tab-icon-size, 24px);
    width: var(--ct-primary-tab-icon-size, 24px);
  }
  cw-primary-tab:not([hydrated]):not([inline-icon]) {
    flex-direction: column;
    height: calc(var(--ct-primary-tab-with-icon-and-label-text-container-height, 64px) + var(--ct-divider-thickness, 1px));
  }
  cw-secondary-tab:not([hydrated]) {
    height: calc(var(--ct-secondary-tab-container-height, 48px) + var(--ct-divider-thickness, 1px));
    font-family: var(--ct-secondary-tab-label-text-font, var(--ct-sys-typescale-title-small-font, var(--ct-ref-typeface-plain, Noto Sans)));
    font-size: var(--ct-secondary-tab-label-text-size, var(--ct-sys-typescale-title-small-size, 0.875rem));
    line-height: var(--ct-secondary-tab-label-text-line-height, var(--ct-sys-typescale-title-small-line-height, 1.25rem));
    font-weight: var(--ct-secondary-tab-label-text-weight, var(--ct-sys-typescale-title-small-weight, var(--ct-ref-typeface-weight-medium, 500)));
  }
  cw-secondary-tab:not([hydrated]) cw-icon {
    height: var(--ct-secondary-tab-icon-size, 24px);
    width: var(--ct-secondary-tab-icon-size, 24px);
  }
  cw-accordion-item:not([hydrated])[hidden], cw-accordion:not([hydrated])[hidden], cw-autocomplete-field:not([hydrated])[hidden], cw-badge:not([hydrated])[hidden], cw-button-group:not([hydrated])[hidden], cw-button:not([hydrated])[hidden], cw-toggle-button:not([hydrated])[hidden], cw-action-card:not([hydrated])[hidden], cw-card:not([hydrated])[hidden], cw-chat-attachment:not([hydrated])[hidden], cw-chat-composer:not([hydrated])[hidden], cw-chat-message:not([hydrated])[hidden], cw-chat-tool-call:not([hydrated])[hidden], cw-chat:not([hydrated])[hidden], cw-checkbox:not([hydrated])[hidden], cw-assist-chip-set:not([hydrated])[hidden], cw-filter-chip-set:not([hydrated])[hidden], cw-input-chip-set:not([hydrated])[hidden], cw-suggestion-chip-set:not([hydrated])[hidden], cw-assist-chip:not([hydrated])[hidden], cw-filter-chip:not([hydrated])[hidden], cw-input-chip:not([hydrated])[hidden], cw-suggestion-chip:not([hydrated])[hidden], cw-color-picker:not([hydrated])[hidden], cw-color-swatch:not([hydrated])[hidden], cw-connected-button-group:not([hydrated])[hidden], cw-data-grid:not([hydrated])[hidden], cw-data-table:not([hydrated])[hidden], cw-date-field:not([hydrated])[hidden], cw-date-picker-docked:not([hydrated])[hidden], cw-date-picker-modal:not([hydrated])[hidden], cw-date-range-field:not([hydrated])[hidden], cw-date-range-picker-docked:not([hydrated])[hidden], cw-date-range-picker-modal:not([hydrated])[hidden], cw-continuous-dial:not([hydrated])[hidden], cw-dial:not([hydrated])[hidden], cw-dialog:not([hydrated])[hidden], cw-divider:not([hydrated])[hidden], cw-drag-handle:not([hydrated])[hidden], cw-drag-order-set:not([hydrated])[hidden], cw-email-field:not([hydrated])[hidden], cw-fab-menu:not([hydrated])[hidden], cw-fab:not([hydrated])[hidden], cw-icon-button:not([hydrated])[hidden], cw-toggle-icon-button:not([hydrated])[hidden], cw-icon:not([hydrated])[hidden], cw-list-item:not([hydrated])[hidden], cw-list:not([hydrated])[hidden], cw-menu-item:not([hydrated])[hidden], cw-menu:not([hydrated])[hidden], cw-sub-menu:not([hydrated])[hidden], cw-nav-tab:not([hydrated])[hidden], cw-nav:not([hydrated])[hidden], cw-number-field:not([hydrated])[hidden], cw-paginator:not([hydrated])[hidden], cw-password-field:not([hydrated])[hidden], cw-popover:not([hydrated])[hidden], cw-circular-progress:not([hydrated])[hidden], cw-linear-progress:not([hydrated])[hidden], cw-radio-set:not([hydrated])[hidden], cw-radio:not([hydrated])[hidden], cw-scroll-region:not([hydrated])[hidden], cw-search-field:not([hydrated])[hidden], cw-select-option:not([hydrated])[hidden], cw-select:not([hydrated])[hidden], cw-side-sheet:not([hydrated])[hidden], cw-skeleton:not([hydrated])[hidden], cw-range-slider:not([hydrated])[hidden], cw-slider:not([hydrated])[hidden], cw-split-button:not([hydrated])[hidden], cw-switch:not([hydrated])[hidden], cw-primary-tab:not([hydrated])[hidden], cw-secondary-tab:not([hydrated])[hidden], cw-tabs:not([hydrated])[hidden], cw-tel-field:not([hydrated])[hidden], cw-text-area:not([hydrated])[hidden], cw-text-field:not([hydrated])[hidden], cw-toast:not([hydrated])[hidden], cw-toc:not([hydrated])[hidden], cw-toggle-button-group:not([hydrated])[hidden], cw-plain-tooltip:not([hydrated])[hidden], cw-rich-tooltip:not([hydrated])[hidden], cw-paint-worklet-loader:not([hydrated])[hidden] {
    display: none !important;
  }
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZftVyCN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZftVyLN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZftVyDN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZftVyMN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZftVyBN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZftVyPN4FNgYUJ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCu6KVjbNBYlgoKej75l0miFYxnu4w.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCu6KVjbNBYlgoKej7wl0miFYxnu4w.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCu6KVjbNBYlgoKej74l0miFYxnu4w.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCu6KVjbNBYlgoKej73l0miFYxnu4w.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCu6KVjbNBYlgoKej76l0miFYxnu4w.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCu6KVjbNBYlgoKej70l0miFYxn.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejYHtFyCN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejYHtFyLN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejYHtFyDN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejYHtFyMN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejYHtFyBN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejYHtFyPN4FNgYUJ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZPslyCN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZPslyLN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZPslyDN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZPslyMN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZPslyBN4FNgYUJ31U.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCp6KVjbNBYlgoKejZPslyPN4FNgYUJ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoC1CzjvWyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoC1CzjtGyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoC1CzjvGyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoC1Czjs2yNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoC1CzjvmyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoC1CzjsGyNPYZvgw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCs6KVjbNBYlgoKcg72nU6AF7xm.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCs6KVjbNBYlgoKew72nU6AF7xm.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCs6KVjbNBYlgoKcw72nU6AF7xm.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCs6KVjbNBYlgoKfA72nU6AF7xm.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCs6KVjbNBYlgoKcQ72nU6AF7xm.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCjC3jvWyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCjC3jtGyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCjC3jvGyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCjC3js2yNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCjC3jvmyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCxCvjvWyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCxCvjtGyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCxCvjvGyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCxCvjs2yNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCxCvjvmyNPYZvg7UI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOhCneDtsqEr0keqCMhbCc_OsvSkKJMc3uMAA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOhCneDtsqEr0keqCMhbCc_OsLSkKJMc3uMAA.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOhCneDtsqEr0keqCMhbCc_OsrSkKJMc3uMAA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOhCneDtsqEr0keqCMhbCc_OsXSkKJMc3uMAA.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOhCneDtsqEr0keqCMhbCc_OsjSkKJMc3uMAA.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOhCneDtsqEr0keqCMhbCc_OsbSkKJMc3s.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO8CneDtsqEr0keqCMhbCc_Mn33hYJuflG2CVknYg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO8CneDtsqEr0keqCMhbCc_Mn33hYtuflG2CVknYg.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO8CneDtsqEr0keqCMhbCc_Mn33hYNuflG2CVknYg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO8CneDtsqEr0keqCMhbCc_Mn33hYxuflG2CVknYg.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO8CneDtsqEr0keqCMhbCc_Mn33hYFuflG2CVknYg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO8CneDtsqEr0keqCMhbCc_Mn33hY9uflG2CVk.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOjCneDtsqEr0keqCMhbCc3CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOjCneDtsqEr0keqCMhbCc-CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOjCneDtsqEr0keqCMhbCc2CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOjCneDtsqEr0keqCMhbCc5CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOjCneDtsqEr0keqCMhbCc0CsTYl4BOQ3o.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFOjCneDtsqEr0keqCMhbCc6CsTYl4BO.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO-CneDtsqEr0keqCMhbC-BL9H4tY1keXO0OVg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO-CneDtsqEr0keqCMhbC-BL9HxtY1keXO0OVg.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO-CneDtsqEr0keqCMhbC-BL9H5tY1keXO0OVg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO-CneDtsqEr0keqCMhbC-BL9H2tY1keXO0OVg.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO-CneDtsqEr0keqCMhbC-BL9H7tY1keXO0OVg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/ubuntu-mono/KFO-CneDtsqEr0keqCMhbC-BL9H1tY1keXO0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Ubuntu Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-condensed/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-3fq9PrNX2-Ag.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Ubuntu Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-condensed/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Tfq9PrNX2-Ag.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Ubuntu Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-condensed/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-zfq9PrNX2-Ag.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Ubuntu Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-condensed/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Pfq9PrNX2-Ag.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: "Ubuntu Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-condensed/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-7fq9PrNX2-Ag.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Ubuntu Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/ubuntu-condensed/u-4k0rCzjgs5J7oXnJcM_0kACGMtT-Dfq9PrNX0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 100;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/noto-sans/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/fonts/archivo/k3kQo8UDI-1M0wlSfdboLmvDIaK18A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/fonts/archivo/k3kQo8UDI-1M0wlSfdfoLmvDIaK18A.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/fonts/archivo/k3kQo8UDI-1M0wlSfdnoLmvDIaI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces/6NUT8FyLNQOQZAnv9ZwNpOQkzP9Ddt2Wew.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces/6NUT8FyLNQOQZAnv9ZwNpOUkzP9Ddt2Wew.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces/6NUT8FyLNQOQZAnv9ZwNpOskzP9Ddt0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces/6NUV8FyLNQOQZAnv9ZwHlOkuy91BRtw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces/6NUV8FyLNQOQZAnv9ZwGlOkuy91BRtw.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/fraunces/6NUV8FyLNQOQZAnv9ZwIlOkuy91B.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVl2YZDLWuGJpnzaiwFXS9tYtpY19-7DQk6YvNkeg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVl2YZDLWuGJpnzaiwFXS9tYtpY1927DQk6YvNkeg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVl2YZDLWuGJpnzaiwFXS9tYtpY19y7DQk6YvNkeg.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVl2YZDLWuGJpnzaiwFXS9tYtpY19K7DQk6YvM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpQ59CxCis4UvI.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpS59CxCis4UvI.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpT59CxCis4UvI.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/hanken-grotesk/ieVn2YZDLWuGJpnzaiwFXS9tYtpd59CxCis4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/karla/qkBVXvYC6trAT7RQHtCe4ZRNkAT7MQ.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/karla/qkBVXvYC6trAT7RQHt6e4ZRNkAQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/karla/qkBbXvYC6trAT7RbLtyU5rZPoAU.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/karla/qkBbXvYC6trAT7RVLtyU5rZP.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Orbitron";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/orbitron/yMJRMIlzdpvBhQQL_Qq7dy1biN15.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Permanent Marker";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/permanent-marker/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Cf5b6jlg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Saira";
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/saira/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLh4vSdyqOvlaB.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Saira";
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/saira/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLhovSdyqOvlaB.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Saira";
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/saira/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLiIvSdyqOvg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/space-grotesk/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/space-grotesk/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/fonts/space-grotesk/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer base, page;
html,
body {
  overflow-x: clip;
  margin: 0;
  background-color: var(--ct-sys-color-background);
}

html {
  box-sizing: border-box;
  margin: 0;
  scrollbar-gutter: stable;
}

body.body,
body.blazor-configured {
  visibility: visible;
  position: static;
  min-block-size: 100%;
  margin: 0;
  background-color: var(--ct-sys-color-background);
  color: var(--ct-sys-color-on-surface);
  font-family: var(--ct-ref-typeface-brand, Ubuntu, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif);
  font-size: 1.125rem;
  line-height: 1.6;
}
@media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
  body.body,
  body.blazor-configured {
    font-size: 1rem;
  }
}

:is(.band, .doc-page, .section-inner) {
  font-size: 1.125rem;
}
@media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
  :is(.band, .doc-page, .section-inner) {
    font-size: 1rem;
  }
}

:is(.band, .doc-page, .section-inner) :is(p, li, dd, dt, blockquote, td, th, figcaption) {
  line-height: 1.6;
}

:root {
  color: var(--ct-sys-color-on-surface, #34313a);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

code,
cw-data-table::part(code) {
  font-family: "Ubuntu Mono", "Noto Sans Mono", monospace;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  border: 0;
  outline: none;
}

:root {
  --cws-top-bar-block-size: 0px;
  scroll-padding-block-start: calc(var(--cws-top-bar-block-size) + 16px);
}

:root:has(cws-app-shell) {
  --cws-top-bar-block-size: var(--ct-nav-top-bar-container-height, 80px);
}

:root:has(cws-app-shell[preview]) {
  --cws-top-bar-block-size: 0px;
}

:root:has(#primary-navigation[current-variant=short-top-bar]),
:root:has(#primary-navigation[current-variant=modal-drawer]) {
  --cws-top-bar-block-size: var(--ct-nav-short-top-bar-container-height, 56px);
}

:root {
  --cws-below-nav-block-size: calc(100vh - var(--cws-top-bar-block-size));
}

@supports (block-size: 1dvh) {
  :root {
    --cws-below-nav-block-size: calc(100dvh - var(--cws-top-bar-block-size));
  }
}
:root {
  --cws-page-lead: 16px;
}

:root:has(#primary-navigation[current-variant=top-bar]),
:root:has(#primary-navigation[current-variant=short-top-bar]) {
  --cws-page-lead: 32px;
}

:root:has(cws-framework-selector) {
  scroll-padding-block-start: calc(var(--cws-top-bar-block-size) + 72px);
}

cws-app-shell {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "nav nav" "drawer main" "footer footer";
  min-block-size: 100dvh;
  container-type: inline-size;
  container-name: app-shell;
}

cws-app-shell > cws-docs-nav.docs-drawer {
  display: none;
}

:root {
  --cws-header-ground: color-mix(in srgb, var(--ct-sys-color-surface-container) 80%, transparent);
  --cws-header-ink: var(--ct-sys-color-on-surface);
  --cws-header-ink-muted: var(--ct-sys-color-on-surface-variant);
  --cws-header-accent: var(--ct-sys-color-primary);
  --cws-drawer-ground: var(--ct-sys-color-surface-container-low);
}

cws-site-navigation,
cms-navigation {
  --ct-nav-width: compact;
  --cws-logo-home-box: var(--ct-icon-button-small-container-height, 40px);
  --cws-logo-home-mark: 24px;
  --ct-nav-bar-content-max-width: 100%;
  --ct-nav-top-bar-container-color: var(--cws-header-ground);
  --ct-nav-item-inactive-label-text-color: var(--cws-header-ink-muted);
  --ct-nav-item-inactive-icon-color: var(--cws-header-ink-muted);
  --ct-nav-top-bar-scroll-progress-active-indicator-color: var(--cws-header-accent);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

:root {
  --ct-nav-modal-drawer-container-shape: 56px;
  --ct-side-sheet-corner-radius: 56px;
  --ct-dialog-basic-container-shape: 56px;
  --ct-popover-start-start-radius: 56px;
  --ct-popover-start-end-radius: 56px;
  --ct-popover-end-start-radius: 56px;
  --ct-popover-end-end-radius: 56px;
}

:root {
  --ct-nav-scrim-blur: 2px;
  --ct-side-sheet-scrim-blur: 2px;
  --ct-dialog-basic-scrim-blur: 2px;
}

@container app-shell (width >= 680px) {
  cws-site-navigation,
  cms-navigation {
    --ct-nav-width: wide;
    --cws-logo-home-box: var(--ct-icon-button-medium-container-height, 56px);
    --cws-logo-home-mark: 32px;
  }
  cws-app-shell > cws-docs-nav.docs-drawer {
    --cws-docs-drawer-inline-size: 15rem;
    display: block;
  }
}
@container app-shell (width >= 1024px) {
  cws-app-shell > cws-docs-nav.docs-drawer {
    --cws-docs-drawer-inline-size: 17.5rem;
  }
}
@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) and (min-width: 680px) {
  cws-site-navigation,
  cms-navigation {
    --ct-nav-width: regular;
    --cws-logo-home-box: var(--ct-icon-button-small-container-height, 40px);
    --cws-logo-home-mark: 24px;
  }
  cws-app-shell > cws-docs-nav.docs-drawer {
    --cws-docs-drawer-inline-size: 15rem;
    display: block;
  }
}
cws-app-shell > .site-footer {
  grid-area: footer;
  min-inline-size: 0;
  margin-block-start: 0;
}

cws-app-shell > cws-site-navigation,
cws-app-shell > cms-navigation {
  grid-area: nav;
  position: sticky;
  inset-block-start: 0;
  z-index: 30;
}

cws-app-shell > #main-content {
  grid-area: main;
  container: page-main/inline-size;
  overflow-x: clip;
  min-inline-size: 0;
  padding-block-end: 96px;
}

cws-app-shell > #main-content:has(cws-doc-reference) {
  overflow-x: visible;
}

cws-app-shell > cws-command-palette {
  display: contents;
}

.text-display-large {
  font-family: var(--ct-sys-typescale-display-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-display-large-size, 3.5625rem);
  font-weight: var(--ct-sys-typescale-display-large-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-display-large-line-height, 4rem);
  letter-spacing: var(--ct-sys-typescale-display-large-tracking, -0.015625rem);
}

.text-display-medium {
  font-family: var(--ct-sys-typescale-display-medium-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-display-medium-size, 2.8125rem);
  font-weight: var(--ct-sys-typescale-display-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-display-medium-line-height, 3.25rem);
  letter-spacing: var(--ct-sys-typescale-display-medium-tracking, 0rem);
}

.text-display-small {
  font-family: var(--ct-sys-typescale-display-small-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-display-small-size, 2.25rem);
  font-weight: var(--ct-sys-typescale-display-small-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-display-small-line-height, 2.75rem);
  letter-spacing: var(--ct-sys-typescale-display-small-tracking, 0rem);
}

.text-headline-large {
  font-family: var(--ct-sys-typescale-headline-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-headline-large-size, 2rem);
  font-weight: var(--ct-sys-typescale-headline-large-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-headline-large-line-height, 2.5rem);
  letter-spacing: var(--ct-sys-typescale-headline-large-tracking, 0rem);
}

.text-headline-medium {
  font-family: var(--ct-sys-typescale-headline-medium-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
  font-weight: var(--ct-sys-typescale-headline-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
  letter-spacing: var(--ct-sys-typescale-headline-medium-tracking, 0rem);
}

.text-headline-small {
  font-family: var(--ct-sys-typescale-headline-small-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
  font-weight: var(--ct-sys-typescale-headline-small-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
  letter-spacing: var(--ct-sys-typescale-headline-small-tracking, 0rem);
}

.text-title-large {
  font-family: var(--ct-sys-typescale-title-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
  font-weight: var(--ct-sys-typescale-title-large-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
  letter-spacing: var(--ct-sys-typescale-title-large-tracking, 0rem);
}

.text-title-medium {
  font-family: var(--ct-sys-typescale-title-medium-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
  font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
  line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
  letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
}

.text-title-small {
  font-family: var(--ct-sys-typescale-title-small-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-title-small-size, 0.875rem);
  font-weight: var(--ct-sys-typescale-title-small-weight, var(--ct-ref-typeface-weight-medium, 500));
  line-height: var(--ct-sys-typescale-title-small-line-height, 1.25rem);
  letter-spacing: var(--ct-sys-typescale-title-small-tracking, 0.00625rem);
}

.text-body-large {
  font-family: var(--ct-sys-typescale-body-large-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-body-large-size, 1rem);
  font-weight: var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
  letter-spacing: var(--ct-sys-typescale-body-large-tracking, 0.03125rem);
}

.text-body-medium {
  font-family: var(--ct-sys-typescale-body-medium-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
  font-weight: var(--ct-sys-typescale-body-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
  letter-spacing: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
}

.text-body-small {
  font-family: var(--ct-sys-typescale-body-small-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-body-small-size, 0.75rem);
  font-weight: var(--ct-sys-typescale-body-small-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-body-small-line-height, 1rem);
  letter-spacing: var(--ct-sys-typescale-body-small-tracking, 0.025rem);
}

.text-label-large {
  font-family: var(--ct-sys-typescale-label-large-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-label-large-size, 0.875rem);
  font-weight: var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500));
  line-height: var(--ct-sys-typescale-label-large-line-height, 1.25rem);
  letter-spacing: var(--ct-sys-typescale-label-large-tracking, 0.00625rem);
}

.text-label-medium {
  font-family: var(--ct-sys-typescale-label-medium-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-label-medium-size, 0.75rem);
  font-weight: var(--ct-sys-typescale-label-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
  line-height: var(--ct-sys-typescale-label-medium-line-height, 1rem);
  letter-spacing: var(--ct-sys-typescale-label-medium-tracking, 0.03125rem);
}

.text-label-small {
  font-family: var(--ct-sys-typescale-label-small-font, var(--ct-ref-typeface-plain, Noto Sans));
  font-size: var(--ct-sys-typescale-label-small-size, 0.6875rem);
  font-weight: var(--ct-sys-typescale-label-small-weight, var(--ct-ref-typeface-weight-medium, 500));
  line-height: var(--ct-sys-typescale-label-small-line-height, 1rem);
  letter-spacing: var(--ct-sys-typescale-label-small-tracking, 0.03125rem);
}

.tagline {
  font-family: "Ubuntu Condensed", "Ubuntu", "Noto Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
}

.tagline p {
  margin: 0;
}

:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]) {
  color: inherit;
  text-decoration: none;
  padding: 0 2px 0.05em;
  margin-inline: -2px;
  background-image: linear-gradient(var(--ct-sys-color-secondary), var(--ct-sys-color-secondary));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: var(--_link-bar-width, calc(100% - 4px)) 3px;
}
:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]):has(> code:only-child, > cws-api-name:only-child) {
  --_link-bar-width: calc(100% - 4px - 11.52px);
}
:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]) {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size 150ms ease, color 150ms ease;
}
:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]):hover, :is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]):focus-visible {
  background-size: 100% 100%;
  background-image: linear-gradient(var(--ct-sys-color-secondary-container), var(--ct-sys-color-secondary-container));
  color: var(--ct-sys-color-on-secondary-container);
  border-radius: 4px;
}
:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]):hover code, :is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]):focus-visible code {
  background-color: transparent;
  color: inherit;
}
:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]):focus-visible {
  outline: 2px solid var(--ct-sys-color-secondary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  :is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th):where(:not(.api-table *)) a:not([class]):where([href]) {
    transition: none;
  }
}
:is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link) {
  color: inherit;
  text-decoration: none;
  padding: 0 2px 0.05em;
  margin-inline: -2px;
  background-image: linear-gradient(var(--ct-sys-color-secondary), var(--ct-sys-color-secondary));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: var(--_link-bar-width, calc(100% - 4px)) 3px;
}
:is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link):has(> code:only-child, > cws-api-name:only-child) {
  --_link-bar-width: calc(100% - 4px - 11.52px);
}
:is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link) {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size 150ms ease, color 150ms ease;
}
:is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link):hover, :is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link):focus-visible {
  background-size: 100% 100%;
  background-image: linear-gradient(var(--ct-sys-color-secondary-container), var(--ct-sys-color-secondary-container));
  color: var(--ct-sys-color-on-secondary-container);
  border-radius: 4px;
}
:is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link):hover code, :is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link):focus-visible code {
  background-color: transparent;
  color: inherit;
}
:is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link):focus-visible {
  outline: 2px solid var(--ct-sys-color-secondary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  :is(.band .section-inner, .doc-page, .review-addendum) cw-data-table:not(.api-table-host)::part(link) {
    transition: none;
  }
}

.review-tip-link,
:is(cw-rich-tooltip, cw-plain-tooltip) a {
  color: inherit;
  text-decoration: none;
  padding: 0 2px 0.05em;
  margin-inline: -2px;
  background-image: linear-gradient(var(--ct-sys-color-primary), var(--ct-sys-color-primary));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: var(--_link-bar-width, calc(100% - 4px)) 3px;
}
.review-tip-link:has(> code:only-child, > cws-api-name:only-child),
:is(cw-rich-tooltip, cw-plain-tooltip) a:has(> code:only-child, > cws-api-name:only-child) {
  --_link-bar-width: calc(100% - 4px - 11.52px);
}
.review-tip-link,
:is(cw-rich-tooltip, cw-plain-tooltip) a {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size 150ms ease, color 150ms ease;
}
.review-tip-link:hover, .review-tip-link:focus-visible,
:is(cw-rich-tooltip, cw-plain-tooltip) a:hover,
:is(cw-rich-tooltip, cw-plain-tooltip) a:focus-visible {
  background-size: 100% 100%;
  background-image: linear-gradient(var(--ct-sys-color-primary), var(--ct-sys-color-primary));
  color: var(--ct-sys-color-on-primary);
  border-radius: 0;
}
.review-tip-link:hover code, .review-tip-link:focus-visible code,
:is(cw-rich-tooltip, cw-plain-tooltip) a:hover code,
:is(cw-rich-tooltip, cw-plain-tooltip) a:focus-visible code {
  background-color: transparent;
  color: inherit;
}
.review-tip-link:focus-visible,
:is(cw-rich-tooltip, cw-plain-tooltip) a:focus-visible {
  outline: 2px solid var(--ct-sys-color-primary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .review-tip-link,
  :is(cw-rich-tooltip, cw-plain-tooltip) a {
    transition: none;
  }
}

:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]) {
  display: inline-flex;
  align-items: baseline;
  color: inherit;
  text-decoration: none;
  padding: 0 2px 0.05em;
  margin-inline: -2px;
  background-image: linear-gradient(var(--ct-sys-color-tertiary), var(--ct-sys-color-tertiary));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: var(--_link-bar-width, calc(100% - 4px)) 3px;
}
:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]):has(> code:only-child, > cws-api-name:only-child) {
  --_link-bar-width: calc(100% - 4px - 11.52px);
}
:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]) {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size 150ms ease, color 150ms ease;
}
:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]):hover, :is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]):focus-visible {
  background-size: 100% 100%;
  background-image: linear-gradient(var(--ct-sys-color-tertiary), var(--ct-sys-color-tertiary));
  color: var(--ct-sys-color-on-tertiary);
  border-radius: 0;
}
:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]):hover code, :is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]):focus-visible code {
  background-color: transparent;
  color: inherit;
}
:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]):focus-visible {
  outline: 2px solid var(--ct-sys-color-tertiary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  :is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor]) {
    transition: none;
  }
}
:is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor])::after {
  content: " ";
  display: inline;
  padding-inline-end: 0.9em;
  background-color: currentcolor;
  mask-image: url("/icons/images/icon-info.svg");
  -webkit-mask-image: url("/icons/images/icon-info.svg");
  mask-size: 0.9em 0.9em;
  -webkit-mask-size: 0.9em 0.9em;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: right center;
  -webkit-mask-position: right center;
  flex-shrink: 0;
}
@media (forced-colors: active) {
  :is(cw-rich-tooltip, cw-plain-tooltip):not([external-anchor]):not([anchor])::after {
    background-color: CanvasText;
  }
}

.tooltip-trigger::after {
  content: " ";
  display: inline;
  padding-inline-end: 0.9em;
  background-color: currentcolor;
  mask-image: url("/icons/images/icon-info.svg");
  -webkit-mask-image: url("/icons/images/icon-info.svg");
  mask-size: 0.9em 0.9em;
  -webkit-mask-size: 0.9em 0.9em;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: right center;
  -webkit-mask-position: right center;
  flex-shrink: 0;
}
@media (forced-colors: active) {
  .tooltip-trigger::after {
    background-color: CanvasText;
  }
}

.tooltip-trigger:not(:has(cw-icon)) {
  color: inherit;
  text-decoration: none;
  padding: 0 2px 0.05em;
  margin-inline: -2px;
  background-image: linear-gradient(var(--ct-sys-color-tertiary), var(--ct-sys-color-tertiary));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: var(--_link-bar-width, calc(100% - 4px)) 3px;
}
.tooltip-trigger:not(:has(cw-icon)):has(> code:only-child, > cws-api-name:only-child) {
  --_link-bar-width: calc(100% - 4px - 11.52px);
}
.tooltip-trigger:not(:has(cw-icon)) {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size 150ms ease, color 150ms ease;
}
.tooltip-trigger:not(:has(cw-icon)):hover, .tooltip-trigger:not(:has(cw-icon)):focus-visible {
  background-size: 100% 100%;
  background-image: linear-gradient(var(--ct-sys-color-tertiary), var(--ct-sys-color-tertiary));
  color: var(--ct-sys-color-on-tertiary);
  border-radius: 0;
}
.tooltip-trigger:not(:has(cw-icon)):hover code, .tooltip-trigger:not(:has(cw-icon)):focus-visible code {
  background-color: transparent;
  color: inherit;
}
.tooltip-trigger:not(:has(cw-icon)):focus-visible {
  outline: 2px solid var(--ct-sys-color-tertiary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .tooltip-trigger:not(:has(cw-icon)) {
    transition: none;
  }
}

:is(cw-rich-tooltip, cw-plain-tooltip):has(cw-icon-button)::after,
.tooltip-trigger:has(cw-icon-button)::after {
  content: none;
}

:is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th) a[href^=http]:not([href*="chameleonui.io"])::after {
  content: " ";
  display: inline;
  padding-inline-end: 0.82em;
  background-color: currentcolor;
  mask-image: url("/icons/images/icon-open-in-new.svg");
  -webkit-mask-image: url("/icons/images/icon-open-in-new.svg");
  mask-size: 0.82em 0.82em;
  -webkit-mask-size: 0.82em 0.82em;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: right center;
  -webkit-mask-position: right center;
  flex-shrink: 0;
}
@media (forced-colors: active) {
  :is(.band .section-inner, .doc-page, .review-addendum) :is(p, li, dd, blockquote, td, th) a[href^=http]:not([href*="chameleonui.io"])::after {
    background-color: CanvasText;
  }
}

@layer page {
  .section {
    inline-size: 100%;
    padding-block: 48px;
    padding-inline: 16px;
  }
  @media (min-width: 768px) {
    .section {
      padding-inline: 40px;
    }
  }
  @media (min-width: 1024px) {
    .section {
      padding-inline: 80px;
    }
  }
  .section-inner {
    inline-size: 100%;
    max-inline-size: 1672px;
    margin-inline: auto;
  }
}
*:not(cw-tabs) {
  scrollbar-width: thin;
  scrollbar-color: var(--ct-sys-color-outline-variant, #b6b0bb) var(--ct-sys-color-surface-container, #f2ecf5);
}

cw-tabs::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--ct-sys-color-surface-container, #f2ecf5);
}

::-webkit-scrollbar-thumb {
  background-color: var(--ct-sys-color-outline-variant, #b6b0bb);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--ct-sys-color-outline, #7e7983);
}

.visually-hidden,
cw-data-table::part(visually-hidden) {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.hidden {
  display: none !important;
}

.skip-link {
  position: fixed;
  inset-block-start: -100%;
  inset-inline-start: 16px;
  z-index: 9999;
  padding-block: 8px;
  padding-inline: 16px;
  background-color: var(--ct-sys-color-inverse-surface, #322f35);
  color: var(--ct-sys-color-inverse-on-surface, #f5eff7);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
}
.skip-link:focus {
  inset-block-start: 16px;
}

.margin-block-sm {
  margin-block: 8px;
}

.margin-block-md {
  margin-block: 16px;
}

.margin-block-lg {
  margin-block: 24px;
}

.margin-block-xl {
  margin-block: 32px;
}

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

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@layer page {
  .band {
    --band-pad-inline: 16px;
    inline-size: 100%;
    padding-block: 40px;
    padding-inline: var(--band-pad-inline);
    --cws-band-ground: var(--ct-sys-color-background);
    background-color: var(--cws-band-ground);
    color: var(--ct-sys-color-on-surface);
  }
  @media (min-width: 768px) {
    .band {
      --band-pad-inline: 40px;
      padding-block: 48px;
    }
  }
  @media (min-width: 1024px) {
    .band {
      --band-pad-inline: 80px;
      padding-block: 64px;
    }
  }
  :is(#main-content, markdown-viewer[page-path]) > .band:first-child,
  :is(#main-content, markdown-viewer[page-path]) > .framework-selector-band:first-child + .band {
    padding-block-start: var(--cws-page-lead);
  }
  .band-plain:has(+ .band-plain) {
    padding-block-end: 0;
  }
  .band-plain + .band-plain {
    padding-block-start: 24px;
  }
  @media (min-width: 768px) {
    .band-plain + .band-plain {
      padding-block-start: 40px;
    }
  }
  @media (min-width: 1024px) {
    .band-plain + .band-plain {
      padding-block-start: 56px;
    }
  }
  .band-plain {
    background-color: transparent;
  }
  .band-quiet {
    --cws-band-ground: var(--ct-sys-color-surface-container);
    background-color: var(--cws-band-ground);
  }
  .band-strong {
    --cws-band-ground: var(--ct-sys-color-surface-container-high);
    background-color: var(--cws-band-ground);
  }
  .band-counter {
    --cws-band-container: var(--ct-sys-color-secondary-container);
    --cws-band-ground: light-dark(var(--ct-sys-color-secondary-container), color-mix(in oklab, var(--ct-sys-color-secondary-container) 70%, var(--ct-sys-color-surface)));
    --cws-band-ink: var(--ct-sys-color-on-secondary-container);
    background-color: var(--cws-band-ground);
    color: var(--cws-band-ink);
  }
  .band-primary {
    --cws-band-container: var(--ct-sys-color-primary-container);
    --cws-band-ground: light-dark(var(--ct-sys-color-primary-container), color-mix(in oklab, var(--ct-sys-color-primary-container) 70%, var(--ct-sys-color-surface)));
    --cws-band-ink: var(--ct-sys-color-on-primary-container);
    background-color: var(--cws-band-ground);
    color: var(--cws-band-ink);
  }
  .band-tertiary {
    --cws-band-container: var(--ct-sys-color-tertiary-container);
    --cws-band-ground: light-dark(var(--ct-sys-color-tertiary-container), color-mix(in oklab, var(--ct-sys-color-tertiary-container) 70%, var(--ct-sys-color-surface)));
    --cws-band-ink: var(--ct-sys-color-on-tertiary-container);
    background-color: var(--cws-band-ground);
    color: var(--cws-band-ink);
  }
  :where(.band) :where(cw-action-card, cw-card):where([variant=elevated]):where(:not(.framework-card)) {
    --ct-card-elevated-container-color: light-dark(var(--ct-sys-color-surface-container-low), color-mix(in srgb, var(--cws-band-ground) 88%, var(--ct-sys-color-on-surface)));
    --ct-card-elevated-outline-width: 1px;
    --ct-card-elevated-outline-color: light-dark(transparent, var(--ct-sys-color-outline));
  }
  :where(.band) :where(cw-action-card, cw-card):where([variant=outlined]):where(:not(.framework-card)) {
    --ct-card-outlined-container-color: light-dark(var(--ct-sys-color-surface), color-mix(in srgb, var(--cws-band-ground) 88%, var(--ct-sys-color-on-surface)));
    --ct-card-outlined-outline-color: light-dark(var(--ct-sys-color-outline-variant), var(--ct-sys-color-outline));
    --ct-card-outlined-hover-outline-color: light-dark(var(--ct-sys-color-outline-variant), var(--ct-sys-color-outline));
    --ct-card-outlined-pressed-outline-color: light-dark(var(--ct-sys-color-outline-variant), var(--ct-sys-color-outline));
  }
  :where(.band-primary, .band-tertiary, .band-counter) :where(cw-action-card, cw-card):where([variant=elevated]):where(:not(.framework-card)) {
    --ct-card-elevated-container-color: light-dark(var(--ct-sys-color-surface-container-low), var(--cws-band-container));
    --ct-card-elevated-outline-color: transparent;
  }
  .launch-masthead .band-counter {
    --cws-band-ground: var(--ct-sys-color-secondary-container);
  }
  :is(.band-primary, .band-tertiary, .band-counter) .band-lede {
    color: inherit;
  }
  :is(.band-primary, .band-tertiary, .band-counter) cws-copy-snippet .code-block-card {
    --ct-card-filled-container-color: var(--cws-band-ink);
    color: var(--cws-band-ground);
    --ct-icon-button-standard-icon-color: var(--cws-band-ground);
    --ct-icon-button-standard-hover-icon-color: var(--cws-band-ground);
    --ct-icon-button-standard-focus-icon-color: var(--cws-band-ground);
    --ct-icon-button-standard-pressed-icon-color: var(--cws-band-ground);
  }
  .band-eyebrow {
    display: block;
    margin-block-end: 12px;
    color: var(--ct-sys-color-primary);
    text-transform: uppercase;
    letter-spacing: 0.12em;
  }
  .band-title {
    margin-block: 0 16px;
    color: var(--ct-sys-color-on-surface);
    text-wrap: balance;
  }
  .band-lede {
    max-inline-size: 38rem;
    margin-block: 0 32px;
    color: var(--ct-sys-color-on-surface-variant);
    text-wrap: pretty;
  }
  .landing-hero {
    display: grid;
    place-items: center;
    min-block-size: 92svh;
    text-align: center;
  }
  .landing-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-inline-size: 52rem;
  }
  .landing-hero h1 {
    margin: 0;
    color: var(--ct-sys-color-on-surface);
    text-wrap: balance;
  }
  .landing-hero .hero-sub {
    max-inline-size: 38rem;
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
    text-wrap: pretty;
  }
  @media (prefers-reduced-motion: no-preference) {
    .landing-hero-content {
      animation: hero-rise var(--ct-sys-motion-duration-long2, 600ms) var(--ct-sys-motion-easing-emphasized-decelerate, ease-out) both;
    }
    @keyframes hero-rise {
      from {
        opacity: 0;
        translate: 0 16px;
      }
      to {
        opacity: 1;
        translate: 0 0;
      }
    }
  }
  .cta-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .cta-row-lede {
    align-items: flex-start;
    gap: 24px;
  }
  .cta-row-start {
    justify-content: flex-start;
    margin-block-start: 32px;
  }
  .section-inner-centered {
    text-align: start;
  }
  .section-inner-centered .band-lede-centered {
    margin-inline: 0;
  }
  .section-inner-centered .cta-row {
    justify-content: flex-start;
  }
  .band-lede-centered {
    margin-inline: auto;
  }
  .band-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    align-items: center;
  }
  @media (min-width: 768px) {
    .band-split {
      grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
      gap: 56px;
    }
  }
  @media (min-width: 768px) {
    .band-split-demo {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  @media (min-width: 1024px) {
    .band-split-demo {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      align-items: start;
    }
  }
  .band-split :is(pre, cws-code-block) {
    overflow-x: auto;
    max-inline-size: 100%;
  }
  .band .section-inner > cws-code-block .code-block-card {
    --ct-card-filled-container-color: color-mix(in srgb, currentColor 9%, transparent);
    color: inherit;
  }
  .band-prose {
    max-inline-size: 38rem;
  }
  .band-prose p {
    margin-block: 0 16px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .band-prose p:last-child {
    margin-block-end: 0;
  }
  .band-prose strong {
    color: var(--ct-sys-color-on-surface);
  }
  .band a:not([class]) {
    color: var(--ct-sys-color-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
  }
  .band a:not([class]):hover {
    text-decoration-thickness: 2px;
  }
  .stat-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-block: 24px 32px;
  }
  @media (min-width: 768px) {
    .stat-row {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  .stat-card {
    background-color: var(--ct-sys-color-surface-container);
    color: var(--ct-sys-color-on-surface-variant);
    border: 1px solid var(--ct-sys-color-outline-variant);
    border-radius: 12px;
    padding: 18px 20px;
  }
  .stat-card strong {
    color: var(--ct-sys-color-on-surface);
  }
  .stat-card p {
    margin: 0;
  }
}
.band .section-inner h1 {
  font-family: var(--ct-sys-typescale-display-medium-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-display-medium-size, 2.8125rem);
  font-weight: var(--ct-sys-typescale-display-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-display-medium-line-height, 3.25rem);
  letter-spacing: var(--ct-sys-typescale-display-medium-tracking, 0rem);
}

.band .section-inner h2 {
  font-family: var(--ct-sys-typescale-headline-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-headline-large-size, 2rem);
  font-weight: 500;
  line-height: var(--ct-sys-typescale-headline-large-line-height, 2.5rem);
  letter-spacing: var(--ct-sys-typescale-headline-large-tracking, 0rem);
}

.band .section-inner h3 {
  font-family: var(--ct-sys-typescale-title-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
  font-weight: 500;
  line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
}

.band .section-inner h4 {
  font-weight: 500;
}

html[data-band-layout=reading] .band > .section-inner {
  max-inline-size: 38rem;
}

html[data-band-layout=reading] .band:not(header, .band-keep) {
  background-color: transparent;
  color: var(--ct-sys-color-on-surface);
}

html[data-band-layout=reading] .band:not(header, .band-keep, .band-callout) {
  --cws-band-ground: var(--ct-sys-color-background);
  --cws-band-ink: var(--ct-sys-color-on-surface);
}

html[data-band-layout=reading] .band:not(header, .band-keep):has(+ .band:not(header, .band-keep)) {
  padding-block-end: 0;
}

html[data-band-layout=reading] .band:not(header, .band-keep) + .band:not(header, .band-keep) {
  padding-block-start: 24px;
}
@media (min-width: 768px) {
  html[data-band-layout=reading] .band:not(header, .band-keep) + .band:not(header, .band-keep) {
    padding-block-start: 40px;
  }
}
@media (min-width: 1024px) {
  html[data-band-layout=reading] .band:not(header, .band-keep) + .band:not(header, .band-keep) {
    padding-block-start: 56px;
  }
}

.callout-card {
  --_callout-pad: min(24px, var(--band-pad-inline, 24px));
  --ct-card-filled-container-color: var(--ct-sys-color-tertiary-container);
  margin-inline: calc(-1 * var(--_callout-pad));
}
@media (max-width: 687.98px) {
  .callout-card {
    --_callout-pad: calc((100vw - 100cqi) / 2 + var(--ct-card-container-radius, 16px) + 100px);
  }
}

.band-callout > .section-inner {
  container-type: inline-size;
}

.callout-card-body {
  padding: 24px var(--_callout-pad);
  color: var(--ct-sys-color-on-tertiary-container);
}
.callout-card-body > * {
  margin-block: 0;
}
.callout-card-body > * + * {
  margin-block-start: var(--flow-space, 1em);
}
.callout-card-body > h2 + * {
  --flow-space: 16px;
}

.band .section-inner:not(.band-split) > * {
  margin-block: 0;
}
.band .section-inner:not(.band-split) > * + * {
  margin-block-start: var(--flow-space, 1em);
}
.band .section-inner:not(.band-split) > * + h2 {
  --flow-space: 48px;
}
.band .section-inner:not(.band-split) > * + h3 {
  --flow-space: 32px;
}
.band .section-inner:not(.band-split) > * + h4 {
  --flow-space: 24px;
}
.band .section-inner:not(.band-split) > :is(.example-block, .post-demo, .cta-row, cws-alert-card, .tier-grid, cw-repl, pre, cws-code-block, table, figure) {
  --flow-space: 32px;
}
.band .section-inner:not(.band-split) > :is(.example-block, .post-demo, .cta-row, cws-alert-card, .tier-grid, cw-repl, pre, cws-code-block, table, figure) + * {
  --flow-space: 32px;
}
.band .section-inner:not(.band-split) > .band-lede + * {
  --flow-space: 24px;
}
.band .section-inner:not(.band-split) > h2 + * {
  --flow-space: 16px;
}
.band .section-inner:not(.band-split) > h3 + * {
  --flow-space: 8px;
}
.band .section-inner:not(.band-split) > h4 + * {
  --flow-space: 6px;
}
.band .section-inner:not(.band-split) > .visually-hidden + * {
  --flow-space: 0;
}

.band .section-inner .example-row-intro {
  margin-block: 0 12px;
  color: var(--ct-sys-color-on-surface-variant);
}

.band .section-inner .example-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 220px));
  gap: 16px 24px;
  margin: 0;
}
@media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
  .band .section-inner .example-row {
    grid-template-columns: minmax(0, 220px);
  }
}
.band .section-inner .example-row > * {
  min-inline-size: 0;
}

.band .section-inner .example-row.wide-fields {
  grid-template-columns: repeat(2, minmax(0, 240px));
}
@media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
  .band .section-inner .example-row.wide-fields {
    grid-template-columns: minmax(0, 240px);
  }
}

.band .section-inner .band-lede {
  font-size: 1.25rem;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .band .section-inner h1 {
    font-size: var(--ct-sys-typescale-display-small-size, 2.25rem);
    line-height: var(--ct-sys-typescale-display-small-line-height, 2.75rem);
  }
  .band .section-inner h2 {
    font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
    line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
  }
}
@media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
  .band .section-inner h2 {
    font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
    line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
  }
  .band .section-inner h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .band .section-inner .band-lede {
    font-size: 1.125rem;
  }
}
.band > .section-inner > .cta-row {
  justify-content: flex-start;
}

@layer page {
  .fact-strip {
    display: grid;
    max-inline-size: 1000px;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 24px;
    margin-block-end: 32px;
    padding-block: 24px;
    border-block: 1px solid var(--ct-sys-color-outline-variant);
  }
  .fact-strip-aside {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 32px;
    margin-block-end: 0;
    padding-block: 0;
    border-block: none;
  }
  .fact-strip-aside .fact-label {
    max-inline-size: none;
  }
  .fact-strip-aside .fact-figure {
    font-family: var(--ct-sys-typescale-headline-large-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-headline-large-size, 2rem);
    font-weight: var(--ct-sys-typescale-headline-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    line-height: var(--ct-sys-typescale-headline-large-line-height, 2.5rem);
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .fact-strip-aside .fact-figure {
      font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
      line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
    }
  }
  @media (min-width: 1024px) {
    .fact-strip-aside {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-content: start;
      align-self: center;
      gap: 28px;
      padding-block: 0;
    }
    .fact-strip-aside .fact-figure {
      font-family: var(--ct-sys-typescale-display-small-font, var(--ct-ref-typeface-brand, Noto Sans));
      font-size: var(--ct-sys-typescale-display-small-size, 2.25rem);
      font-weight: var(--ct-sys-typescale-display-small-weight, var(--ct-ref-typeface-weight-regular, 400));
      line-height: 1;
    }
  }
  .fact-strip-aside .fact > p {
    display: grid;
    gap: 4px;
    margin: 0;
  }
  .fact {
    display: grid;
    gap: 4px;
  }
  .fact-figure {
    display: block;
    font-family: var(--ct-sys-typescale-display-small-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-display-small-size, 2.25rem);
    font-weight: var(--ct-sys-typescale-display-small-weight, var(--ct-ref-typeface-weight-regular, 400));
    color: var(--ct-sys-color-primary);
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }
  .fact-label {
    display: block;
    max-inline-size: 24ch;
    color: var(--ct-sys-color-on-surface-variant);
  }
}
@layer page {
  .launch-masthead-main ~ .band > .section-inner {
    max-inline-size: 1140px;
  }
  cws-app-shell:has(.launch-masthead-main) :is(.footer-inner, .footer-base) {
    max-inline-size: 1140px;
  }
  .statement {
    display: grid;
    gap: 24px 56px;
    align-items: start;
  }
  @media (min-width: 1024px) {
    .statement {
      grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
    }
  }
  @media (min-width: 1024px) {
    .statement-lead,
    .statement > .band-eyebrow,
    .statement > .cta-row {
      grid-column: 1/-1;
    }
  }
  .statement-lead {
    max-inline-size: 38rem;
    margin: 0;
    color: var(--ct-sys-color-on-surface);
    text-wrap: balance;
  }
  .statement-body {
    margin: 0;
    max-inline-size: 38rem;
    color: var(--ct-sys-color-on-surface-variant);
    text-wrap: pretty;
  }
  .statement-turn {
    margin: 0;
    padding: 20px 24px;
    border-inline-start: 3px solid var(--ct-sys-color-primary);
    background-color: var(--ct-sys-color-surface-container);
    color: var(--ct-sys-color-on-surface);
    text-wrap: pretty;
  }
  .shape-copy,
  .spec-aside {
    max-inline-size: 38rem;
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
    text-wrap: pretty;
  }
  .spec-list {
    display: grid;
    max-inline-size: 1000px;
    gap: 24px;
    margin-block-end: 32px;
  }
  @media (min-width: 768px) {
    .spec-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 28px 40px;
    }
  }
  .home-mark-band {
    padding-block-end: 0;
  }
  .home-mark {
    display: flex;
    justify-content: center;
    --cui-logo-color-primary: light-dark(#029276, #00f0c3);
    --cui-logo-color-secondary: light-dark(#e04d60, #f65e6f);
    --cui-logo-color-tertiary: light-dark(#b03baa, #fbd100);
    --cui-logo-background-color: light-dark(#d2e4ff, #2b4869);
    background-color: transparent;
    line-height: 0;
  }
  .spec {
    display: grid;
    gap: 6px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .spec-term {
    display: block;
    color: var(--ct-sys-color-primary);
  }
  .spec-detail {
    display: block;
    color: var(--ct-sys-color-on-surface-variant);
    text-wrap: pretty;
  }
  @media (max-width: 1023px) {
    .opening-split {
      row-gap: 24px;
    }
    .opening-split .band-lede,
    .opening-split .band-lede > p:last-child {
      margin-block-end: 0;
    }
  }
  @media (min-width: 1024px) {
    .opening-split {
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
      column-gap: 64px;
      row-gap: 32px;
      align-items: start;
    }
    .opening-split > .opening-logo {
      grid-row: 1;
      grid-column: 1;
    }
    .opening-split > .opening-copy {
      grid-row: 2;
      grid-column: 1;
    }
    .opening-split > .opening-copy > :first-child {
      margin-block-start: 0;
    }
    .opening-split > .components-card {
      grid-row: 1;
      grid-column: 2;
      max-inline-size: none;
    }
    .opening-split > .fact-strip-aside {
      grid-row: 2;
      grid-column: 2;
      display: flex;
      flex-wrap: wrap;
      align-self: end;
      align-items: flex-end;
      gap: 16px 40px;
    }
    .opening-split > .fact-strip-aside .fact-figure {
      font-family: var(--ct-sys-typescale-headline-small-font, var(--ct-ref-typeface-brand, Noto Sans));
      font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
      font-weight: var(--ct-sys-typescale-headline-small-weight, var(--ct-ref-typeface-weight-regular, 400));
      line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
      white-space: nowrap;
    }
    .opening-split .band-lede,
    .opening-split .band-lede > p:last-child {
      margin-block-end: 0;
    }
  }
  .opening-logo {
    justify-self: start;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .opening-logo {
      --cui-logo-height: 88px;
    }
  }
  .components-card {
    display: block;
    inline-size: 100%;
    max-inline-size: 480px;
    --ct-card-container-radius: 40px;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .components-card {
      --ct-card-container-radius: 32px;
    }
  }
  .components-card-body {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 28px 32px;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .components-card-body {
      gap: 16px;
      padding: 20px 24px;
    }
  }
  .components-card-text {
    display: grid;
    flex: 1;
    gap: 8px;
  }
  .components-card-figure {
    color: var(--ct-sys-color-primary);
    font-size: 4rem;
    line-height: 1;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .components-card-figure {
      font-size: 3rem;
    }
  }
  .components-card-label {
    font-family: var(--ct-sys-typescale-title-medium-font, var(--ct-ref-typeface-plain, Noto Sans));
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .components-card-label {
      font-size: var(--ct-sys-typescale-title-small-size, 0.875rem);
      line-height: var(--ct-sys-typescale-title-small-line-height, 1.25rem);
    }
  }
  .components-card-arrow {
    flex: none;
    color: var(--ct-sys-color-primary);
    --ct-icon-size: 48px;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .components-card-arrow {
      --ct-icon-size: 40px;
    }
  }
  @media (min-width: 1024px) {
    .theming-split {
      align-items: center;
    }
  }
  @media (min-width: 1024px) {
    .split-reverse > :first-child {
      grid-row: 1;
      grid-column: 2;
    }
    .split-reverse > :last-child {
      grid-row: 1;
      grid-column: 1;
    }
  }
  .theming-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  @media (min-width: 768px) {
    .theming-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .theming-card {
    block-size: 100%;
    --ct-card-container-radius: 24px;
  }
  .theming-card-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
    block-size: 100%;
    padding: 20px;
  }
  .theming-art {
    display: flex;
    align-items: center;
    block-size: 36px;
    margin-block-end: 8px;
  }
  .theming-card-title {
    color: var(--ct-sys-color-on-surface);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .theming-card-line {
    color: var(--ct-sys-color-on-surface-variant);
    font-size: 0.9375rem;
    line-height: 1.4;
  }
  .theming-dots {
    display: flex;
    gap: 4px;
  }
  .theming-dots > span {
    box-sizing: border-box;
    inline-size: 20px;
    block-size: 20px;
    border: 1px solid var(--ct-sys-color-outline);
    border-radius: 50%;
  }
  .sw-p {
    background-color: var(--ct-sys-color-primary);
  }
  .sw-s {
    background-color: var(--ct-sys-color-secondary);
  }
  .sw-t {
    background-color: var(--ct-sys-color-tertiary);
  }
  .sw-pc {
    background-color: var(--ct-sys-color-primary-container);
  }
  .sw-sc {
    background-color: var(--ct-sys-color-secondary-container);
  }
  .theming-tiles {
    display: flex;
    gap: 4px;
  }
  .theming-tile {
    --ct-card-container-color: var(--ct-sys-color-primary);
    --ct-card-container-radius: 5px;
    inline-size: 20px;
    block-size: 20px;
  }
  .theming-full-squircle {
    --ct-card-corner-shape: squircle;
    --ct-card-container-radius: 10px;
  }
  .theming-circle {
    --ct-card-corner-shape: round;
    --ct-card-container-radius: 10px;
  }
  .theming-bevel {
    --ct-card-corner-shape: bevel;
  }
  .theming-scoop {
    --ct-card-corner-shape: scoop;
  }
  .theming-notch {
    --ct-card-corner-shape: notch;
  }
  @media (min-width: 1440px) {
    .theming-dots > span,
    .theming-tile {
      inline-size: 16px;
      block-size: 16px;
    }
    .theming-dots,
    .theming-tiles {
      gap: 3px;
    }
    .theming-tile {
      --ct-card-container-radius: 4px;
    }
    .theming-full-squircle,
    .theming-circle {
      --ct-card-container-radius: 8px;
    }
  }
  .theming-aa {
    color: var(--ct-sys-color-primary);
    font-family: var(--ct-ref-typeface-brand);
    font-size: 2rem;
    line-height: 1;
  }
  .framework-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
  }
  @media (min-width: 768px) {
    .framework-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .framework-card {
    block-size: 100%;
    color-scheme: dark;
    --ct-card-container-radius: 24px;
    --ct-card-container-color: var(--ct-sys-color-tertiary-container);
    --ct-card-elevated-container-color: var(--ct-sys-color-tertiary-container);
    --ct-card-filled-container-color: var(--ct-sys-color-tertiary-container);
  }
  .framework-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
    box-sizing: border-box;
    block-size: 100%;
    text-align: start;
    padding: 20px;
  }
  .framework-logo {
    inline-size: 32px;
    block-size: 32px;
    margin-block-end: 12px;
    fill: var(--ct-sys-color-on-surface);
  }
  .framework-logo-js {
    fill: #f7df1e;
  }
  .framework-logo-react {
    fill: light-dark(#087ea4, #61dafb);
  }
  .framework-logo-blazor {
    fill: light-dark(#512bd4, color-mix(in srgb, #512bd4, white 45%));
  }
  .framework-logo-angular {
    fill: light-dark(#0f0f11, #ffffff);
  }
  .framework-logo-vue {
    fill: #4fc08d;
  }
  .framework-logo-svelte {
    fill: #ff3e00;
  }
  .framework-card-title {
    color: var(--ct-sys-color-on-tertiary-container);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .framework-card-line {
    color: var(--ct-sys-color-primary);
    font-size: 0.9375rem;
    line-height: 1.4;
  }
  .framework-card-testing {
    color-scheme: inherit;
    --ct-card-outlined-container-color: transparent;
  }
  .framework-card-testing .framework-card-title {
    color: var(--ct-sys-color-on-surface);
  }
  .framework-card-testing .framework-card-line {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .mcp-side {
    display: grid;
    gap: 16px;
    min-inline-size: 0;
  }
  .mcp-command {
    grid-column: 1/-1;
    justify-self: center;
    display: flex;
    max-inline-size: 100%;
    min-inline-size: 0;
  }
  .mcp-command > cws-copy-snippet {
    display: flex;
    min-inline-size: 0;
  }
  .mcp-card {
    --ct-card-container-radius: 24px;
  }
  .mcp-card-body {
    display: grid;
    gap: 12px;
    padding: 20px;
  }
  .mcp-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }
  .mcp-logo {
    inline-size: 24px;
    block-size: 24px;
    fill: var(--ct-sys-color-on-surface);
  }
  .mcp-card-title {
    color: var(--ct-sys-color-on-surface);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    align-self: stretch;
  }
  .card-arrow {
    flex: none;
    color: var(--ct-sys-color-primary);
    --ct-icon-size: 30px;
  }
  .framework-card .card-arrow {
    color: var(--ct-sys-color-on-tertiary-container);
  }
  .framework-card .card-top > .framework-logo,
  .theming-card .card-top > .theming-art {
    margin-block-end: 0;
  }
  .framework-card .card-top,
  .theming-card .card-top {
    margin-block-end: 12px;
  }
  .tiers-card {
    --ct-card-container-radius: 24px;
    --cws-tiers-ground: light-dark(var(--ct-sys-color-primary), var(--ct-sys-color-primary-container));
    --cws-tiers-ink: light-dark(var(--ct-sys-color-on-primary), var(--ct-sys-color-on-primary-container));
    --ct-card-filled-container-color: var(--cws-tiers-ground);
  }
  .tiers-body {
    display: grid;
    gap: 16px;
    padding: 24px;
    color: var(--cws-tiers-ink);
  }
  .tiers-head {
    padding-block-end: 12px;
    border-block-end: 1px solid color-mix(in srgb, var(--cws-tiers-ink) 35%, transparent);
  }
  .tiers-head-text {
    font-size: 1.125rem;
    font-weight: 500;
  }
  .tiers-card .card-arrow {
    color: var(--cws-tiers-ink);
  }
  .tier-row {
    display: flex;
    align-items: center;
    gap: 14px;
  }
  .tier-discount {
    margin-inline-start: auto;
  }
  .tier-icon {
    flex: none;
    color: var(--cws-tiers-ink);
    --ct-icon-size: 32px;
  }
  .tier-fact {
    display: grid;
    gap: 2px;
  }
  .tier-figure {
    font-family: var(--ct-sys-typescale-headline-small-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
    line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
  }
  .tier-label {
    font-size: 0.9375rem;
    line-height: 1.4;
    opacity: 0.9;
  }
  .enterprise-cards {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
  }
  @media (min-width: 768px) {
    .enterprise-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .enterprise-card {
    block-size: 100%;
    --ct-card-container-radius: 24px;
  }
  .enterprise-card-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 20px;
  }
  .enterprise-card-body > .card-top {
    margin-block-end: 12px;
  }
  .enterprise-icon {
    color: var(--ct-sys-color-primary);
    --ct-icon-size: 32px;
  }
  .enterprise-card-title {
    color: var(--ct-sys-color-on-surface);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .enterprise-card-line {
    color: var(--ct-sys-color-on-surface-variant);
    font-size: 0.9375rem;
    line-height: 1.4;
  }
  .cs-side {
    display: grid;
  }
  .cs-card {
    --ct-card-container-radius: 28px;
  }
  .cs-body {
    display: grid;
    gap: 24px;
    padding: 32px;
    color: var(--ct-sys-color-on-surface);
  }
  .cs-title {
    color: var(--ct-sys-color-on-surface);
    font-family: var(--ct-sys-typescale-headline-small-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
    line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
    font-weight: 700;
  }
  .cs-demo {
    display: grid;
    gap: 24px;
    container-type: inline-size;
  }
  .cs-demo cw-slider {
    inline-size: 100%;
  }
  .cs-tiles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 24px 16px;
  }
  @container (width >= 480px) {
    .cs-tiles {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .cs-card .cs-tint {
    display: contents;
    --ct-sys-corner-shape: inherit;
  }
  .pricing-ladder {
    grid-column: 1/-1;
    display: grid;
    gap: 12px;
    min-inline-size: 0;
  }
  .discount-caption {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .home-discount {
    margin-block-end: 12px;
  }
  .home-discount .discount-step {
    flex: 1 1 0;
    min-inline-size: max-content;
  }
  .release-note,
  .release-note > p {
    margin: 0;
  }
  @media (min-width: 1024px) {
    .theming-split:has(> .theming-cards, > .enterprise-cards) {
      grid-template-columns: minmax(0, 1fr);
    }
    .theming-split:has(> .theming-cards, > .enterprise-cards).split-reverse > :first-child, .theming-split:has(> .theming-cards, > .enterprise-cards).split-reverse > :last-child {
      grid-row: auto;
      grid-column: auto;
    }
  }
  @media (min-width: 1440px) {
    .theming-split:has(> .theming-cards, > .enterprise-cards) {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .theming-split:has(> .theming-cards, > .enterprise-cards).split-reverse > :first-child {
      grid-row: 1;
      grid-column: 2;
    }
    .theming-split:has(> .theming-cards, > .enterprise-cards).split-reverse > :last-child {
      grid-row: 1;
      grid-column: 1;
    }
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .theming-card-body,
    .enterprise-card-body {
      display: grid;
      grid-template-columns: var(--_row-art, 32px) minmax(0, 1fr) auto;
      grid-template-areas: "art title arrow" "art line arrow";
      align-items: center;
      column-gap: 16px;
      row-gap: 2px;
      padding: 14px 16px;
    }
    .theming-card-body > .card-top,
    .enterprise-card-body > .card-top {
      display: contents;
    }
    .theming-card-body .card-arrow,
    .enterprise-card-body .card-arrow {
      grid-area: arrow;
      --ct-icon-size: 24px;
    }
    .theming-card-body {
      --_row-art: 72px;
    }
    .theming-art,
    .enterprise-icon {
      grid-area: art;
      margin: 0;
    }
    .theming-art {
      block-size: auto;
    }
    .theming-card-title,
    .enterprise-card-title {
      grid-area: title;
      align-self: end;
    }
    .theming-card-line,
    .enterprise-card-line {
      grid-area: line;
      align-self: start;
    }
    .theming-dots > span,
    .theming-tile {
      inline-size: 12px;
      block-size: 12px;
    }
    .theming-dots,
    .theming-tiles {
      gap: 3px;
    }
    .theming-tile {
      --ct-card-container-radius: 3px;
    }
    .theming-full-squircle,
    .theming-circle {
      --ct-card-container-radius: 6px;
    }
    .theming-aa {
      font-size: 1.5rem;
    }
  }
}
@layer page {
  .band > .doc-page.page-body:has(> .gallery-section) > * {
    grid-column: 1/-1;
  }
  .band > .doc-page.page-body:has(> .gallery-section) > .doc-lede {
    max-inline-size: var(--tier-text);
  }
  .gallery-filter {
    display: block;
    margin-block: 16px 8px;
  }
  .gallery-section {
    margin-block-end: 8px;
    container-type: inline-size;
  }
  .gallery-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-block: 16px 32px;
  }
  @container (min-width: 36rem) {
    .gallery-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width: 56rem) {
    .gallery-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 76rem) {
    .gallery-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 94rem) {
    .gallery-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .gallery-card {
    inline-size: 100%;
    --ct-card-container-radius: var(--ct-sys-corner-radius-extra-large-increased, 32px);
  }
  .gallery-card-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: 108px;
    padding: 16px;
    background-color: var(--ct-sys-color-surface-container);
    overflow: clip;
  }
  .gallery-card-visual > * {
    max-inline-size: 100%;
    min-inline-size: 0;
  }
  .gallery-card-visual > .gallery-field,
  .gallery-card-visual > .gallery-slider {
    inline-size: 200px;
    min-inline-size: 200px;
  }
  .gallery-card-visual > .gallery-field {
    max-inline-size: 100%;
  }
  .gallery-card-visual > .gallery-dial {
    max-block-size: 76px;
  }
  .gallery-card-visual > cw-continuous-dial.gallery-dial {
    max-block-size: none;
    zoom: 0.6;
  }
  .gallery-card-visual > .gallery-progress,
  .gallery-card-visual > .gallery-skeleton,
  .gallery-card-visual > .gallery-divider,
  .gallery-card-visual > .gallery-nav {
    inline-size: 160px;
  }
  .gallery-card-visual > .gallery-list {
    inline-size: 220px;
  }
  .gallery-menu-sample,
  .gallery-card-visual > .gallery-list,
  .gallery-card-visual > .gallery-nav {
    zoom: 0.75;
  }
  .gallery-card-visual > .gallery-scroll {
    inline-size: 160px;
    block-size: 76px;
  }
  .gallery-menu-sample {
    display: flex;
    flex-direction: column;
    inline-size: 160px;
    padding-block: 4px;
    background-color: var(--ct-sys-color-surface-container-high);
    border-radius: 12px;
  }
  .gallery-icon {
    font-size: 40px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .gallery-card-name {
    display: block;
    padding: 12px 16px;
    color: var(--ct-sys-color-on-surface);
    font-weight: 500;
  }
  .gallery-card-disabled .gallery-card-visual {
    background-color: var(--ct-sys-color-surface-container-lowest);
    opacity: 0.6;
  }
  .gallery-card-disabled .gallery-card-name {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .gallery-card-footer {
    display: flex;
    flex-direction: column;
    padding-block-end: 12px;
  }
  .gallery-card-footer .gallery-card-name {
    padding-block-end: 2px;
  }
  .gallery-card-status {
    padding-inline: 16px;
    color: var(--ct-sys-color-on-surface-variant);
    font-family: var(--ct-sys-typescale-label-medium-font);
    font-size: var(--ct-sys-typescale-label-medium-size);
    font-weight: var(--ct-sys-typescale-label-medium-weight);
    line-height: var(--ct-sys-typescale-label-medium-line-height);
    letter-spacing: var(--ct-sys-typescale-label-medium-tracking);
  }
}
@layer page {
  .hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 88px;
    grid-auto-flow: dense;
    gap: 12px;
    padding: 16px;
    margin-block: 24px 32px;
    border-radius: 20px;
    background-color: var(--ct-sys-color-surface-container);
    color: var(--ct-sys-color-on-surface);
  }
  @media (min-width: 480px) {
    .hero-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding: 20px;
    }
  }
  @media (min-width: 768px) {
    .hero-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      padding: 24px;
    }
  }
  .hg-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 0;
    overflow: clip;
    padding: 12px;
    grid-column: 1/-1;
  }
  .hg-cell > * {
    max-inline-size: 100%;
  }
  .hg-cell.tile {
    background-color: var(--ct-sys-color-surface-container-low);
    border-radius: 14px;
  }
  .hg-cell.rows-2, .hg-cell.rows-3 {
    grid-row: span 1;
  }
  @media (min-width: 480px) {
    .hg-cell {
      grid-column: span 1;
    }
    .hg-cell.cols-2, .hg-cell.cols-3, .hg-cell.cols-4 {
      grid-column: span 2;
    }
    .hg-cell.rows-2 {
      grid-row: span 2;
    }
    .hg-cell.rows-3 {
      grid-row: span 3;
    }
  }
  @media (min-width: 768px) {
    .hg-cell.cols-3 {
      grid-column: span 3;
    }
    .hg-cell.cols-4 {
      grid-column: span 4;
    }
  }
}
@property --gh-columns {
  syntax: "<integer>";
  inherits: true;
  initial-value: 17;
}
@property --gh-rows {
  syntax: "<integer>";
  inherits: true;
  initial-value: 7;
}
@property --gh-col {
  syntax: "<integer>";
  inherits: false;
  initial-value: 1;
}
@property --gh-anchor {
  syntax: "<integer>";
  inherits: false;
  initial-value: 1;
}
@property --gh-row-n {
  syntax: "<integer>";
  inherits: false;
  initial-value: 1;
}
@property --gh-end-c {
  syntax: "<integer>";
  inherits: false;
  initial-value: 1;
}
@property --gh-end-r {
  syntax: "<integer>";
  inherits: false;
  initial-value: 1;
}
@property --gh-aspect {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@layer page {
  cws-grid-hero {
    --gh-cell: 44px;
    --gh-gap: 5px;
    --gh-rows: 7;
    --gh-columns: 17;
    box-sizing: border-box;
    inline-size: calc(var(--gh-columns) * 49px + 5px);
    max-inline-size: 100%;
    margin-inline: auto;
  }
  .doc-page > cws-grid-hero {
    margin-inline: 0 auto;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) {
    max-inline-size: none;
  }
  cws-grid-hero[overlay] {
    margin-block-start: 56px;
  }
  cws-grid-hero {
    display: block;
    position: relative;
    padding: var(--gh-gap);
    background-color: transparent;
    --gh-ink: var(--ct-sys-color-on-surface, currentColor);
    display: grid;
    grid-auto-rows: auto;
    grid-auto-flow: dense;
    grid-template-rows: repeat(var(--gh-rows), var(--gh-cell));
    grid-auto-rows: auto;
    grid-template-columns: repeat(var(--gh-columns), var(--gh-cell));
    gap: var(--gh-gap);
    margin-block: 8px 32px;
  }
  .doc-page cws-grid-hero {
    margin-block-start: 24px;
  }
  cws-grid-hero {
    --gh-columns: 17;
  }
  p:has(> cws-grid-hero) {
    margin: 0;
    max-inline-size: none;
  }
  :has(> cws-grid-hero) {
    container-type: inline-size;
    container-name: grid-hero-outer;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    place-self: center;
    min-inline-size: 0;
    min-block-size: 0;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])[data-fill] {
    place-self: stretch;
    inline-size: 100%;
    block-size: 100%;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])[data-fill=block] {
    align-self: stretch;
    justify-self: center;
    inline-size: auto;
    block-size: 100%;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])[data-fill=inline] {
    align-self: center;
    justify-self: stretch;
    inline-size: 100%;
    block-size: auto;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])[data-align=start]:not([data-fill=""]):not([data-fill=inline]) {
    justify-self: start;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])[data-align=end]:not([data-fill=""]):not([data-fill=inline]) {
    justify-self: end;
  }
  cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]):is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    background-color: transparent;
  }
  cws-grid-hero [data-span-lms^=A] {
    --gh-col-lms: 1;
  }
  cws-grid-hero [data-span-lms*=":A"] {
    --gh-end-c-lms: 1;
  }
  cws-grid-hero [data-span-lms^=B] {
    --gh-col-lms: 2;
  }
  cws-grid-hero [data-span-lms*=":B"] {
    --gh-end-c-lms: 2;
  }
  cws-grid-hero [data-span-lms^=C] {
    --gh-col-lms: 3;
  }
  cws-grid-hero [data-span-lms*=":C"] {
    --gh-end-c-lms: 3;
  }
  cws-grid-hero [data-span-lms^=D] {
    --gh-col-lms: 4;
  }
  cws-grid-hero [data-span-lms*=":D"] {
    --gh-end-c-lms: 4;
  }
  cws-grid-hero [data-span-lms^=E] {
    --gh-col-lms: 5;
  }
  cws-grid-hero [data-span-lms*=":E"] {
    --gh-end-c-lms: 5;
  }
  cws-grid-hero [data-span-lms^=F] {
    --gh-col-lms: 6;
  }
  cws-grid-hero [data-span-lms*=":F"] {
    --gh-end-c-lms: 6;
  }
  cws-grid-hero [data-span-lms^=G] {
    --gh-col-lms: 7;
  }
  cws-grid-hero [data-span-lms*=":G"] {
    --gh-end-c-lms: 7;
  }
  cws-grid-hero [data-span-lms^=H] {
    --gh-col-lms: 8;
  }
  cws-grid-hero [data-span-lms*=":H"] {
    --gh-end-c-lms: 8;
  }
  cws-grid-hero [data-span-lms^=I] {
    --gh-col-lms: 9;
  }
  cws-grid-hero [data-span-lms*=":I"] {
    --gh-end-c-lms: 9;
  }
  cws-grid-hero [data-span-lms^=J] {
    --gh-col-lms: 10;
  }
  cws-grid-hero [data-span-lms*=":J"] {
    --gh-end-c-lms: 10;
  }
  cws-grid-hero [data-span-lms^=K] {
    --gh-col-lms: 11;
  }
  cws-grid-hero [data-span-lms*=":K"] {
    --gh-end-c-lms: 11;
  }
  cws-grid-hero [data-span-lms^=L] {
    --gh-col-lms: 12;
  }
  cws-grid-hero [data-span-lms*=":L"] {
    --gh-end-c-lms: 12;
  }
  cws-grid-hero [data-span-lms^=M] {
    --gh-col-lms: 13;
  }
  cws-grid-hero [data-span-lms*=":M"] {
    --gh-end-c-lms: 13;
  }
  cws-grid-hero [data-span-lms^=N] {
    --gh-col-lms: 14;
  }
  cws-grid-hero [data-span-lms*=":N"] {
    --gh-end-c-lms: 14;
  }
  cws-grid-hero [data-span-lms^=O] {
    --gh-col-lms: 15;
  }
  cws-grid-hero [data-span-lms*=":O"] {
    --gh-end-c-lms: 15;
  }
  cws-grid-hero [data-span-lms^=P] {
    --gh-col-lms: 16;
  }
  cws-grid-hero [data-span-lms*=":P"] {
    --gh-end-c-lms: 16;
  }
  cws-grid-hero [data-span-lms^=Q] {
    --gh-col-lms: 17;
  }
  cws-grid-hero [data-span-lms*=":Q"] {
    --gh-end-c-lms: 17;
  }
  cws-grid-hero [data-span-lms*="1:"] {
    --gh-row-n-lms: 1;
  }
  cws-grid-hero [data-span-lms$="1"] {
    --gh-end-r-lms: 1;
  }
  cws-grid-hero [data-span-lms*="2:"] {
    --gh-row-n-lms: 2;
  }
  cws-grid-hero [data-span-lms$="2"] {
    --gh-end-r-lms: 2;
  }
  cws-grid-hero [data-span-lms*="3:"] {
    --gh-row-n-lms: 3;
  }
  cws-grid-hero [data-span-lms$="3"] {
    --gh-end-r-lms: 3;
  }
  cws-grid-hero [data-span-lms*="4:"] {
    --gh-row-n-lms: 4;
  }
  cws-grid-hero [data-span-lms$="4"] {
    --gh-end-r-lms: 4;
  }
  cws-grid-hero [data-span-lms*="5:"] {
    --gh-row-n-lms: 5;
  }
  cws-grid-hero [data-span-lms$="5"] {
    --gh-end-r-lms: 5;
  }
  cws-grid-hero [data-span-lms*="6:"] {
    --gh-row-n-lms: 6;
  }
  cws-grid-hero [data-span-lms$="6"] {
    --gh-end-r-lms: 6;
  }
  cws-grid-hero [data-span-lms*="7:"] {
    --gh-row-n-lms: 7;
  }
  cws-grid-hero [data-span-lms$="7"] {
    --gh-end-r-lms: 7;
  }
  cws-grid-hero [data-span-lms*="8:"] {
    --gh-row-n-lms: 8;
  }
  cws-grid-hero [data-span-lms$="8"] {
    --gh-end-r-lms: 8;
  }
  cws-grid-hero [data-span-l^=A] {
    --gh-col-l: 1;
  }
  cws-grid-hero [data-span-l*=":A"] {
    --gh-end-c-l: 1;
  }
  cws-grid-hero [data-span-l^=B] {
    --gh-col-l: 2;
  }
  cws-grid-hero [data-span-l*=":B"] {
    --gh-end-c-l: 2;
  }
  cws-grid-hero [data-span-l^=C] {
    --gh-col-l: 3;
  }
  cws-grid-hero [data-span-l*=":C"] {
    --gh-end-c-l: 3;
  }
  cws-grid-hero [data-span-l^=D] {
    --gh-col-l: 4;
  }
  cws-grid-hero [data-span-l*=":D"] {
    --gh-end-c-l: 4;
  }
  cws-grid-hero [data-span-l^=E] {
    --gh-col-l: 5;
  }
  cws-grid-hero [data-span-l*=":E"] {
    --gh-end-c-l: 5;
  }
  cws-grid-hero [data-span-l^=F] {
    --gh-col-l: 6;
  }
  cws-grid-hero [data-span-l*=":F"] {
    --gh-end-c-l: 6;
  }
  cws-grid-hero [data-span-l^=G] {
    --gh-col-l: 7;
  }
  cws-grid-hero [data-span-l*=":G"] {
    --gh-end-c-l: 7;
  }
  cws-grid-hero [data-span-l^=H] {
    --gh-col-l: 8;
  }
  cws-grid-hero [data-span-l*=":H"] {
    --gh-end-c-l: 8;
  }
  cws-grid-hero [data-span-l^=I] {
    --gh-col-l: 9;
  }
  cws-grid-hero [data-span-l*=":I"] {
    --gh-end-c-l: 9;
  }
  cws-grid-hero [data-span-l^=J] {
    --gh-col-l: 10;
  }
  cws-grid-hero [data-span-l*=":J"] {
    --gh-end-c-l: 10;
  }
  cws-grid-hero [data-span-l^=K] {
    --gh-col-l: 11;
  }
  cws-grid-hero [data-span-l*=":K"] {
    --gh-end-c-l: 11;
  }
  cws-grid-hero [data-span-l^=L] {
    --gh-col-l: 12;
  }
  cws-grid-hero [data-span-l*=":L"] {
    --gh-end-c-l: 12;
  }
  cws-grid-hero [data-span-l^=M] {
    --gh-col-l: 13;
  }
  cws-grid-hero [data-span-l*=":M"] {
    --gh-end-c-l: 13;
  }
  cws-grid-hero [data-span-l^=N] {
    --gh-col-l: 14;
  }
  cws-grid-hero [data-span-l*=":N"] {
    --gh-end-c-l: 14;
  }
  cws-grid-hero [data-span-l^=O] {
    --gh-col-l: 15;
  }
  cws-grid-hero [data-span-l*=":O"] {
    --gh-end-c-l: 15;
  }
  cws-grid-hero [data-span-l^=P] {
    --gh-col-l: 16;
  }
  cws-grid-hero [data-span-l*=":P"] {
    --gh-end-c-l: 16;
  }
  cws-grid-hero [data-span-l^=Q] {
    --gh-col-l: 17;
  }
  cws-grid-hero [data-span-l*=":Q"] {
    --gh-end-c-l: 17;
  }
  cws-grid-hero [data-span-l*="1:"] {
    --gh-row-n-l: 1;
  }
  cws-grid-hero [data-span-l$="1"] {
    --gh-end-r-l: 1;
  }
  cws-grid-hero [data-span-l*="2:"] {
    --gh-row-n-l: 2;
  }
  cws-grid-hero [data-span-l$="2"] {
    --gh-end-r-l: 2;
  }
  cws-grid-hero [data-span-l*="3:"] {
    --gh-row-n-l: 3;
  }
  cws-grid-hero [data-span-l$="3"] {
    --gh-end-r-l: 3;
  }
  cws-grid-hero [data-span-l*="4:"] {
    --gh-row-n-l: 4;
  }
  cws-grid-hero [data-span-l$="4"] {
    --gh-end-r-l: 4;
  }
  cws-grid-hero [data-span-l*="5:"] {
    --gh-row-n-l: 5;
  }
  cws-grid-hero [data-span-l$="5"] {
    --gh-end-r-l: 5;
  }
  cws-grid-hero [data-span-l*="6:"] {
    --gh-row-n-l: 6;
  }
  cws-grid-hero [data-span-l$="6"] {
    --gh-end-r-l: 6;
  }
  cws-grid-hero [data-span-l*="7:"] {
    --gh-row-n-l: 7;
  }
  cws-grid-hero [data-span-l$="7"] {
    --gh-end-r-l: 7;
  }
  cws-grid-hero [data-span-l*="8:"] {
    --gh-row-n-l: 8;
  }
  cws-grid-hero [data-span-l$="8"] {
    --gh-end-r-l: 8;
  }
  cws-grid-hero [data-span-m^=A] {
    --gh-col-m: 1;
  }
  cws-grid-hero [data-span-m*=":A"] {
    --gh-end-c-m: 1;
  }
  cws-grid-hero [data-span-m^=B] {
    --gh-col-m: 2;
  }
  cws-grid-hero [data-span-m*=":B"] {
    --gh-end-c-m: 2;
  }
  cws-grid-hero [data-span-m^=C] {
    --gh-col-m: 3;
  }
  cws-grid-hero [data-span-m*=":C"] {
    --gh-end-c-m: 3;
  }
  cws-grid-hero [data-span-m^=D] {
    --gh-col-m: 4;
  }
  cws-grid-hero [data-span-m*=":D"] {
    --gh-end-c-m: 4;
  }
  cws-grid-hero [data-span-m^=E] {
    --gh-col-m: 5;
  }
  cws-grid-hero [data-span-m*=":E"] {
    --gh-end-c-m: 5;
  }
  cws-grid-hero [data-span-m^=F] {
    --gh-col-m: 6;
  }
  cws-grid-hero [data-span-m*=":F"] {
    --gh-end-c-m: 6;
  }
  cws-grid-hero [data-span-m^=G] {
    --gh-col-m: 7;
  }
  cws-grid-hero [data-span-m*=":G"] {
    --gh-end-c-m: 7;
  }
  cws-grid-hero [data-span-m^=H] {
    --gh-col-m: 8;
  }
  cws-grid-hero [data-span-m*=":H"] {
    --gh-end-c-m: 8;
  }
  cws-grid-hero [data-span-m^=I] {
    --gh-col-m: 9;
  }
  cws-grid-hero [data-span-m*=":I"] {
    --gh-end-c-m: 9;
  }
  cws-grid-hero [data-span-m^=J] {
    --gh-col-m: 10;
  }
  cws-grid-hero [data-span-m*=":J"] {
    --gh-end-c-m: 10;
  }
  cws-grid-hero [data-span-m^=K] {
    --gh-col-m: 11;
  }
  cws-grid-hero [data-span-m*=":K"] {
    --gh-end-c-m: 11;
  }
  cws-grid-hero [data-span-m^=L] {
    --gh-col-m: 12;
  }
  cws-grid-hero [data-span-m*=":L"] {
    --gh-end-c-m: 12;
  }
  cws-grid-hero [data-span-m^=M] {
    --gh-col-m: 13;
  }
  cws-grid-hero [data-span-m*=":M"] {
    --gh-end-c-m: 13;
  }
  cws-grid-hero [data-span-m^=N] {
    --gh-col-m: 14;
  }
  cws-grid-hero [data-span-m*=":N"] {
    --gh-end-c-m: 14;
  }
  cws-grid-hero [data-span-m^=O] {
    --gh-col-m: 15;
  }
  cws-grid-hero [data-span-m*=":O"] {
    --gh-end-c-m: 15;
  }
  cws-grid-hero [data-span-m^=P] {
    --gh-col-m: 16;
  }
  cws-grid-hero [data-span-m*=":P"] {
    --gh-end-c-m: 16;
  }
  cws-grid-hero [data-span-m^=Q] {
    --gh-col-m: 17;
  }
  cws-grid-hero [data-span-m*=":Q"] {
    --gh-end-c-m: 17;
  }
  cws-grid-hero [data-span-m*="1:"] {
    --gh-row-n-m: 1;
  }
  cws-grid-hero [data-span-m$="1"] {
    --gh-end-r-m: 1;
  }
  cws-grid-hero [data-span-m*="2:"] {
    --gh-row-n-m: 2;
  }
  cws-grid-hero [data-span-m$="2"] {
    --gh-end-r-m: 2;
  }
  cws-grid-hero [data-span-m*="3:"] {
    --gh-row-n-m: 3;
  }
  cws-grid-hero [data-span-m$="3"] {
    --gh-end-r-m: 3;
  }
  cws-grid-hero [data-span-m*="4:"] {
    --gh-row-n-m: 4;
  }
  cws-grid-hero [data-span-m$="4"] {
    --gh-end-r-m: 4;
  }
  cws-grid-hero [data-span-m*="5:"] {
    --gh-row-n-m: 5;
  }
  cws-grid-hero [data-span-m$="5"] {
    --gh-end-r-m: 5;
  }
  cws-grid-hero [data-span-m*="6:"] {
    --gh-row-n-m: 6;
  }
  cws-grid-hero [data-span-m$="6"] {
    --gh-end-r-m: 6;
  }
  cws-grid-hero [data-span-m*="7:"] {
    --gh-row-n-m: 7;
  }
  cws-grid-hero [data-span-m$="7"] {
    --gh-end-r-m: 7;
  }
  cws-grid-hero [data-span-m*="8:"] {
    --gh-row-n-m: 8;
  }
  cws-grid-hero [data-span-m$="8"] {
    --gh-end-r-m: 8;
  }
  cws-grid-hero [data-span-s^=A] {
    --gh-col-s: 1;
  }
  cws-grid-hero [data-span-s*=":A"] {
    --gh-end-c-s: 1;
  }
  cws-grid-hero [data-span-s^=B] {
    --gh-col-s: 2;
  }
  cws-grid-hero [data-span-s*=":B"] {
    --gh-end-c-s: 2;
  }
  cws-grid-hero [data-span-s^=C] {
    --gh-col-s: 3;
  }
  cws-grid-hero [data-span-s*=":C"] {
    --gh-end-c-s: 3;
  }
  cws-grid-hero [data-span-s^=D] {
    --gh-col-s: 4;
  }
  cws-grid-hero [data-span-s*=":D"] {
    --gh-end-c-s: 4;
  }
  cws-grid-hero [data-span-s^=E] {
    --gh-col-s: 5;
  }
  cws-grid-hero [data-span-s*=":E"] {
    --gh-end-c-s: 5;
  }
  cws-grid-hero [data-span-s^=F] {
    --gh-col-s: 6;
  }
  cws-grid-hero [data-span-s*=":F"] {
    --gh-end-c-s: 6;
  }
  cws-grid-hero [data-span-s^=G] {
    --gh-col-s: 7;
  }
  cws-grid-hero [data-span-s*=":G"] {
    --gh-end-c-s: 7;
  }
  cws-grid-hero [data-span-s^=H] {
    --gh-col-s: 8;
  }
  cws-grid-hero [data-span-s*=":H"] {
    --gh-end-c-s: 8;
  }
  cws-grid-hero [data-span-s^=I] {
    --gh-col-s: 9;
  }
  cws-grid-hero [data-span-s*=":I"] {
    --gh-end-c-s: 9;
  }
  cws-grid-hero [data-span-s^=J] {
    --gh-col-s: 10;
  }
  cws-grid-hero [data-span-s*=":J"] {
    --gh-end-c-s: 10;
  }
  cws-grid-hero [data-span-s^=K] {
    --gh-col-s: 11;
  }
  cws-grid-hero [data-span-s*=":K"] {
    --gh-end-c-s: 11;
  }
  cws-grid-hero [data-span-s^=L] {
    --gh-col-s: 12;
  }
  cws-grid-hero [data-span-s*=":L"] {
    --gh-end-c-s: 12;
  }
  cws-grid-hero [data-span-s^=M] {
    --gh-col-s: 13;
  }
  cws-grid-hero [data-span-s*=":M"] {
    --gh-end-c-s: 13;
  }
  cws-grid-hero [data-span-s^=N] {
    --gh-col-s: 14;
  }
  cws-grid-hero [data-span-s*=":N"] {
    --gh-end-c-s: 14;
  }
  cws-grid-hero [data-span-s^=O] {
    --gh-col-s: 15;
  }
  cws-grid-hero [data-span-s*=":O"] {
    --gh-end-c-s: 15;
  }
  cws-grid-hero [data-span-s^=P] {
    --gh-col-s: 16;
  }
  cws-grid-hero [data-span-s*=":P"] {
    --gh-end-c-s: 16;
  }
  cws-grid-hero [data-span-s^=Q] {
    --gh-col-s: 17;
  }
  cws-grid-hero [data-span-s*=":Q"] {
    --gh-end-c-s: 17;
  }
  cws-grid-hero [data-span-s*="1:"] {
    --gh-row-n-s: 1;
  }
  cws-grid-hero [data-span-s$="1"] {
    --gh-end-r-s: 1;
  }
  cws-grid-hero [data-span-s*="2:"] {
    --gh-row-n-s: 2;
  }
  cws-grid-hero [data-span-s$="2"] {
    --gh-end-r-s: 2;
  }
  cws-grid-hero [data-span-s*="3:"] {
    --gh-row-n-s: 3;
  }
  cws-grid-hero [data-span-s$="3"] {
    --gh-end-r-s: 3;
  }
  cws-grid-hero [data-span-s*="4:"] {
    --gh-row-n-s: 4;
  }
  cws-grid-hero [data-span-s$="4"] {
    --gh-end-r-s: 4;
  }
  cws-grid-hero [data-span-s*="5:"] {
    --gh-row-n-s: 5;
  }
  cws-grid-hero [data-span-s$="5"] {
    --gh-end-r-s: 5;
  }
  cws-grid-hero [data-span-s*="6:"] {
    --gh-row-n-s: 6;
  }
  cws-grid-hero [data-span-s$="6"] {
    --gh-end-r-s: 6;
  }
  cws-grid-hero [data-span-s*="7:"] {
    --gh-row-n-s: 7;
  }
  cws-grid-hero [data-span-s$="7"] {
    --gh-end-r-s: 7;
  }
  cws-grid-hero [data-span-s*="8:"] {
    --gh-row-n-s: 8;
  }
  cws-grid-hero [data-span-s$="8"] {
    --gh-end-r-s: 8;
  }
  cws-grid-hero [data-span-lm^=A] {
    --gh-col-lm: 1;
  }
  cws-grid-hero [data-span-lm*=":A"] {
    --gh-end-c-lm: 1;
  }
  cws-grid-hero [data-span-lm^=B] {
    --gh-col-lm: 2;
  }
  cws-grid-hero [data-span-lm*=":B"] {
    --gh-end-c-lm: 2;
  }
  cws-grid-hero [data-span-lm^=C] {
    --gh-col-lm: 3;
  }
  cws-grid-hero [data-span-lm*=":C"] {
    --gh-end-c-lm: 3;
  }
  cws-grid-hero [data-span-lm^=D] {
    --gh-col-lm: 4;
  }
  cws-grid-hero [data-span-lm*=":D"] {
    --gh-end-c-lm: 4;
  }
  cws-grid-hero [data-span-lm^=E] {
    --gh-col-lm: 5;
  }
  cws-grid-hero [data-span-lm*=":E"] {
    --gh-end-c-lm: 5;
  }
  cws-grid-hero [data-span-lm^=F] {
    --gh-col-lm: 6;
  }
  cws-grid-hero [data-span-lm*=":F"] {
    --gh-end-c-lm: 6;
  }
  cws-grid-hero [data-span-lm^=G] {
    --gh-col-lm: 7;
  }
  cws-grid-hero [data-span-lm*=":G"] {
    --gh-end-c-lm: 7;
  }
  cws-grid-hero [data-span-lm^=H] {
    --gh-col-lm: 8;
  }
  cws-grid-hero [data-span-lm*=":H"] {
    --gh-end-c-lm: 8;
  }
  cws-grid-hero [data-span-lm^=I] {
    --gh-col-lm: 9;
  }
  cws-grid-hero [data-span-lm*=":I"] {
    --gh-end-c-lm: 9;
  }
  cws-grid-hero [data-span-lm^=J] {
    --gh-col-lm: 10;
  }
  cws-grid-hero [data-span-lm*=":J"] {
    --gh-end-c-lm: 10;
  }
  cws-grid-hero [data-span-lm^=K] {
    --gh-col-lm: 11;
  }
  cws-grid-hero [data-span-lm*=":K"] {
    --gh-end-c-lm: 11;
  }
  cws-grid-hero [data-span-lm^=L] {
    --gh-col-lm: 12;
  }
  cws-grid-hero [data-span-lm*=":L"] {
    --gh-end-c-lm: 12;
  }
  cws-grid-hero [data-span-lm^=M] {
    --gh-col-lm: 13;
  }
  cws-grid-hero [data-span-lm*=":M"] {
    --gh-end-c-lm: 13;
  }
  cws-grid-hero [data-span-lm^=N] {
    --gh-col-lm: 14;
  }
  cws-grid-hero [data-span-lm*=":N"] {
    --gh-end-c-lm: 14;
  }
  cws-grid-hero [data-span-lm^=O] {
    --gh-col-lm: 15;
  }
  cws-grid-hero [data-span-lm*=":O"] {
    --gh-end-c-lm: 15;
  }
  cws-grid-hero [data-span-lm^=P] {
    --gh-col-lm: 16;
  }
  cws-grid-hero [data-span-lm*=":P"] {
    --gh-end-c-lm: 16;
  }
  cws-grid-hero [data-span-lm^=Q] {
    --gh-col-lm: 17;
  }
  cws-grid-hero [data-span-lm*=":Q"] {
    --gh-end-c-lm: 17;
  }
  cws-grid-hero [data-span-lm*="1:"] {
    --gh-row-n-lm: 1;
  }
  cws-grid-hero [data-span-lm$="1"] {
    --gh-end-r-lm: 1;
  }
  cws-grid-hero [data-span-lm*="2:"] {
    --gh-row-n-lm: 2;
  }
  cws-grid-hero [data-span-lm$="2"] {
    --gh-end-r-lm: 2;
  }
  cws-grid-hero [data-span-lm*="3:"] {
    --gh-row-n-lm: 3;
  }
  cws-grid-hero [data-span-lm$="3"] {
    --gh-end-r-lm: 3;
  }
  cws-grid-hero [data-span-lm*="4:"] {
    --gh-row-n-lm: 4;
  }
  cws-grid-hero [data-span-lm$="4"] {
    --gh-end-r-lm: 4;
  }
  cws-grid-hero [data-span-lm*="5:"] {
    --gh-row-n-lm: 5;
  }
  cws-grid-hero [data-span-lm$="5"] {
    --gh-end-r-lm: 5;
  }
  cws-grid-hero [data-span-lm*="6:"] {
    --gh-row-n-lm: 6;
  }
  cws-grid-hero [data-span-lm$="6"] {
    --gh-end-r-lm: 6;
  }
  cws-grid-hero [data-span-lm*="7:"] {
    --gh-row-n-lm: 7;
  }
  cws-grid-hero [data-span-lm$="7"] {
    --gh-end-r-lm: 7;
  }
  cws-grid-hero [data-span-lm*="8:"] {
    --gh-row-n-lm: 8;
  }
  cws-grid-hero [data-span-lm$="8"] {
    --gh-end-r-lm: 8;
  }
  cws-grid-hero [data-span-ms^=A] {
    --gh-col-ms: 1;
  }
  cws-grid-hero [data-span-ms*=":A"] {
    --gh-end-c-ms: 1;
  }
  cws-grid-hero [data-span-ms^=B] {
    --gh-col-ms: 2;
  }
  cws-grid-hero [data-span-ms*=":B"] {
    --gh-end-c-ms: 2;
  }
  cws-grid-hero [data-span-ms^=C] {
    --gh-col-ms: 3;
  }
  cws-grid-hero [data-span-ms*=":C"] {
    --gh-end-c-ms: 3;
  }
  cws-grid-hero [data-span-ms^=D] {
    --gh-col-ms: 4;
  }
  cws-grid-hero [data-span-ms*=":D"] {
    --gh-end-c-ms: 4;
  }
  cws-grid-hero [data-span-ms^=E] {
    --gh-col-ms: 5;
  }
  cws-grid-hero [data-span-ms*=":E"] {
    --gh-end-c-ms: 5;
  }
  cws-grid-hero [data-span-ms^=F] {
    --gh-col-ms: 6;
  }
  cws-grid-hero [data-span-ms*=":F"] {
    --gh-end-c-ms: 6;
  }
  cws-grid-hero [data-span-ms^=G] {
    --gh-col-ms: 7;
  }
  cws-grid-hero [data-span-ms*=":G"] {
    --gh-end-c-ms: 7;
  }
  cws-grid-hero [data-span-ms^=H] {
    --gh-col-ms: 8;
  }
  cws-grid-hero [data-span-ms*=":H"] {
    --gh-end-c-ms: 8;
  }
  cws-grid-hero [data-span-ms^=I] {
    --gh-col-ms: 9;
  }
  cws-grid-hero [data-span-ms*=":I"] {
    --gh-end-c-ms: 9;
  }
  cws-grid-hero [data-span-ms^=J] {
    --gh-col-ms: 10;
  }
  cws-grid-hero [data-span-ms*=":J"] {
    --gh-end-c-ms: 10;
  }
  cws-grid-hero [data-span-ms^=K] {
    --gh-col-ms: 11;
  }
  cws-grid-hero [data-span-ms*=":K"] {
    --gh-end-c-ms: 11;
  }
  cws-grid-hero [data-span-ms^=L] {
    --gh-col-ms: 12;
  }
  cws-grid-hero [data-span-ms*=":L"] {
    --gh-end-c-ms: 12;
  }
  cws-grid-hero [data-span-ms^=M] {
    --gh-col-ms: 13;
  }
  cws-grid-hero [data-span-ms*=":M"] {
    --gh-end-c-ms: 13;
  }
  cws-grid-hero [data-span-ms^=N] {
    --gh-col-ms: 14;
  }
  cws-grid-hero [data-span-ms*=":N"] {
    --gh-end-c-ms: 14;
  }
  cws-grid-hero [data-span-ms^=O] {
    --gh-col-ms: 15;
  }
  cws-grid-hero [data-span-ms*=":O"] {
    --gh-end-c-ms: 15;
  }
  cws-grid-hero [data-span-ms^=P] {
    --gh-col-ms: 16;
  }
  cws-grid-hero [data-span-ms*=":P"] {
    --gh-end-c-ms: 16;
  }
  cws-grid-hero [data-span-ms^=Q] {
    --gh-col-ms: 17;
  }
  cws-grid-hero [data-span-ms*=":Q"] {
    --gh-end-c-ms: 17;
  }
  cws-grid-hero [data-span-ms*="1:"] {
    --gh-row-n-ms: 1;
  }
  cws-grid-hero [data-span-ms$="1"] {
    --gh-end-r-ms: 1;
  }
  cws-grid-hero [data-span-ms*="2:"] {
    --gh-row-n-ms: 2;
  }
  cws-grid-hero [data-span-ms$="2"] {
    --gh-end-r-ms: 2;
  }
  cws-grid-hero [data-span-ms*="3:"] {
    --gh-row-n-ms: 3;
  }
  cws-grid-hero [data-span-ms$="3"] {
    --gh-end-r-ms: 3;
  }
  cws-grid-hero [data-span-ms*="4:"] {
    --gh-row-n-ms: 4;
  }
  cws-grid-hero [data-span-ms$="4"] {
    --gh-end-r-ms: 4;
  }
  cws-grid-hero [data-span-ms*="5:"] {
    --gh-row-n-ms: 5;
  }
  cws-grid-hero [data-span-ms$="5"] {
    --gh-end-r-ms: 5;
  }
  cws-grid-hero [data-span-ms*="6:"] {
    --gh-row-n-ms: 6;
  }
  cws-grid-hero [data-span-ms$="6"] {
    --gh-end-r-ms: 6;
  }
  cws-grid-hero [data-span-ms*="7:"] {
    --gh-row-n-ms: 7;
  }
  cws-grid-hero [data-span-ms$="7"] {
    --gh-end-r-ms: 7;
  }
  cws-grid-hero [data-span-ms*="8:"] {
    --gh-row-n-ms: 8;
  }
  cws-grid-hero [data-span-ms$="8"] {
    --gh-end-r-ms: 8;
  }
  cws-grid-hero :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    --gh-col: var(--gh-col-lms, var(--gh-col-s, var(--gh-col-ms)));
    --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-s, var(--gh-row-n-ms)));
    --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-s, var(--gh-end-c-ms)));
    --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-s, var(--gh-end-r-ms)));
  }
  cws-grid-hero [data-span-lms^=A] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-lms^=B] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-lms^=C] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-lms^=D] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-lms^=E] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-lms^=F] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-lms^=G] {
    --gh-anchor: 2;
  }
  cws-grid-hero [data-span-lms^=H] {
    --gh-anchor: 3;
  }
  cws-grid-hero [data-span-lms^=I] {
    --gh-anchor: 4;
  }
  cws-grid-hero [data-span-lms^=J] {
    --gh-anchor: 5;
  }
  cws-grid-hero [data-span-lms^=K] {
    --gh-anchor: 6;
  }
  cws-grid-hero [data-span-lms^=L] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-lms^=M] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-lms^=N] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-lms^=O] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-lms^=P] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-lms^=Q] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-s^=A] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-s^=B] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-s^=C] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-s^=D] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-s^=E] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-s^=F] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-s^=G] {
    --gh-anchor: 2;
  }
  cws-grid-hero [data-span-s^=H] {
    --gh-anchor: 3;
  }
  cws-grid-hero [data-span-s^=I] {
    --gh-anchor: 4;
  }
  cws-grid-hero [data-span-s^=J] {
    --gh-anchor: 5;
  }
  cws-grid-hero [data-span-s^=K] {
    --gh-anchor: 6;
  }
  cws-grid-hero [data-span-s^=L] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-s^=M] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-s^=N] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-s^=O] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-s^=P] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-s^=Q] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-ms^=A] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-ms^=B] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-ms^=C] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-ms^=D] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-ms^=E] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-ms^=F] {
    --gh-anchor: 1;
  }
  cws-grid-hero [data-span-ms^=G] {
    --gh-anchor: 2;
  }
  cws-grid-hero [data-span-ms^=H] {
    --gh-anchor: 3;
  }
  cws-grid-hero [data-span-ms^=I] {
    --gh-anchor: 4;
  }
  cws-grid-hero [data-span-ms^=J] {
    --gh-anchor: 5;
  }
  cws-grid-hero [data-span-ms^=K] {
    --gh-anchor: 6;
  }
  cws-grid-hero [data-span-ms^=L] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-ms^=M] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-ms^=N] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-ms^=O] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-ms^=P] {
    --gh-anchor: 7;
  }
  cws-grid-hero [data-span-ms^=Q] {
    --gh-anchor: 7;
  }
  cws-grid-hero :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    --gh-w: calc(var(--gh-end-c) - var(--gh-col) + 1);
    --gh-h: min(calc(var(--gh-end-r) - var(--gh-row-n) + 1), var(--gh-rows));
    --gh-aspect: calc((var(--gh-w) * 49 - 5) / (var(--gh-h) * 49 - 5));
    grid-row-end: span var(--gh-h);
    grid-column-start: clamp(1, var(--gh-anchor), var(--gh-columns) - var(--gh-w) + 1);
    grid-column-end: span var(--gh-w);
    grid-row-start: min(var(--gh-row-n), var(--gh-rows) - var(--gh-h) + 1);
  }
  cws-grid-hero {
    --gh-columns: 7;
  }
  @container grid-hero-outer (width >= 544px) {
    cws-grid-hero {
      --gh-columns: 11;
    }
    cws-grid-hero :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
      --gh-col: var(--gh-col-lms, var(--gh-col-m, var(--gh-col-lm, var(--gh-col-ms))));
      --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-m, var(--gh-row-n-lm, var(--gh-row-n-ms))));
      --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-m, var(--gh-end-c-lm, var(--gh-end-c-ms))));
      --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-m, var(--gh-end-r-lm, var(--gh-end-r-ms))));
    }
    cws-grid-hero [data-span-lms^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-lms^=B] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-lms^=C] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-lms^=D] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-lms^=E] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-lms^=F] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-lms^=G] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-lms^=H] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-lms^=I] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-lms^=J] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-lms^=K] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-lms^=L] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-lms^=M] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-lms^=N] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-lms^=O] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-lms^=P] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-lms^=Q] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-m^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-m^=B] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-m^=C] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-m^=D] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-m^=E] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-m^=F] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-m^=G] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-m^=H] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-m^=I] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-m^=J] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-m^=K] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-m^=L] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-m^=M] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-m^=N] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-m^=O] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-m^=P] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-m^=Q] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-lm^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-lm^=B] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-lm^=C] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-lm^=D] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-lm^=E] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-lm^=F] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-lm^=G] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-lm^=H] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-lm^=I] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-lm^=J] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-lm^=K] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-lm^=L] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-lm^=M] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-lm^=N] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-lm^=O] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-lm^=P] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-lm^=Q] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-ms^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-ms^=B] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-ms^=C] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-ms^=D] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-ms^=E] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-ms^=F] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-ms^=G] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-ms^=H] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-ms^=I] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-ms^=J] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-ms^=K] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-ms^=L] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-ms^=M] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-ms^=N] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-ms^=O] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-ms^=P] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-ms^=Q] {
      --gh-anchor: 11;
    }
  }
  @container grid-hero-outer (width >= 838px) {
    cws-grid-hero {
      --gh-columns: 17;
    }
    cws-grid-hero :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
      --gh-col: var(--gh-col-lms, var(--gh-col-l, var(--gh-col-lm)));
      --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-l, var(--gh-row-n-lm)));
      --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-l, var(--gh-end-c-lm)));
      --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-l, var(--gh-end-r-lm)));
    }
    cws-grid-hero [data-span-lms^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-lms^=B] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-lms^=C] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-lms^=D] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-lms^=E] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-lms^=F] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-lms^=G] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-lms^=H] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-lms^=I] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-lms^=J] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-lms^=K] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-lms^=L] {
      --gh-anchor: 12;
    }
    cws-grid-hero [data-span-lms^=M] {
      --gh-anchor: 13;
    }
    cws-grid-hero [data-span-lms^=N] {
      --gh-anchor: 14;
    }
    cws-grid-hero [data-span-lms^=O] {
      --gh-anchor: 15;
    }
    cws-grid-hero [data-span-lms^=P] {
      --gh-anchor: 16;
    }
    cws-grid-hero [data-span-lms^=Q] {
      --gh-anchor: 17;
    }
    cws-grid-hero [data-span-l^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-l^=B] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-l^=C] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-l^=D] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-l^=E] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-l^=F] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-l^=G] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-l^=H] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-l^=I] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-l^=J] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-l^=K] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-l^=L] {
      --gh-anchor: 12;
    }
    cws-grid-hero [data-span-l^=M] {
      --gh-anchor: 13;
    }
    cws-grid-hero [data-span-l^=N] {
      --gh-anchor: 14;
    }
    cws-grid-hero [data-span-l^=O] {
      --gh-anchor: 15;
    }
    cws-grid-hero [data-span-l^=P] {
      --gh-anchor: 16;
    }
    cws-grid-hero [data-span-l^=Q] {
      --gh-anchor: 17;
    }
    cws-grid-hero [data-span-lm^=A] {
      --gh-anchor: 1;
    }
    cws-grid-hero [data-span-lm^=B] {
      --gh-anchor: 2;
    }
    cws-grid-hero [data-span-lm^=C] {
      --gh-anchor: 3;
    }
    cws-grid-hero [data-span-lm^=D] {
      --gh-anchor: 4;
    }
    cws-grid-hero [data-span-lm^=E] {
      --gh-anchor: 5;
    }
    cws-grid-hero [data-span-lm^=F] {
      --gh-anchor: 6;
    }
    cws-grid-hero [data-span-lm^=G] {
      --gh-anchor: 7;
    }
    cws-grid-hero [data-span-lm^=H] {
      --gh-anchor: 8;
    }
    cws-grid-hero [data-span-lm^=I] {
      --gh-anchor: 9;
    }
    cws-grid-hero [data-span-lm^=J] {
      --gh-anchor: 10;
    }
    cws-grid-hero [data-span-lm^=K] {
      --gh-anchor: 11;
    }
    cws-grid-hero [data-span-lm^=L] {
      --gh-anchor: 12;
    }
    cws-grid-hero [data-span-lm^=M] {
      --gh-anchor: 13;
    }
    cws-grid-hero [data-span-lm^=N] {
      --gh-anchor: 14;
    }
    cws-grid-hero [data-span-lm^=O] {
      --gh-anchor: 15;
    }
    cws-grid-hero [data-span-lm^=P] {
      --gh-anchor: 16;
    }
    cws-grid-hero [data-span-lm^=Q] {
      --gh-anchor: 17;
    }
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) {
    --gh-columns: 17;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    --gh-col: var(--gh-col-lms, var(--gh-col-l, var(--gh-col-lm)));
    --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-l, var(--gh-row-n-lm)));
    --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-l, var(--gh-end-c-lm)));
    --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-l, var(--gh-end-r-lm)));
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=A] {
    --gh-anchor: 1;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=B] {
    --gh-anchor: 2;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=C] {
    --gh-anchor: 3;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=D] {
    --gh-anchor: 4;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=E] {
    --gh-anchor: 5;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=F] {
    --gh-anchor: 6;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=G] {
    --gh-anchor: 7;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=H] {
    --gh-anchor: 8;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=I] {
    --gh-anchor: 9;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=J] {
    --gh-anchor: 10;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=K] {
    --gh-anchor: 11;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=L] {
    --gh-anchor: 12;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=M] {
    --gh-anchor: 13;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=N] {
    --gh-anchor: 14;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=O] {
    --gh-anchor: 15;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=P] {
    --gh-anchor: 16;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lms^=Q] {
    --gh-anchor: 17;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=A] {
    --gh-anchor: 1;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=B] {
    --gh-anchor: 2;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=C] {
    --gh-anchor: 3;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=D] {
    --gh-anchor: 4;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=E] {
    --gh-anchor: 5;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=F] {
    --gh-anchor: 6;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=G] {
    --gh-anchor: 7;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=H] {
    --gh-anchor: 8;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=I] {
    --gh-anchor: 9;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=J] {
    --gh-anchor: 10;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=K] {
    --gh-anchor: 11;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=L] {
    --gh-anchor: 12;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=M] {
    --gh-anchor: 13;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=N] {
    --gh-anchor: 14;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=O] {
    --gh-anchor: 15;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=P] {
    --gh-anchor: 16;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-l^=Q] {
    --gh-anchor: 17;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=A] {
    --gh-anchor: 1;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=B] {
    --gh-anchor: 2;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=C] {
    --gh-anchor: 3;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=D] {
    --gh-anchor: 4;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=E] {
    --gh-anchor: 5;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=F] {
    --gh-anchor: 6;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=G] {
    --gh-anchor: 7;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=H] {
    --gh-anchor: 8;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=I] {
    --gh-anchor: 9;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=J] {
    --gh-anchor: 10;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=K] {
    --gh-anchor: 11;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=L] {
    --gh-anchor: 12;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=M] {
    --gh-anchor: 13;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=N] {
    --gh-anchor: 14;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=O] {
    --gh-anchor: 15;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=P] {
    --gh-anchor: 16;
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) [data-span-lm^=Q] {
    --gh-anchor: 17;
  }
  @container grid-hero-outer (width < 544px) {
    :where(cws-grid-hero:not([overlay]), cws-grid-hero[grid-off]) > *:not(.grid-hero-switch):not(.grid-hero-motion):not(.grid-hero-overlay):not(.grid-hero-plans):not([data-span-lms]):not([data-span-s]):not([data-span-ms]) {
      display: none;
    }
  }
  @container grid-hero-outer (544px <= width < 838px) {
    :where(cws-grid-hero:not([overlay]), cws-grid-hero[grid-off]) > *:not(.grid-hero-switch):not(.grid-hero-motion):not(.grid-hero-overlay):not(.grid-hero-plans):not([data-span-lms]):not([data-span-m]):not([data-span-lm]):not([data-span-ms]) {
      display: none;
    }
  }
  @container grid-hero-outer (width >= 838px) {
    :where(cws-grid-hero:not([overlay]), cws-grid-hero[grid-off]) > *:not(.grid-hero-switch):not(.grid-hero-motion):not(.grid-hero-overlay):not(.grid-hero-plans):not([data-span-lms]):not([data-span-l]):not([data-span-lm]) {
      display: none;
    }
  }
  cws-grid-hero[overlay]:where(:not([grid-off])) > *:not(.grid-hero-switch):not(.grid-hero-motion):not(.grid-hero-overlay):not(.grid-hero-plans):not([data-span-lms]):not([data-span-l]):not([data-span-lm]) {
    display: none;
  }
  @container grid-hero-outer (width < 544px) {
    :is(cws-grid-hero:not([overlay]), cws-grid-hero[grid-off]) [data-tiers=lm]:not(:is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])) {
      display: none;
    }
  }
  @container grid-hero-outer (width < 838px) {
    :is(cws-grid-hero:not([overlay]), cws-grid-hero[grid-off]) [data-tiers=l]:not(:is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])) {
      display: none;
    }
  }
  cws-grid-hero[overlay] > [data-span-lms]:is([data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]),
  cws-grid-hero[overlay] > [data-span-l][data-span-lm],
  cws-grid-hero[overlay] > [data-span-m][data-span-lm],
  cws-grid-hero[overlay] > [data-span-m][data-span-ms],
  cws-grid-hero[overlay] > [data-span-s][data-span-ms],
  cws-grid-hero[overlay] > [data-span-lm][data-span-ms],
  cws-grid-hero[overlay] > *:not(:is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms])):not(.grid-hero-switch):not(.grid-hero-motion):not(.grid-hero-overlay):not(.grid-hero-plans):not(cws-value-link):not(cws-slideshow):not(cws-pulse):not(cws-calm):not(cws-pendulum):not(cws-direction-flip) {
    outline: 1px solid #e5484d;
    outline-offset: -1px;
  }
  .grid-hero-plans {
    grid-column: 1/-1;
    grid-row-start: 8;
    align-self: start;
    margin-block-start: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    font-family: var(--ct-ref-typeface-plain, sans-serif);
  }
  .grid-hero-plan-caption {
    margin: 0 0 20px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    color: color-mix(in srgb, var(--ct-sys-color-primary) 70%, transparent);
  }
  .grid-hero-plan-frame {
    display: grid;
    grid-template-columns: 0 auto;
    grid-template-rows: 0 auto;
    inline-size: max-content;
    pointer-events: none;
  }
  .grid-hero-plan-cols,
  .grid-hero-plan-rows {
    display: grid;
    gap: var(--gh-gap);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--ct-sys-color-primary) 70%, transparent);
  }
  .grid-hero-plan-cols > b,
  .grid-hero-plan-rows > b {
    display: grid;
    place-items: center;
    font-weight: 500;
  }
  .grid-hero-plan-cols {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    grid-template-columns: repeat(var(--gh-columns), var(--gh-cell));
    padding-inline: var(--gh-gap);
    block-size: 13px;
  }
  .grid-hero-plan-cols > b {
    min-inline-size: 0;
    overflow: clip;
  }
  .grid-hero-plan-rows {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
    grid-template-rows: repeat(var(--gh-rows), var(--gh-cell));
    padding-block: var(--gh-gap);
    inline-size: 15px;
  }
  .grid-hero-plan-grid {
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-rows: repeat(7, var(--gh-cell));
    grid-template-columns: repeat(var(--gh-columns), var(--gh-cell));
    gap: var(--gh-gap);
    padding: var(--gh-gap);
  }
  .grid-hero-plan-grid > i {
    z-index: 1;
    outline: 1px solid color-mix(in srgb, var(--gh-ink) 22%, transparent);
    outline-offset: -1px;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+1) {
    grid-column: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+2) {
    grid-column: 2;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+3) {
    grid-column: 3;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+4) {
    grid-column: 4;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+5) {
    grid-column: 5;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+6) {
    grid-column: 6;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(7n+7) {
    grid-column: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+1):nth-child(-n+7) {
    grid-row: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+8):nth-child(-n+14) {
    grid-row: 2;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+15):nth-child(-n+21) {
    grid-row: 3;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+22):nth-child(-n+28) {
    grid-row: 4;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+29):nth-child(-n+35) {
    grid-row: 5;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+36):nth-child(-n+42) {
    grid-row: 6;
  }
  .grid-hero-plan-grid[data-tier="1"] > i:nth-child(n+43):nth-child(-n+49) {
    grid-row: 7;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+1) {
    grid-column: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+2) {
    grid-column: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+3) {
    grid-column: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+4) {
    grid-column: 4;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+5) {
    grid-column: 5;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+6) {
    grid-column: 6;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+7) {
    grid-column: 7;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+8) {
    grid-column: 8;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+9) {
    grid-column: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+10) {
    grid-column: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+11) {
    grid-column: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+1):nth-child(-n+11) {
    grid-row: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+12):nth-child(-n+22) {
    grid-row: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+23):nth-child(-n+33) {
    grid-row: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+34):nth-child(-n+44) {
    grid-row: 4;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+45):nth-child(-n+55) {
    grid-row: 5;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+56):nth-child(-n+66) {
    grid-row: 6;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(n+67):nth-child(-n+77) {
    grid-row: 7;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+1) {
    grid-column: 1;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+2) {
    grid-column: 2;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+3) {
    grid-column: 3;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+4) {
    grid-column: 4;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+5) {
    grid-column: 5;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+6) {
    grid-column: 6;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+7) {
    grid-column: 7;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+8) {
    grid-column: 8;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+9) {
    grid-column: 9;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+10) {
    grid-column: 10;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+11) {
    grid-column: 11;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+12) {
    grid-column: 12;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+13) {
    grid-column: 13;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+14) {
    grid-column: 14;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+15) {
    grid-column: 15;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+16) {
    grid-column: 16;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+17) {
    grid-column: 17;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+1):nth-child(-n+17) {
    grid-row: 1;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+18):nth-child(-n+34) {
    grid-row: 2;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+35):nth-child(-n+51) {
    grid-row: 3;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+52):nth-child(-n+68) {
    grid-row: 4;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+69):nth-child(-n+85) {
    grid-row: 5;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+86):nth-child(-n+102) {
    grid-row: 6;
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(n+103):nth-child(-n+119) {
    grid-row: 7;
  }
  .grid-hero-plan[data-tier="1"] {
    --gh-columns: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    --gh-col: var(--gh-col-lms, var(--gh-col-s, var(--gh-col-ms)));
    --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-s, var(--gh-row-n-ms)));
    --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-s, var(--gh-end-c-ms)));
    --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-s, var(--gh-end-r-ms)));
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=C] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=D] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=E] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=F] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=G] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=H] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=I] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=J] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=K] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=L] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=M] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=N] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=O] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=P] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-lms^=Q] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=C] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=D] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=E] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=F] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=G] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=H] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=I] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=J] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=K] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=L] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=M] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=N] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=O] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=P] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-s^=Q] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=C] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=D] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=E] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=F] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=G] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=H] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=I] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=J] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=K] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=L] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=M] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=N] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=O] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=P] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] [data-span-ms^=Q] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="1"] > .grid-hero-plan-tile:not([data-span-lms]):not([data-span-s]):not([data-span-ms]) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] {
    --gh-columns: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    --gh-col: var(--gh-col-lms, var(--gh-col-m, var(--gh-col-lm, var(--gh-col-ms))));
    --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-m, var(--gh-row-n-lm, var(--gh-row-n-ms))));
    --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-m, var(--gh-end-c-lm, var(--gh-end-c-ms))));
    --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-m, var(--gh-end-r-lm, var(--gh-end-r-ms))));
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=C] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=D] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=E] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=F] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=G] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=H] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=I] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=J] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=K] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=L] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=M] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=N] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=O] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=P] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lms^=Q] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=C] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=D] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=E] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=F] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=G] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=H] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=I] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=J] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=K] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=L] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=M] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=N] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=O] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=P] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-m^=Q] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=C] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=D] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=E] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=F] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=G] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=H] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=I] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=J] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=K] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=L] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=M] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=N] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=O] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=P] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-lm^=Q] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=B] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=C] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=D] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=E] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=F] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=G] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=H] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=I] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=J] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=K] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=L] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=M] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=N] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=O] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=P] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] [data-span-ms^=Q] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="2"] > .grid-hero-plan-tile:not([data-span-lms]):not([data-span-m]):not([data-span-lm]):not([data-span-ms]) {
    display: none;
  }
  .grid-hero-plan[data-tier="3"] {
    --gh-columns: 17;
  }
  .grid-hero-plan-grid[data-tier="3"] :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
    --gh-col: var(--gh-col-lms, var(--gh-col-l, var(--gh-col-lm)));
    --gh-row-n: var(--gh-row-n-lms, var(--gh-row-n-l, var(--gh-row-n-lm)));
    --gh-end-c: var(--gh-end-c-lms, var(--gh-end-c-l, var(--gh-end-c-lm)));
    --gh-end-r: var(--gh-end-r-lms, var(--gh-end-r-l, var(--gh-end-r-lm)));
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=B] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=C] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=D] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=E] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=F] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=G] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=H] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=I] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=J] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=K] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=L] {
    --gh-anchor: 12;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=M] {
    --gh-anchor: 13;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=N] {
    --gh-anchor: 14;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=O] {
    --gh-anchor: 15;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=P] {
    --gh-anchor: 16;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lms^=Q] {
    --gh-anchor: 17;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=B] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=C] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=D] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=E] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=F] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=G] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=H] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=I] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=J] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=K] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=L] {
    --gh-anchor: 12;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=M] {
    --gh-anchor: 13;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=N] {
    --gh-anchor: 14;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=O] {
    --gh-anchor: 15;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=P] {
    --gh-anchor: 16;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-l^=Q] {
    --gh-anchor: 17;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=A] {
    --gh-anchor: 1;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=B] {
    --gh-anchor: 2;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=C] {
    --gh-anchor: 3;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=D] {
    --gh-anchor: 4;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=E] {
    --gh-anchor: 5;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=F] {
    --gh-anchor: 6;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=G] {
    --gh-anchor: 7;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=H] {
    --gh-anchor: 8;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=I] {
    --gh-anchor: 9;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=J] {
    --gh-anchor: 10;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=K] {
    --gh-anchor: 11;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=L] {
    --gh-anchor: 12;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=M] {
    --gh-anchor: 13;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=N] {
    --gh-anchor: 14;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=O] {
    --gh-anchor: 15;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=P] {
    --gh-anchor: 16;
  }
  .grid-hero-plan-grid[data-tier="3"] [data-span-lm^=Q] {
    --gh-anchor: 17;
  }
  .grid-hero-plan-grid[data-tier="3"] > .grid-hero-plan-tile:not([data-span-lms]):not([data-span-l]):not([data-span-lm]) {
    display: none;
  }
  .grid-hero-plan-tile {
    place-self: center;
    pointer-events: auto;
    min-inline-size: 0;
    min-block-size: 0;
  }
  .grid-hero-plan-tile[data-fill] {
    place-self: stretch;
    inline-size: 100%;
    block-size: 100%;
  }
  .grid-hero-plan-tile[data-fill=block] {
    align-self: stretch;
    justify-self: center;
    inline-size: auto;
    block-size: 100%;
  }
  .grid-hero-plan-tile[data-fill=inline] {
    align-self: center;
    justify-self: stretch;
    inline-size: 100%;
    block-size: auto;
  }
  .grid-hero-plan-tile[data-align=start]:not([data-fill=""]):not([data-fill=inline]) {
    justify-self: start;
  }
  .grid-hero-plan-tile[data-align=end]:not([data-fill=""]):not([data-fill=inline]) {
    justify-self: end;
  }
  .grid-hero-plan-tile.grid-hero-plan-tile {
    background-color: transparent;
  }
  .grid-hero-problems {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    margin-block-start: 12px;
    margin-inline: 0;
    padding-inline-start: 20px;
    z-index: 6;
    font-family: var(--ct-ref-typeface-plain, sans-serif);
    font-size: 12px;
    line-height: 1.5;
    color: var(--ct-sys-color-error, #b3261e);
  }
  .grid-hero-problems > li {
    margin-block: 2px;
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+2) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+3) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+9) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="2"] > i:nth-child(11n+10) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+2) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+3) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+4) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+5) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+6) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+12) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+13) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+14) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+15) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-plan-grid[data-tier="3"] > i:nth-child(17n+16) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+2) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+3) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+4) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+5) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+6) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+12) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+13) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+14) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+15) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cells > i:nth-child(17n+16) {
    background-image: repeating-linear-gradient(45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--gh-ink) 30%, transparent) 0 1px, transparent 1px 7px);
  }
  .grid-hero-overlay-cols > b:nth-child(2),
  .grid-hero-plan-cols > b:nth-child(2) {
    opacity: 0.35;
  }
  .grid-hero-overlay-cols > b:nth-child(3),
  .grid-hero-plan-cols > b:nth-child(3) {
    opacity: 0.6;
  }
  .grid-hero-overlay-cols > b:nth-child(4),
  .grid-hero-plan-cols > b:nth-child(4) {
    opacity: 0.35;
  }
  .grid-hero-overlay-cols > b:nth-child(5),
  .grid-hero-plan-cols > b:nth-child(5) {
    opacity: 0.6;
  }
  .grid-hero-overlay-cols > b:nth-child(6),
  .grid-hero-plan-cols > b:nth-child(6) {
    opacity: 0.35;
  }
  .grid-hero-overlay-cols > b:nth-child(12),
  .grid-hero-plan-cols > b:nth-child(12) {
    opacity: 0.35;
  }
  .grid-hero-overlay-cols > b:nth-child(13),
  .grid-hero-plan-cols > b:nth-child(13) {
    opacity: 0.6;
  }
  .grid-hero-overlay-cols > b:nth-child(14),
  .grid-hero-plan-cols > b:nth-child(14) {
    opacity: 0.35;
  }
  .grid-hero-overlay-cols > b:nth-child(15),
  .grid-hero-plan-cols > b:nth-child(15) {
    opacity: 0.6;
  }
  .grid-hero-overlay-cols > b:nth-child(16),
  .grid-hero-plan-cols > b:nth-child(16) {
    opacity: 0.35;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(2) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(3) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(4) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(5) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(6) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(12) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(13) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(14) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(15) {
    display: none;
  }
  .grid-hero-plan[data-tier="1"] .grid-hero-plan-cols > b:nth-child(16) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] .grid-hero-plan-cols > b:nth-child(2) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] .grid-hero-plan-cols > b:nth-child(4) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] .grid-hero-plan-cols > b:nth-child(6) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] .grid-hero-plan-cols > b:nth-child(12) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] .grid-hero-plan-cols > b:nth-child(14) {
    display: none;
  }
  .grid-hero-plan[data-tier="2"] .grid-hero-plan-cols > b:nth-child(16) {
    display: none;
  }
  .grid-hero-switch {
    position: absolute;
    inset-block-end: 100%;
    inset-inline-start: 0;
    margin-block-end: 16px;
    z-index: 6;
    display: flex;
    align-items: center;
  }
  .grid-hero-motion {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    z-index: 6;
    display: flex;
    align-items: center;
  }
  cws-grid-hero > cws-value-link,
  cws-grid-hero > cws-slideshow,
  cws-grid-hero > cws-pulse,
  cws-grid-hero > cws-calm,
  cws-grid-hero > cws-pendulum,
  cws-grid-hero > cws-direction-flip {
    display: none;
  }
  .grid-hero-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 5;
    font-family: var(--ct-ref-typeface-plain, sans-serif);
  }
  .grid-hero-overlay {
    inset: var(--gh-gap);
    inline-size: calc(var(--gh-columns) * 49px - 5px);
    block-size: calc(var(--gh-rows) * 49px - 5px);
  }
  .grid-hero-overlay-cells {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-rows: repeat(var(--gh-rows), var(--gh-cell));
    grid-template-columns: repeat(var(--gh-columns), var(--gh-cell));
    grid-auto-flow: row;
    gap: var(--gh-gap);
    grid-auto-rows: 0;
    overflow: clip;
  }
  .grid-hero-overlay-cells > i {
    outline: 1px solid color-mix(in srgb, var(--gh-ink) 22%, transparent);
    outline-offset: -1px;
  }
  .grid-hero-overlay-cols,
  .grid-hero-overlay-rows {
    position: absolute;
    display: grid;
    gap: var(--gh-gap);
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.08em;
    color: color-mix(in srgb, var(--ct-sys-color-primary) 70%, transparent);
  }
  .grid-hero-overlay-cols {
    inset-block-start: -13px;
    inset-inline: 0;
    grid-template-columns: repeat(var(--gh-columns), var(--gh-cell));
    gap: var(--gh-gap);
    grid-auto-flow: column;
    grid-auto-columns: 0;
    overflow: clip;
  }
  .grid-hero-overlay-cols > b {
    min-inline-size: 0;
    overflow: clip;
  }
  .grid-hero-overlay-cols > b {
    display: grid;
    place-items: center;
    font-weight: 500;
  }
  .grid-hero-overlay-rows {
    inset-block: 0;
    inset-inline-start: -15px;
    grid-template-rows: repeat(var(--gh-rows), var(--gh-cell));
  }
  .grid-hero-overlay-rows > b {
    display: grid;
    place-items: center;
    font-weight: 500;
  }
  .grid-hero-anchor-image {
    display: block;
    inline-size: 100%;
    aspect-ratio: var(--gh-aspect);
    object-fit: cover;
  }
  .coulis-teaser-panel {
    max-inline-size: min(19rem, 100vw - 2rem);
    min-block-size: min(240px, 100vh - 2rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 40px 28px 28px;
    background-image: linear-gradient(to bottom, rgba(130, 114, 95, 0.3) 0%, rgba(96, 84, 70, 0.8) 55%, rgba(70, 61, 51, 0.94) 100%), url("/blog-entries/2026-10-20-0-introducing-chameleon/images/mussels-with-cider-and-mustard-800.webp");
    background-size: cover;
    background-position: center;
    color: #fff;
  }
  .coulis-teaser-title {
    margin: 0;
    font-family: var(--ct-ref-typeface-brand);
    font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
    line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
    font-weight: 400;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
  }
  .coulis-teaser-body {
    margin: 0;
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
  }
  .coulis-teaser-flag {
    margin: 0;
    font-family: var(--ct-ref-typeface-plain);
    font-size: var(--ct-sys-typescale-label-medium-size, 0.75rem);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.85;
  }
  .grid-hero-anchor-word {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-family: Fraunces, Georgia, serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-size: 34px;
    letter-spacing: -0.01em;
    color: #fff;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.55);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.42));
    padding-block-end: 64px;
  }
}
:is(.tier-content, .section-inner):has(> cws-grid-hero[overlay]:where(:not([grid-off]))) {
  overflow-x: auto;
  padding-inline: 18px;
  margin-inline: -18px;
}

cws-grid-hero :is(.theme-light, .theme-dark) {
  background-color: transparent;
}

cws-grid-hero cw-filter-chip-set cw-filter-chip {
  --ct-filter-chip-with-leading-icon-leading-space: calc(8px - var(--cui-chip-trim, 0px));
  --ct-filter-chip-icon-label-space: calc(8px - var(--cui-chip-trim, 0px));
  --ct-filter-chip-trailing-space: calc(16px - var(--cui-chip-trim, 0px));
}

cws-grid-hero cw-filter-chip-set[dir=rtl] {
  --cui-chip-trim: 1px;
}

cws-grid-hero cw-filter-chip-set[dir=ltr] {
  --cui-chip-trim: 3px;
}

cws-grid-hero cw-filter-chip-set[dir=rtl] cw-filter-chip [lang=es],
cws-grid-hero cw-filter-chip-set[dir=ltr] cw-filter-chip [lang=ar] {
  display: none;
}

cws-grid-hero > div:is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) {
  position: relative;
}
cws-grid-hero > div:is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) > * {
  width: 100%;
  height: 100%;
}
cws-grid-hero > div:is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]) > [data-overlay] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  --cui-logo-height: 30%;
}

cw-popover.grid-hero-coulis {
  --ct-card-outlined-outline-width: 0;
  --ct-popover-outline-width: 0;
}

@layer page {
  @media (orientation: landscape) and (max-height: 860px) {
    .doc-page > cws-grid-hero {
      margin-block-end: 16px;
    }
  }
  @media (orientation: landscape) and (max-height: 800px) {
    .doc-page > cws-grid-hero {
      transform: scale(0.85);
      transform-origin: top left;
      margin-block-end: calc(-52.2px + 16px);
    }
    .doc-page > cws-grid-hero:dir(rtl) {
      transform-origin: top right;
    }
  }
  @media (orientation: landscape) and (max-height: 700px) {
    .doc-page > cws-grid-hero {
      transform: scale(0.7);
      transform-origin: top left;
      margin-block-end: calc(-104.4px + 16px);
    }
    .doc-page > cws-grid-hero:dir(rtl) {
      transform-origin: top right;
    }
  }
  cws-grid-hero .grid-hero-raised {
    z-index: 1;
  }
}
@layer page {
  @layer hero;
  @layer hero {
    .hero {
      background-color: var(--ct-sys-color-background, #fef7fe);
      position: relative;
      overflow: hidden;
      min-height: 100dvh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 24px;
      view-timeline-name: --hero;
      view-timeline-axis: block;
    }
    .hero > * {
      display: block;
      position: relative;
      z-index: 1;
      flex-grow: 1;
      width: 100%;
      isolation: isolate;
    }
    @media (min-width: 768px) {
      .hero {
        padding-inline: 40px;
        gap: 32px;
      }
    }
    @media (min-width: 1024px) {
      .hero {
        padding-inline: 80px;
        gap: 40px;
      }
    }
  }
}
@layer page {
  .post-demo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-block: 40px;
    padding: 24px;
    border: 1px solid var(--ct-sys-color-outline-variant);
    border-radius: 12px;
    background-color: var(--ct-sys-color-surface);
  }
  .post-demo-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
  .post-demo-caption {
    max-inline-size: 38rem;
    margin-block: 0;
    margin-inline: auto;
    color: var(--ct-sys-color-on-surface-variant);
    text-align: center;
    text-wrap: pretty;
  }
  @media (max-width: 767px) {
    .post-demo {
      padding: 16px;
      border-inline: 0;
      border-radius: 0;
    }
  }
}
@layer page {
  body:has(cws-post-meta) .band > .section-inner.page-body:not(.band-split, .statement) {
    grid-template-columns: [content-start] minmax(0, 1fr) [text-start] minmax(0, 38rem) [text-end] minmax(0, 1fr) [content-end];
    max-inline-size: min(838px, 100%);
  }
  body:has(cws-post-meta) .band > .section-inner.page-body:not(.band-split, .statement) > h2:first-child {
    grid-column: text;
    position: static;
  }
  .post-offer,
  .post-close {
    --flow-space: 40px;
    container-type: inline-size;
  }
  .post-offer + *,
  .post-close + * {
    --flow-space: 40px;
  }
  .post-offer {
    display: grid;
    gap: 40px;
  }
  .post-offer .tiers-card {
    display: block;
    justify-self: center;
    inline-size: 100%;
  }
  @container (width >= 720px) {
    .post-offer .tiers-card {
      inline-size: 50%;
    }
  }
  .post-offer-ladder .discount-step {
    flex: 1 1 0;
    min-inline-size: max-content;
  }
  .post-offer-ladder {
    display: grid;
    gap: 12px;
    min-inline-size: 0;
  }
  .post-offer-ladder > p {
    margin: 0;
  }
  .post-offer-note {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .post-close {
    display: grid;
    gap: 16px;
  }
  @media (min-width: 768px) {
    .post-close {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .post-close-card {
    --ct-card-container-radius: 24px;
  }
  .post-close-body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    block-size: 100%;
    box-sizing: border-box;
    padding: 24px;
  }
  .post-close-body > .card-top {
    margin-block-end: 16px;
  }
  .post-close-icon {
    color: var(--ct-sys-color-primary);
    --ct-icon-size: 32px;
  }
  .post-close-title {
    color: var(--ct-sys-color-on-surface);
    font-size: var(--ct-sys-typescale-title-large-size);
    line-height: var(--ct-sys-typescale-title-large-line-height);
    font-weight: var(--ct-sys-typescale-title-large-weight);
  }
  .post-close-line {
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-body-medium-size);
    line-height: var(--ct-sys-typescale-body-medium-line-height);
  }
  .post-close-card.post-close-buy {
    --cws-tiers-ground: light-dark(var(--ct-sys-color-primary), var(--ct-sys-color-primary-container));
    --cws-tiers-ink: light-dark(var(--ct-sys-color-on-primary), var(--ct-sys-color-on-primary-container));
    --ct-card-elevated-container-color: var(--cws-tiers-ground);
  }
  .post-close-card.post-close-buy :is(.post-close-icon, .post-close-title, .post-close-line, .card-arrow) {
    color: var(--cws-tiers-ink);
  }
  .post-close-buy .card-top > .tier-discount {
    margin-inline: auto 8px;
  }
}
@layer page {
  cws-framework-marquee {
    display: block;
  }
  .band .section-inner p:has(> cws-framework-marquee) {
    max-inline-size: none;
  }
  h1.framework-marquee-line {
    inline-size: 100%;
    max-inline-size: none;
  }
  .framework-marquee-lead {
    font-family: var(--cui-marquee-title-font, Ubuntu, Noto Sans, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif);
    font-weight: var(--cui-marquee-title-weight, 700);
    letter-spacing: var(--cui-marquee-title-tracking, -0.01em);
  }
  .framework-marquee-slot {
    position: relative;
    display: inline-block;
    inline-size: var(--framework-marquee-width, 8ch);
    vertical-align: baseline;
    font-family: var(--cui-marquee-name-font, Ubuntu Mono, Noto Sans Mono, monospace);
    font-size: var(--cui-marquee-name-scale, 1.12em);
    font-weight: var(--cui-marquee-name-weight, 700);
    line-height: inherit;
    color: var(--cui-marquee-color-default, var(--ct-sys-color-primary));
    text-align: start;
    white-space: nowrap;
    min-block-size: 1lh;
  }
  .framework-marquee-slot::before {
    content: "​";
  }
  .framework-marquee-word {
    display: inline-block;
  }
  .framework-marquee-word[data-framework=web] {
    color: var(--cui-marquee-color-web, var(--cui-marquee-hue-web, var(--ct-sys-color-primary)));
  }
  .framework-marquee-word[data-framework=react] {
    color: var(--cui-marquee-color-react, var(--cui-marquee-hue-react, var(--ct-sys-color-error)));
  }
  .framework-marquee-word[data-framework=blazor] {
    color: var(--cui-marquee-color-blazor, var(--cui-marquee-hue-blazor, var(--ct-sys-color-secondary)));
  }
  .framework-marquee-word[data-framework=angular] {
    color: var(--cui-marquee-color-angular, var(--cui-marquee-hue-angular, var(--ct-sys-color-success)));
  }
  .framework-marquee-word[data-framework=vue] {
    color: var(--cui-marquee-color-vue, var(--cui-marquee-hue-vue, var(--ct-sys-color-warning)));
  }
  .framework-marquee-word[data-framework=svelte] {
    color: var(--cui-marquee-color-svelte, var(--cui-marquee-hue-svelte, var(--ct-sys-color-error-dim)));
  }
  .framework-marquee-slot.is-typewriter .framework-marquee-word.is-incoming::after {
    content: "";
    display: inline-block;
    inline-size: 0.08em;
    block-size: 1em;
    margin-inline-start: 0.06em;
    vertical-align: text-bottom;
    background-color: currentcolor;
    animation: framework-marquee-caret 900ms steps(2, jump-none) infinite;
  }
  @keyframes framework-marquee-caret {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .framework-marquee-slot.is-scramble {
    color: var(--ct-sys-color-primary);
  }
  .framework-marquee-viewport {
    display: contents;
  }
  .framework-marquee-slot.is-slide .framework-marquee-viewport {
    display: block;
    position: absolute;
    inset-block: -0.18em;
    inset-inline: 0;
    overflow: clip;
  }
  .framework-marquee-slot.is-slide .framework-marquee-word {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0.18em;
  }
  .framework-marquee-slot.is-slide .framework-marquee-word.is-outgoing {
    animation: framework-marquee-leave 168ms var(--ct-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.2)) forwards;
  }
  .framework-marquee-slot.is-slide .framework-marquee-word.is-incoming {
    animation: framework-marquee-arrive 364ms var(--framework-marquee-spring, cubic-bezier(0.34, 1.56, 0.64, 1)) 224ms backwards;
  }
  @keyframes framework-marquee-leave {
    to {
      transform: translateY(1.3em);
    }
  }
  @keyframes framework-marquee-arrive {
    from {
      transform: translateY(-1.3em);
    }
    to {
      transform: translateY(0);
    }
  }
  :has(> .framework-marquee-holder) {
    container-type: inline-size;
    container-name: grid-hero-outer;
  }
  .framework-marquee-holder {
    box-sizing: border-box;
    inline-size: 348px;
    margin-inline: auto;
  }
  @container grid-hero-outer (width >= 544px) {
    .framework-marquee-holder {
      inline-size: 544px;
    }
  }
  @container grid-hero-outer (width >= 838px) {
    .framework-marquee-holder {
      inline-size: 838px;
    }
  }
  .framework-marquee-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
    margin-block: 0;
    padding-inline-start: 0;
    list-style: none;
  }
  .framework-pill {
    display: inline-flex;
    flex-shrink: 0;
  }
  .framework-pill cw-card {
    --ct-card-corner-shape: squircle;
    --ct-card-filled-container-elevation: 0;
    --ct-card-start-start-radius: 13px;
    --ct-card-start-end-radius: 13px;
    --ct-card-end-start-radius: 13px;
    --ct-card-end-end-radius: 13px;
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    font-family: "Ubuntu Mono", "Noto Sans Mono", monospace;
    font-size: var(--ct-sys-typescale-label-small-size, 0.6875rem);
    font-weight: 600;
    line-height: 1.6;
  }
  .framework-pill-name {
    padding-block: 4px;
    padding-inline: 11px;
  }
  .framework-pill.is-shipping cw-card {
    --ct-card-filled-container-color: var(--ct-sys-color-success);
    color: var(--ct-sys-color-on-success);
  }
  .framework-pill.is-soon cw-card {
    --ct-card-filled-container-color: var(--ct-sys-color-error);
    color: var(--ct-sys-color-on-error);
  }
  @container grid-hero-outer (width < 544px) {
    .framework-marquee-pills {
      gap: 4px;
    }
    .framework-pill-name {
      padding-inline: 8px;
    }
  }
  .framework-pill-break {
    display: none;
  }
  .framework-pill-legend {
    margin-inline-start: auto;
    align-self: center;
    font-family: "Ubuntu Mono", "Noto Sans Mono", monospace;
    font-size: var(--ct-sys-typescale-label-small-size, 0.6875rem);
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    color: var(--ct-sys-color-error);
    opacity: 0.8;
  }
  @media (prefers-reduced-motion: reduce) {
    .framework-marquee-slot.is-slide .framework-marquee-word,
    .framework-marquee-slot.is-typewriter .framework-marquee-word.is-incoming::after {
      animation: none;
    }
  }
}
@layer page {
  section.band:has(cws-framework-marquee) {
    padding-block: 20px;
  }
  @media (min-width: 768px) {
    section.band:has(cws-framework-marquee) {
      padding-block: 28px;
    }
  }
  .framework-marquee-pills {
    margin-block-start: 4px;
  }
}
h1.framework-marquee-line.framework-marquee-line {
  display: block;
  margin-block: 0 8px;
  font-size: clamp(1.55rem, 6.8vw, var(--ct-sys-typescale-display-small-size, 2.25rem));
  line-height: 1.12;
  color: var(--ct-sys-color-on-surface);
  text-wrap: balance;
}

.launch-masthead {
  display: block;
}

.launch-masthead cws-grid-hero:not([overlay]) {
  margin-block-end: 0;
}

.launch-masthead > .band:first-child {
  padding-block-start: var(--cws-page-lead);
}

.launch-masthead > .masthead-hero {
  padding-block: calc(16px - 8px) 0;
}
@media (min-width: 1024px) {
  .launch-masthead > .masthead-hero {
    padding-block: calc(24px - 8px) 0;
  }
}

.launch-masthead + .band {
  padding-block-start: 24px;
}
@media (min-width: 1024px) {
  .launch-masthead + .band {
    padding-block-start: 32px;
  }
}

@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(348px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 348px;
    margin-inline-end: calc(348px * (var(--_hero-scale, 1) - 1));
  }
  .launch-masthead {
    --_hero-scale: 1;
    display: grid;
    align-items: center;
    max-block-size: calc(var(--cws-below-nav-block-size) - 96px);
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 480px) {
  .launch-masthead {
    --_hero-scale: 0.79;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 410px) {
  .launch-masthead {
    --_hero-scale: 0.68;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 375px) {
  .launch-masthead {
    --_hero-scale: 0.6;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead > .band,
  .launch-masthead > .band:first-child,
  .launch-masthead > .masthead-hero {
    --band-pad-inline: 16px;
    padding-block: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .launch-masthead cws-grid-hero:not([overlay]) {
    margin-block: 0;
    transform: scale(var(--_hero-scale, 1));
    transform-origin: top left;
  }
  .launch-masthead .masthead-hero .tier-content {
    block-size: calc(348px * var(--_hero-scale, 1));
  }
  .launch-masthead .framework-marquee-holder {
    inline-size: 100%;
    max-inline-size: 100%;
    container-type: inline-size;
    container-name: framework-marquee-lockup;
  }
  .launch-masthead > .band-counter {
    container-type: inline-size;
    container-name: marquee-panel;
    padding-inline: 0;
  }
  .launch-masthead > .band-counter > .section-inner {
    padding-inline: 16px;
  }
  @container marquee-panel (min-width: 440px) {
    .launch-masthead > .band-counter > .section-inner {
      padding-inline: 36px;
    }
  }
  @container marquee-panel (min-width: 520px) {
    .launch-masthead > .band-counter > .section-inner {
      padding-inline: 60px;
    }
  }
  .launch-masthead .framework-marquee-pills {
    margin-block-start: 56px;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (min-width: 956px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(544px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 544px;
    margin-inline-end: calc(544px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (min-width: 1250px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(838px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 838px;
    margin-inline-end: calc(838px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 480px) and (min-width: 761.96px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(544px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 544px;
    margin-inline-end: calc(544px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 480px) and (min-width: 994.22px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(838px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 838px;
    margin-inline-end: calc(838px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 410px) and (min-width: 701.92px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(544px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 544px;
    margin-inline-end: calc(544px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 410px) and (min-width: 901.84px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(838px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 838px;
    margin-inline-end: calc(838px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 375px) and (min-width: 658.4px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(544px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 544px;
    margin-inline-end: calc(544px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 375px) and (min-width: 834.8px) {
  .launch-masthead {
    grid-template-columns: minmax(0, 1fr) calc(838px * var(--_hero-scale, 1) + 32px);
  }
  .launch-masthead .masthead-hero .tier-content {
    inline-size: 838px;
    margin-inline-end: calc(838px * (var(--_hero-scale, 1) - 1));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (min-height: 700px) {
  .launch-masthead {
    margin-block-start: 24px;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead h1.framework-marquee-line.framework-marquee-line {
    font-size: clamp(1.55rem, 7.6cqi, var(--ct-sys-typescale-display-small-size, 2.25rem));
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead .framework-marquee-pills {
    justify-content: flex-end;
  }
  .launch-masthead .framework-pill-break {
    display: block;
    flex-basis: 100%;
    block-size: 0;
    margin: 0;
  }
  .launch-masthead .framework-pill-legend {
    margin-inline-start: 0;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead + .band {
    padding-block-start: 20px;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead .grid-hero-motion {
    transform: scale(calc(1 / var(--_hero-scale, 1)));
    transform-origin: bottom right;
  }
}
.launch-masthead.launch-masthead-main > .masthead-hero {
  --cws-main-hero-fit: viewport;
  padding-block: 24px;
}

.launch-masthead-main .main-hero .section-inner > p {
  grid-column: content;
  margin: 0;
}

.launch-masthead-main .main-hero-panel {
  max-inline-size: 520px;
  margin-inline: auto;
}

.launch-masthead-main .masthead-lockup {
  display: grid;
  grid-template-columns: max-content;
  justify-content: center;
  row-gap: 16px;
}

.launch-masthead-main .sales-button {
  --ct-button-outlined-outline-color: var(--ct-sys-color-outline);
  --ct-button-outlined-label-text-color: var(--ct-sys-color-on-secondary-container);
  justify-self: start;
}

@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .masthead-lockup > *,
  .launch-masthead-main .masthead-lockup .sales-button {
    grid-area: 1/1;
  }
  .launch-masthead-main .sales-button {
    justify-self: end;
    align-self: start;
  }
}
@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) {
  .launch-masthead.launch-masthead-main {
    grid-template-columns: minmax(300px, 2fr) minmax(0, 3fr);
    max-block-size: none;
    margin-block-start: 0;
  }
  .launch-masthead.launch-masthead-main > .band-counter,
  .launch-masthead.launch-masthead-main > .masthead-hero {
    align-self: start;
    block-size: var(--cws-below-nav-block-size);
  }
  .launch-masthead.launch-masthead-main > .masthead-hero {
    --cws-main-hero-fit: band;
    justify-content: center;
    padding-block: 16px;
  }
  .launch-masthead.launch-masthead-main > .band-counter > .section-inner,
  .launch-masthead-main .band-counter .tier-content {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .launch-masthead-main .masthead-lockup {
    display: flex;
    flex: 1;
    flex-direction: column;
    row-gap: 0;
  }
  .launch-masthead-main .masthead-lockup::before,
  .launch-masthead-main .masthead-lockup::after {
    content: "";
    flex: 1 1 0;
  }
  .launch-masthead-main .masthead-lockup > .framework-marquee-holder {
    display: flex;
    flex: 2 0 auto;
    flex-direction: column;
    justify-content: space-between;
  }
  .launch-masthead-main .masthead-lockup > .framework-marquee-holder::after {
    content: "";
  }
  .launch-masthead-main .framework-marquee-holder > cws-framework-marquee {
    display: contents;
  }
  .launch-masthead-main .framework-marquee-holder .framework-marquee-line,
  .launch-masthead-main .framework-marquee-holder .framework-marquee-pills {
    margin-block: 0;
  }
  .launch-masthead-main .masthead-lockup .sales-button {
    align-self: start;
  }
  .launch-masthead-main .masthead-lockup:not(:has(.sales-button)) > .framework-marquee-holder {
    flex-grow: 1;
  }
  .launch-masthead-main .masthead-lockup:not(:has(.sales-button)) > .framework-marquee-holder::after {
    content: none;
  }
}
.launch-masthead-main > .masthead-hero {
  container: grid-hero-outer/inline-size;
}

@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .main-hero .section-inner > p:not(.hero-caption) {
    grid-row: 1;
    justify-self: start;
    inline-size: 520px;
    margin-inline-start: calc((100% - 838px) / 2);
  }
}
.launch-masthead-main .main-hero .section-inner > .hero-caption {
  position: relative;
  z-index: 1;
  justify-self: center;
  inline-size: 100%;
  max-inline-size: 520px;
  margin-block-start: 16px;
  --ct-card-container-radius: var(--ct-sys-corner-radius-extra-large-increased, 32px);
  --ct-card-elevated-container-color: var(--ct-sys-color-surface-container-lowest);
}
@media (orientation: landscape) {
  .launch-masthead-main .main-hero .section-inner > .hero-caption {
    inline-size: auto;
    max-inline-size: 100%;
  }
}
@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .main-hero .section-inner > .hero-caption {
    inline-size: 100%;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    max-inline-size: calc(838px - 520px - 24px);
    margin-block-start: 0;
    margin-inline-end: calc((100% - 838px) / 2);
  }
}

.launch-masthead-main .hero-caption-body {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 16px 20px;
  color: var(--ct-sys-color-on-surface);
  line-height: 1.3;
}
@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .hero-caption-body {
    justify-items: start;
    gap: 12px;
    padding: 24px 20px;
  }
}

.launch-masthead-main .hero-caption-lead {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
}
@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .hero-caption-lead {
    font-size: 1.5rem;
  }
}

.launch-masthead-main .hero-caption-items {
  display: grid;
  gap: 8px 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (orientation: landscape) {
  .launch-masthead-main .hero-caption-items {
    grid-auto-flow: column;
  }
}
@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .hero-caption-items {
    grid-auto-flow: row;
    gap: 10px;
  }
}
.launch-masthead-main .hero-caption-items > li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ct-sys-color-on-surface-variant);
  font-size: 1rem;
  line-height: 1.3;
}
@container grid-hero-outer (width >= 838px) {
  .launch-masthead-main .hero-caption-items > li {
    font-size: 0.9375rem;
  }
}
.launch-masthead-main .hero-caption-items cw-icon {
  flex: none;
  color: var(--ct-sys-color-primary);
  --ct-icon-size: 22px;
}

@media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 479px) {
  .launch-masthead-main .main-hero .section-inner > .hero-caption {
    display: none;
  }
}
.launch-masthead.launch-masthead-main + .band {
  padding-block-start: 40px;
}
@media (min-width: 768px) {
  .launch-masthead.launch-masthead-main + .band {
    padding-block-start: 48px;
  }
}
@media (min-width: 1024px) {
  .launch-masthead.launch-masthead-main + .band {
    padding-block-start: 64px;
  }
}

[data-slideshow] {
  transition: opacity var(--cui-slideshow-fade-in-duration, 400ms) var(--cui-slideshow-fade-in-easing, var(--ct-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.1, 0.7, 0.1, 1))) var(--cui-slideshow-fade-out-duration, 200ms), visibility 0s linear 0s;
}

[data-slideshow][data-slideshow-hidden] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--cui-slideshow-fade-out-duration, 200ms) var(--cui-slideshow-fade-out-easing, var(--ct-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.2))) 0s, visibility 0s linear var(--cui-slideshow-fade-out-duration, 200ms);
}

@media (prefers-reduced-motion: reduce) {
  [data-slideshow],
  [data-slideshow][data-slideshow-hidden] {
    transition: none;
  }
}
[data-pendulum] {
  rotate: var(--cui-pendulum-angle, 0deg);
  transform-origin: center;
}

@layer page {
  cws-alert-card {
    display: block;
    margin-block: 16px 24px;
  }
  .alert-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
  }
  .alert-card-icon {
    flex: none;
    margin-block-start: 2px;
  }
  .alert-card-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-inline-size: 0;
  }
  .alert-card-title {
    margin-block: 0;
  }
  .alert-card-body > :first-child {
    margin-block-start: 0;
  }
  .alert-card-body > :last-child {
    margin-block-end: 0;
  }
  cws-alert-card[kind=note] {
    --ct-card-filled-container-color: var(--ct-sys-color-information-container);
    color: var(--ct-sys-color-on-information-container);
  }
  cws-alert-card[kind=tip] {
    --ct-card-filled-container-color: var(--ct-sys-color-success-container);
    color: var(--ct-sys-color-on-success-container);
  }
  cws-alert-card[kind=important] {
    --ct-card-filled-container-color: var(--ct-sys-color-primary-container);
    color: var(--ct-sys-color-on-primary-container);
  }
  cws-alert-card[kind=warning] {
    --ct-card-filled-container-color: var(--ct-sys-color-warning-container);
    color: var(--ct-sys-color-on-warning-container);
  }
  cws-alert-card[kind=caution] {
    --ct-card-filled-container-color: var(--ct-sys-color-error-container);
    color: var(--ct-sys-color-on-error-container);
  }
}
@layer page {
  cws-code-block {
    display: block;
    max-inline-size: 100%;
    margin-block: 0 24px;
  }
  .code-block-card {
    --ct-card-filled-container-color: var(--ct-sys-color-surface-container);
    color: var(--ct-sys-color-on-surface);
  }
  .code-block-card pre {
    margin: 0;
    padding: 16px;
    padding-inline-end: 8px;
    min-inline-size: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    background: none;
  }
  .code-block-card code {
    display: block;
    white-space: pre;
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
  }
  .code-block-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
  .code-block-copy {
    margin: 4px;
  }
  cws-copy-snippet {
    display: inline-flex;
    max-inline-size: 100%;
    min-inline-size: 0;
  }
  cws-copy-snippet .code-block-card {
    min-inline-size: 0;
  }
}
:is(.status-complete, .status-progress, .status-none, .status-yes, .status-no),
cw-data-table::part(status-complete),
cw-data-table::part(status-progress),
cw-data-table::part(status-none),
cw-data-table::part(status-yes),
cw-data-table::part(status-no) {
  --ct-icon-size: 1.15em;
  vertical-align: middle;
  flex-shrink: 0;
}

.status-complete,
.status-yes,
cw-data-table::part(status-complete),
cw-data-table::part(status-yes) {
  color: var(--ct-sys-color-success);
}

.status-progress,
cw-data-table::part(status-progress) {
  color: var(--ct-sys-color-warning);
}

.status-none,
cw-data-table::part(status-none) {
  color: var(--ct-sys-color-on-surface-variant);
}

.status-no,
cw-data-table::part(status-no) {
  color: var(--ct-sys-color-error);
}

@layer page {
  cws-seat-configurator {
    display: contents;
  }
  cw-dialog.seat-configurator__notice,
  cw-dialog.sales-contact__dialog {
    --ct-dialog-basic-max-width: min(35rem, calc(100vw - 32px));
  }
  cw-dialog.seat-configurator__dialog {
    --ct-dialog-basic-width: min(35rem, calc(100vw - 32px));
    --ct-dialog-basic-max-width: min(35rem, calc(100vw - 32px));
  }
  cws-sales-contact {
    display: contents;
  }
  .sales-contact {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-inline-size: 0;
  }
  .sales-contact__lede,
  .sales-contact__sent {
    margin: 0;
    color: var(--ct-sys-color-on-surface);
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-large-tracking, 0.03125rem);
  }
  .sales-contact__failure {
    margin: 0;
    color: var(--ct-sys-color-error);
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-body-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
  }
  .sales-contact__trap {
    position: absolute;
    inset-inline-start: -10000px;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
  }
  .seat-configurator {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    min-inline-size: 0;
  }
  .seat-configurator__seats {
    align-self: flex-start;
    inline-size: 9.25rem;
    min-inline-size: 0;
  }
  .seat-configurator__bands .discount-step {
    flex: 1 1 0;
    min-inline-size: max-content;
  }
  .seat-configurator__summary {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
    color: var(--ct-sys-color-on-surface);
  }
  .seat-configurator__eyebrow {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-title-small-size, 0.875rem);
    line-height: var(--ct-sys-typescale-title-small-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-title-small-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-small-tracking, 0.00625rem);
  }
  .seat-configurator__total {
    margin: 0;
    font-size: var(--ct-sys-typescale-display-small-size, 2.25rem);
    line-height: var(--ct-sys-typescale-display-small-line-height, 2.75rem);
    font-weight: var(--ct-sys-typescale-display-small-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-display-small-tracking, 0rem);
    font-variant-numeric: tabular-nums;
  }
  .seat-configurator__detail,
  .seat-configurator__renewal {
    margin: 0;
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-large-tracking, 0.03125rem);
    font-variant-numeric: tabular-nums;
  }
  .seat-configurator__detail s {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .seat-configurator__gate {
    margin: 0;
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-body-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
  }
  .seat-configurator__manage-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-block: 20px;
    padding-inline: 20px;
    text-align: start;
  }
  .seat-configurator__manage-title {
    color: var(--ct-sys-color-on-surface);
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
  }
  .seat-configurator__manage-body {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-large-tracking, 0.03125rem);
  }
  .seat-configurator__message {
    margin: 0;
    color: var(--ct-sys-color-error);
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-body-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
  }
  .buy-block {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
    align-items: stretch;
  }
  @container (width >= 600px) {
    .buy-block {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width >= 1200px) {
    .buy-block {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .buy-block > cws-withhold {
    display: block;
  }
  .tier-card-link {
    inline-size: 100%;
    block-size: 100%;
    --ct-card-container-radius: var(--ct-sys-corner-radius-extra-large-increased, 32px);
  }
  .tier-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    block-size: 100%;
    box-sizing: border-box;
    padding: 24px;
    color: var(--ct-sys-color-on-surface);
    text-align: start;
  }
  .tier-card p {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-large-tracking, 0.03125rem);
  }
  .tier-card cws-tier-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .tier-card .tier-price {
    color: var(--ct-sys-color-on-surface);
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
  }
  .tier-card .tier-price strong {
    font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
    line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
    font-weight: var(--ct-sys-typescale-headline-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-headline-medium-tracking, 0rem);
    font-variant-numeric: tabular-nums;
  }
  .tier-card .tier-price-list {
    font-variant-numeric: tabular-nums;
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
  }
  .tier-card .tier-price-offer {
    color: var(--ct-sys-color-primary);
    font-size: var(--ct-sys-typescale-label-large-size, 0.875rem);
    line-height: var(--ct-sys-typescale-label-large-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-label-large-tracking, 0.00625rem);
  }
  .tier-card-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-block-size: 5.75rem;
  }
  .tier-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .tier-card-icon {
    color: var(--ct-sys-color-primary);
  }
  .tier-card-name {
    margin: 0;
    font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
    line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
    font-weight: var(--ct-sys-typescale-headline-small-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-headline-small-tracking, 0rem);
  }
  .tier-card-facts {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding-block: 12px 0;
    padding-inline: 22px 0;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-body-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
  }
  .tier-card-facts > .tier-card-key {
    font-weight: 700;
    color: var(--ct-sys-color-on-surface);
  }
  .tier-card-facts > .tier-card-offer:has(> cws-tier-price:empty) {
    display: none;
  }
  .tier-card-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-block-start: auto;
    padding-block-start: 12px;
    color: var(--ct-sys-color-primary);
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
  }
}
@layer page {
  cws-tier-price[view=renewal] {
    display: block;
  }
  .price-bars {
    margin: 0;
  }
  .price-bars-caption {
    margin-block-end: 12px;
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-title-small-size, 0.875rem);
    line-height: var(--ct-sys-typescale-title-small-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-title-small-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-small-tracking, 0.00625rem);
  }
  .price-bars-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .price-bar {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "label value" "track track";
    align-items: center;
    gap: 4px 16px;
  }
  @media (min-width: 768px) {
    .price-bar {
      grid-template-columns: 13rem 1fr 5rem;
      grid-template-areas: "label track value";
    }
  }
  .price-bar-label {
    grid-area: label;
    color: var(--ct-sys-color-on-surface);
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-body-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-large-tracking, 0.03125rem);
  }
  .price-bar-value {
    grid-area: value;
    color: var(--ct-sys-color-on-surface);
    text-align: end;
    font-variant-numeric: tabular-nums;
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
  }
  .price-bar-track {
    grid-area: track;
    display: block;
    block-size: 24px;
  }
  .price-bar-fill {
    display: block;
    block-size: 100%;
    border-radius: 4px;
    background-color: var(--ct-sys-color-outline-variant);
  }
  .price-bar-fill-first-year {
    background-color: var(--ct-sys-color-primary);
  }
  .price-bar-fill-renewal {
    background-color: var(--ct-sys-color-tertiary);
  }
  .price-bar-fill-0 {
    inline-size: 0%;
  }
  .price-bar-fill-1 {
    inline-size: 1%;
  }
  .price-bar-fill-2 {
    inline-size: 2%;
  }
  .price-bar-fill-3 {
    inline-size: 3%;
  }
  .price-bar-fill-4 {
    inline-size: 4%;
  }
  .price-bar-fill-5 {
    inline-size: 5%;
  }
  .price-bar-fill-6 {
    inline-size: 6%;
  }
  .price-bar-fill-7 {
    inline-size: 7%;
  }
  .price-bar-fill-8 {
    inline-size: 8%;
  }
  .price-bar-fill-9 {
    inline-size: 9%;
  }
  .price-bar-fill-10 {
    inline-size: 10%;
  }
  .price-bar-fill-11 {
    inline-size: 11%;
  }
  .price-bar-fill-12 {
    inline-size: 12%;
  }
  .price-bar-fill-13 {
    inline-size: 13%;
  }
  .price-bar-fill-14 {
    inline-size: 14%;
  }
  .price-bar-fill-15 {
    inline-size: 15%;
  }
  .price-bar-fill-16 {
    inline-size: 16%;
  }
  .price-bar-fill-17 {
    inline-size: 17%;
  }
  .price-bar-fill-18 {
    inline-size: 18%;
  }
  .price-bar-fill-19 {
    inline-size: 19%;
  }
  .price-bar-fill-20 {
    inline-size: 20%;
  }
  .price-bar-fill-21 {
    inline-size: 21%;
  }
  .price-bar-fill-22 {
    inline-size: 22%;
  }
  .price-bar-fill-23 {
    inline-size: 23%;
  }
  .price-bar-fill-24 {
    inline-size: 24%;
  }
  .price-bar-fill-25 {
    inline-size: 25%;
  }
  .price-bar-fill-26 {
    inline-size: 26%;
  }
  .price-bar-fill-27 {
    inline-size: 27%;
  }
  .price-bar-fill-28 {
    inline-size: 28%;
  }
  .price-bar-fill-29 {
    inline-size: 29%;
  }
  .price-bar-fill-30 {
    inline-size: 30%;
  }
  .price-bar-fill-31 {
    inline-size: 31%;
  }
  .price-bar-fill-32 {
    inline-size: 32%;
  }
  .price-bar-fill-33 {
    inline-size: 33%;
  }
  .price-bar-fill-34 {
    inline-size: 34%;
  }
  .price-bar-fill-35 {
    inline-size: 35%;
  }
  .price-bar-fill-36 {
    inline-size: 36%;
  }
  .price-bar-fill-37 {
    inline-size: 37%;
  }
  .price-bar-fill-38 {
    inline-size: 38%;
  }
  .price-bar-fill-39 {
    inline-size: 39%;
  }
  .price-bar-fill-40 {
    inline-size: 40%;
  }
  .price-bar-fill-41 {
    inline-size: 41%;
  }
  .price-bar-fill-42 {
    inline-size: 42%;
  }
  .price-bar-fill-43 {
    inline-size: 43%;
  }
  .price-bar-fill-44 {
    inline-size: 44%;
  }
  .price-bar-fill-45 {
    inline-size: 45%;
  }
  .price-bar-fill-46 {
    inline-size: 46%;
  }
  .price-bar-fill-47 {
    inline-size: 47%;
  }
  .price-bar-fill-48 {
    inline-size: 48%;
  }
  .price-bar-fill-49 {
    inline-size: 49%;
  }
  .price-bar-fill-50 {
    inline-size: 50%;
  }
  .price-bar-fill-51 {
    inline-size: 51%;
  }
  .price-bar-fill-52 {
    inline-size: 52%;
  }
  .price-bar-fill-53 {
    inline-size: 53%;
  }
  .price-bar-fill-54 {
    inline-size: 54%;
  }
  .price-bar-fill-55 {
    inline-size: 55%;
  }
  .price-bar-fill-56 {
    inline-size: 56%;
  }
  .price-bar-fill-57 {
    inline-size: 57%;
  }
  .price-bar-fill-58 {
    inline-size: 58%;
  }
  .price-bar-fill-59 {
    inline-size: 59%;
  }
  .price-bar-fill-60 {
    inline-size: 60%;
  }
  .price-bar-fill-61 {
    inline-size: 61%;
  }
  .price-bar-fill-62 {
    inline-size: 62%;
  }
  .price-bar-fill-63 {
    inline-size: 63%;
  }
  .price-bar-fill-64 {
    inline-size: 64%;
  }
  .price-bar-fill-65 {
    inline-size: 65%;
  }
  .price-bar-fill-66 {
    inline-size: 66%;
  }
  .price-bar-fill-67 {
    inline-size: 67%;
  }
  .price-bar-fill-68 {
    inline-size: 68%;
  }
  .price-bar-fill-69 {
    inline-size: 69%;
  }
  .price-bar-fill-70 {
    inline-size: 70%;
  }
  .price-bar-fill-71 {
    inline-size: 71%;
  }
  .price-bar-fill-72 {
    inline-size: 72%;
  }
  .price-bar-fill-73 {
    inline-size: 73%;
  }
  .price-bar-fill-74 {
    inline-size: 74%;
  }
  .price-bar-fill-75 {
    inline-size: 75%;
  }
  .price-bar-fill-76 {
    inline-size: 76%;
  }
  .price-bar-fill-77 {
    inline-size: 77%;
  }
  .price-bar-fill-78 {
    inline-size: 78%;
  }
  .price-bar-fill-79 {
    inline-size: 79%;
  }
  .price-bar-fill-80 {
    inline-size: 80%;
  }
  .price-bar-fill-81 {
    inline-size: 81%;
  }
  .price-bar-fill-82 {
    inline-size: 82%;
  }
  .price-bar-fill-83 {
    inline-size: 83%;
  }
  .price-bar-fill-84 {
    inline-size: 84%;
  }
  .price-bar-fill-85 {
    inline-size: 85%;
  }
  .price-bar-fill-86 {
    inline-size: 86%;
  }
  .price-bar-fill-87 {
    inline-size: 87%;
  }
  .price-bar-fill-88 {
    inline-size: 88%;
  }
  .price-bar-fill-89 {
    inline-size: 89%;
  }
  .price-bar-fill-90 {
    inline-size: 90%;
  }
  .price-bar-fill-91 {
    inline-size: 91%;
  }
  .price-bar-fill-92 {
    inline-size: 92%;
  }
  .price-bar-fill-93 {
    inline-size: 93%;
  }
  .price-bar-fill-94 {
    inline-size: 94%;
  }
  .price-bar-fill-95 {
    inline-size: 95%;
  }
  .price-bar-fill-96 {
    inline-size: 96%;
  }
  .price-bar-fill-97 {
    inline-size: 97%;
  }
  .price-bar-fill-98 {
    inline-size: 98%;
  }
  .price-bar-fill-99 {
    inline-size: 99%;
  }
  .price-bar-fill-100 {
    inline-size: 100%;
  }
}
@layer page {
  .band.pricing-header > .section-inner:not(.band-split) > h1 {
    grid-column: content;
    max-inline-size: 62rem;
    margin-block-end: 16px;
  }
  :is(.band.pricing-header, .band.pricing-buy) > .section-inner > .band-lede > p {
    margin-block: 0;
  }
  .band.pricing-header > .section-inner:not(.band-split) > .band-lede {
    grid-column: content;
    max-inline-size: 56rem;
    margin-block-end: 24px;
  }
  .band.pricing-header > .section-inner:not(.band-split) > .cta-row-start {
    margin-block-start: 0;
  }
  .band.pricing-header > .section-inner:not(.band-split) > .cta-row + p {
    grid-column: content;
    margin-block: 12px 0;
  }
  @media (min-width: 1024px) {
    .band.pricing-header {
      padding-block-end: 24px;
    }
  }
  @media (min-width: 1024px) {
    .band.pricing-buy {
      padding-block-start: 24px;
    }
  }
  .band.pricing-buy > .section-inner:not(.band-split) > .band-lede {
    grid-column: content;
    margin-block-end: 16px;
  }
}
@layer page {
  .pricing-promises {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-block-start: 24px;
    padding: 0;
    list-style: none;
  }
  @container (width >= 600px) {
    .pricing-promises {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width >= 1200px) {
    .pricing-promises {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .pricing-promises[role=list] > li::before {
    content: none;
  }
  .pricing-promises > li {
    display: flex;
  }
  .pricing-promise {
    flex: 1;
  }
  .pricing-promise-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
  }
  .pricing-promise-icon {
    color: var(--ct-sys-color-primary);
  }
  .pricing-promise-title {
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
    margin: 0;
    color: var(--ct-sys-color-on-surface);
  }
  .pricing-promise-text {
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    font-weight: var(--ct-sys-typescale-body-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
    letter-spacing: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
}
@layer page {
  cws-discount-schedule {
    display: block;
  }
  cws-discount-schedule[view=badge] {
    display: inline;
  }
  .discount-badge {
    --ct-badge-color: var(--ct-sys-color-tertiary-container);
    --ct-badge-large-label-text-color: var(--ct-sys-color-on-tertiary-container);
  }
  .discount-table :is(th, td):last-child {
    text-align: end;
  }
  .discount-table .is-current td {
    color: var(--ct-sys-color-primary);
    font-weight: 600;
  }
  .discount-now {
    margin-inline-start: 6px;
    padding: 0.1em 0.5em;
    border-radius: 999px;
    background-color: var(--ct-sys-color-primary-container);
    color: var(--ct-sys-color-on-primary-container);
    font-size: 0.8em;
    font-weight: 500;
  }
  .discount-timeline {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 4px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .discount-timeline > li {
    margin: 0;
  }
  .discount-step {
    display: grid;
    flex: 1 1 auto;
    gap: 2px;
    padding-block-start: 12px;
    border-block-start: 4px solid var(--ct-sys-color-outline-variant);
  }
  .discount-step.is-current {
    border-block-start-color: var(--ct-sys-color-primary);
  }
  .discount-step.is-current .discount-percent {
    color: var(--ct-sys-color-primary);
  }
  .discount-step.is-past {
    opacity: 0.5;
  }
  .discount-step.is-list .discount-percent {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .discount-percent {
    color: var(--ct-sys-color-on-surface);
    font-family: var(--ct-sys-typescale-title-medium-font, var(--ct-ref-typeface-plain, Noto Sans));
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    font-weight: 600;
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    white-space: nowrap;
  }
  .discount-months {
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-body-small-size, 0.75rem);
    line-height: var(--ct-sys-typescale-body-small-line-height, 1rem);
    white-space: nowrap;
  }
  .discount-release-badge {
    display: inline-flex;
    margin-inline-start: 6px;
    vertical-align: middle;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .discount-timeline {
      flex-direction: column;
      gap: 0;
    }
    .discount-step,
    .home-discount .discount-step {
      grid-template-columns: 7.5rem 1fr;
      align-items: baseline;
      flex: none;
      min-inline-size: 0;
      padding-block: 8px;
      padding-inline-start: 12px;
      border-block-start: none;
      border-inline-start: 4px solid var(--ct-sys-color-outline-variant);
    }
    .discount-step.is-current,
    .home-discount .discount-step.is-current {
      border-inline-start-color: var(--ct-sys-color-primary);
    }
  }
}
@layer page {
  cws-checkout-status {
    display: block;
    margin-block: 16px 24px;
  }
  .checkout-status {
    --ct-card-outlined-container-color: var(--ct-sys-color-background);
    display: block;
    max-inline-size: 44rem;
  }
  .checkout-status__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
  }
  .checkout-status__body > cw-button {
    margin-block-start: 20px;
  }
  .checkout-status__headline {
    display: flex;
    gap: 16px;
    align-items: center;
    align-self: stretch;
    margin-block-end: 12px;
  }
  .checkout-status__headline p {
    margin: 0;
    color: var(--ct-sys-color-on-surface);
  }
  .checkout-status__indicator {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: 40px;
    block-size: 40px;
  }
  .checkout-status__indicator cw-circular-progress {
    --ct-circular-progress-flat-size: 40px;
  }
  .checkout-status__icon {
    color: var(--ct-sys-color-tertiary);
  }
  .checkout-status--slow .checkout-status__icon,
  .checkout-status--signed-out .checkout-status__icon {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .checkout-status__detail {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .checkout-status__facts {
    align-self: stretch;
    margin-block-end: 12px;
  }
  .checkout-status__facts code {
    font-variant-numeric: tabular-nums;
  }
  .checkout-status__reference {
    margin-block: 8px 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .checkout-status__reference code {
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }
}
@layer page {
  cws-billing-portal-link {
    display: block;
    margin-block: 8px 16px;
  }
  .billing-portal__message {
    margin-block: 8px 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .billing-portal__message[role=alert] {
    color: var(--ct-sys-color-error);
  }
}
@layer page {
  .license-dialog-content {
    display: block;
    overflow-x: visible;
    overflow-y: clip;
    padding-block-end: 4px;
  }
  .license-panel__loading {
    display: flex;
    justify-content: center;
    padding-block: 24px;
  }
  .license-panel {
    display: block;
  }
  .license-facts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 9rem), 1fr));
    gap: 16px 24px;
    margin-block: 0 20px;
  }
  .license-facts__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-inline-size: 0;
  }
  .license-facts__item--wide {
    grid-column: 1/-1;
  }
  .license-facts__label {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .license-facts__value,
  .license-facts__supporting {
    margin: 0;
    overflow-wrap: anywhere;
  }
  .license-facts__value {
    color: var(--ct-sys-color-on-surface);
  }
  .license-facts__supporting {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .license-facts__name {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  .license-panel__token-action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .license-panel__token-action p {
    flex: 1 1 18rem;
  }
  .license-panel__switcher {
    margin-block: 0 12px;
  }
  .license-panel__switcher cw-select {
    inline-size: 100%;
    max-inline-size: 24rem;
  }
  .license-panel__operator {
    margin-block: 0 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--ct-sys-color-secondary-container);
    color: var(--ct-sys-color-on-secondary-container);
  }
  .license-panel__agreement {
    margin-block: 0 12px;
  }
  .license-panel__agreement > p {
    margin-block: 0 12px;
  }
  .license-panel__agreement-document {
    max-block-size: 50dvh;
    margin-block-end: 12px;
  }
  .license-panel__agreement-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .license-panel__note {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .license-panel__token-action p {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .license-panel__message {
    margin-block: 12px 0;
    color: var(--ct-sys-color-error);
  }
  .license-token {
    display: block;
    padding: 20px;
    margin-block-start: 12px;
  }
  .license-token__title {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .license-token__warning {
    margin-block: 0 12px;
    color: var(--ct-sys-color-error);
  }
  .license-token__value {
    display: block;
    padding: 12px;
    margin-block-end: 12px;
    border-radius: var(--ct-sys-corner-radius-small, 8px);
    background-color: var(--ct-sys-color-surface-container-highest);
    color: var(--ct-sys-color-on-surface);
    overflow-wrap: anywhere;
    user-select: all;
  }
  .license-token__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-block-end: 12px;
  }
  .license-token__usage {
    margin-block: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
}
@layer page {
  .license-panel__rename,
  .org-rename {
    margin-block: 12px 16px;
  }
  .license-panel__rename--editing cw-text-field,
  .org-rename cw-text-field {
    display: block;
    inline-size: 100%;
    max-inline-size: 28rem;
    margin-block-end: 8px;
  }
  .org-rename__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
}
@layer page {
  .org-selected {
    margin-block: 8px 16px;
  }
  .org-selected__title {
    margin-block: 0 4px;
    color: var(--ct-sys-color-on-surface);
  }
  .org-selected__notice {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .org-section {
    padding-block: 12px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .org-section > p {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .org-section__heading {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .org-section .org-rename {
    margin-block: 0;
  }
  .org-complimentary p {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .org-complimentary [role=alert] {
    color: var(--ct-sys-color-error);
  }
  .org-create {
    margin-block: 8px 16px;
  }
  .org-complimentary__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-block-start: 4px;
  }
  .org-complimentary__actions > .org-complimentary__confirm {
    flex-basis: 100%;
    margin-block: 0;
    color: var(--ct-sys-color-on-surface);
  }
  .org-complimentary__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 20rem));
    gap: 12px;
    align-items: start;
    margin-block-end: 8px;
  }
  .org-complimentary__fields > * {
    inline-size: 100%;
  }
  @media (max-width: 767px) {
    .org-complimentary__fields {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .org-complimentary__ends {
    display: flex;
    flex-direction: column;
  }
  .org-complimentary__ends cw-text-field {
    inline-size: 100%;
  }
  .org-create__open {
    margin-block: 8px 4px;
  }
  .org-complimentary__presets {
    display: flex;
    justify-content: center;
    gap: 4px;
    flex-wrap: wrap;
  }
  .org-hint {
    margin-block: 8px 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
}
@layer page {
  .member-roster {
    margin-block-start: 20px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .member-roster h3 {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .member-roster__subheading {
    margin-block: 16px 4px;
    color: var(--ct-sys-color-on-surface);
  }
  .member-roster__explainer {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .member-roster__meter {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .member-roster__meter strong {
    color: var(--ct-sys-color-on-surface);
    font-variant-numeric: tabular-nums;
  }
  .member-roster__billing {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-block: 0 16px;
    padding-block: 12px;
    padding-inline: 12px;
    border-radius: var(--ct-sys-corner-radius-medium, 12px);
    background-color: var(--ct-sys-color-surface-container-low);
    color: var(--ct-sys-color-on-surface-variant);
  }
  .member-roster__billing span {
    flex: 1 1 16rem;
  }
  .member-roster__actions {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
  }
  .member-roster__invite {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-block-start: 16px;
  }
  .member-roster__invite cw-text-field {
    flex: 1 1 18rem;
  }
  .member-roster__error {
    margin-block: 12px 0;
    color: var(--ct-sys-color-error);
  }
}
@layer page {
  .seat-ledger {
    margin-block-start: 20px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .seat-ledger h3 {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .seat-ledger__list {
    margin-block-end: 12px;
  }
  .seat-ledger__add {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    padding-block: 12px;
    padding-inline: 12px;
    border-radius: var(--ct-sys-corner-radius-medium, 12px);
    background-color: var(--ct-sys-color-surface-container-low);
  }
  .seat-ledger__count {
    min-inline-size: 5rem;
    color: var(--ct-sys-color-on-surface);
    font-variant-numeric: tabular-nums;
    text-align: center;
  }
  .seat-ledger__notice {
    margin-block: 12px 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .seat-ledger__price {
    flex: 1 1 16rem;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .seat-ledger__price strong {
    color: var(--ct-sys-color-on-surface);
    font-variant-numeric: tabular-nums;
  }
}
@layer page {
  .invitations {
    margin-block-end: 20px;
    padding-block-end: 16px;
    border-block-end: 1px solid var(--ct-sys-color-outline-variant);
  }
  .invitations h3 {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .invitations__reassurance {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .invitations__card {
    display: block;
    padding: 16px;
    margin-block-end: 8px;
  }
  .invitations__card p {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .invitations__org {
    color: var(--ct-sys-color-on-surface);
  }
  .invitations__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
}
cws-signed-in-only:not([hidden]) {
  display: contents;
}

.band .section-inner > .band-lede + cws-signed-in-only > .cta-row-lede {
  grid-column: text;
  margin-block-start: 24px;
}

html[data-band-layout=reading] .band:not(header, .band-keep):has(+ cws-signed-in-only:not([hidden]) > .band:not(header, .band-keep)) {
  padding-block-end: 0;
}

html[data-band-layout=reading] .band:not(header, .band-keep) + cws-signed-in-only > .band:not(header, .band-keep):first-child {
  padding-block-start: 24px;
}
@media (min-width: 768px) {
  html[data-band-layout=reading] .band:not(header, .band-keep) + cws-signed-in-only > .band:not(header, .band-keep):first-child {
    padding-block-start: 40px;
  }
}
@media (min-width: 1024px) {
  html[data-band-layout=reading] .band:not(header, .band-keep) + cws-signed-in-only > .band:not(header, .band-keep):first-child {
    padding-block-start: 56px;
  }
}

@layer page {
  cw-dialog {
    --ct-dialog-basic-max-width: min(72rem, calc(100vw - 32px));
    --ct-dialog-basic-max-height: calc(100dvh - 32px);
  }
  cw-dialog.start-free-dialog {
    --ct-dialog-basic-max-width: min(25rem, calc(100vw - 32px));
  }
  cws-dialog-launcher > cw-dialog {
    --ct-dialog-basic-max-width: initial;
    --ct-dialog-basic-max-height: initial;
  }
  cws-dialog-launcher {
    display: inline-flex;
  }
  cws-dialog-launcher form {
    display: grid;
    gap: 16px;
  }
  cws-dialog-launcher form > :is(ul, ol) {
    margin-block: 0;
  }
  cws-dialog-launcher form > cws-logo {
    justify-self: center;
  }
}
cws-cookie-banner {
  display: contents;
}

@layer page {
  :root {
    --cookie-bar-room: 14rem;
  }
  @media (width >= 48rem) {
    :root {
      --cookie-bar-room: 7rem;
    }
  }
  html.has-cookie-bar {
    scroll-padding-block-end: var(--cookie-bar-room);
  }
  html.has-cookie-bar body {
    padding-block-end: var(--cookie-bar-room);
  }
  .cookie-bar,
  .cookie-panel {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: 100;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
    background-color: var(--ct-sys-color-surface-container-high);
    color: var(--ct-sys-color-on-surface);
  }
  .cookie-bar {
    padding-block: 16px;
    padding-inline: 24px;
  }
  .cookie-bar__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 32px;
    max-inline-size: 1672px;
    margin-inline: auto;
  }
  .cookie-bar__text {
    flex: 1 1 24rem;
    margin: 0;
  }
  .cookie-bar__actions,
  .cookie-panel__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
  }
  .cookie-bar__actions,
  .cookie-panel__actions {
    --ct-button-outlined-outline-color: var(--ct-sys-color-outline);
  }
  .cookie-panel {
    max-block-size: min(40rem, 85dvh);
    overflow-y: auto;
    padding-block: 24px;
    padding-inline: 24px;
  }
  .cookie-panel:focus-visible {
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: -4px;
  }
  .cookie-panel__inner {
    max-inline-size: 1672px;
    margin-inline: auto;
  }
  .cookie-panel__title {
    margin-block: 0 8px;
  }
  .cookie-panel__options {
    display: grid;
    gap: 16px;
    margin-block: 16px 24px;
    padding: 0;
    list-style: none;
  }
  .cookie-panel__options[role=list] > li::before {
    content: none;
  }
  .cookie-option {
    margin: 0;
    padding: 0;
  }
  .cookie-option__summary,
  .cookie-option__stored {
    margin-block: 4px 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .cookie-option__stored-label {
    color: var(--ct-sys-color-on-surface);
  }
  .cookie-measurement {
    margin-block: 0 24px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .cookie-measurement__title {
    margin-block: 0 8px;
  }
}
cws-consent-gate,
cws-agreement-request {
  display: contents;
}

cws-consent-gate cw-dialog,
cws-agreement-request cw-dialog {
  --ct-dialog-basic-width: 90dvw;
  --ct-dialog-basic-max-width: 90dvw;
  --ct-dialog-basic-height: 75dvh;
  --ct-dialog-basic-max-height: 75dvh;
}

.consent-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: hidden;
}
.consent-dialog-content > p {
  margin-block: 0;
  color: var(--ct-sys-color-on-surface-variant);
}

.consent-dialog-footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: stretch;
}

.consent-dialog-footer__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.consent-dialog-footer__ask,
.consent-dialog-footer__warning {
  display: flex;
  align-items: center;
  margin-block: 0;
  min-block-size: 2.75rem;
  padding: 0.75rem 1rem;
  border-radius: var(--ct-sys-corner-radius-medium);
}

.consent-dialog-footer__ask {
  background-color: var(--ct-sys-color-secondary-container);
  color: var(--ct-sys-color-on-secondary-container);
}

.consent-dialog-footer__warning {
  background-color: var(--ct-sys-color-error-container);
  color: var(--ct-sys-color-on-error-container);
}

.consent-dialog-footer__error {
  margin-block: 0;
  color: var(--ct-sys-color-error);
}

.consent-dialog-content__loading {
  margin-block: 0;
  color: var(--ct-sys-color-on-surface-variant);
}

.consent-dialog-content__document {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow: auto;
  scrollbar-gutter: stable both-edges;
  padding: 0.75rem 1rem;
  border: 1px solid var(--ct-sys-color-outline-variant);
  border-radius: var(--ct-sys-corner-radius-medium);
  background-color: var(--ct-sys-color-surface-container-low);
  color: var(--ct-sys-color-on-surface-variant);
}
.consent-dialog-content__document:focus-visible {
  outline: 2px solid var(--ct-sys-color-primary);
  outline-offset: 2px;
}
.consent-dialog-content__document h2,
.consent-dialog-content__document h3,
.consent-dialog-content__document h4 {
  margin-block: 1rem 0.5rem;
  font-size: 1rem;
  color: var(--ct-sys-color-on-surface);
}
.consent-dialog-content__document h2:first-child,
.consent-dialog-content__document h3:first-child,
.consent-dialog-content__document h4:first-child {
  margin-block-start: 0;
}
.consent-dialog-content__document p,
.consent-dialog-content__document li {
  color: var(--ct-sys-color-on-surface-variant);
}
.consent-dialog-content__document p {
  margin-block: 0 0.75rem;
}
.consent-dialog-content__document ul,
.consent-dialog-content__document ol {
  margin-block: 0 0.75rem;
  padding-inline-start: 1.25rem;
}
.consent-dialog-content__document blockquote {
  margin-inline: 0;
  margin-block: 0 0.75rem;
  padding: 0.5rem 0.75rem;
  border-inline-start: 4px solid var(--ct-sys-color-error);
  background-color: var(--ct-sys-color-error-container);
  color: var(--ct-sys-color-on-error-container);
}
.consent-dialog-content__document blockquote h1 {
  margin-block: 0 0.5rem;
  font-size: 1rem;
  color: inherit;
}
.consent-dialog-content__document blockquote p {
  color: inherit;
}
.consent-dialog-content__document blockquote > :last-child {
  margin-block-end: 0;
}
.consent-dialog-content__document table {
  display: block;
  overflow-x: auto;
  max-inline-size: 100%;
  border-collapse: collapse;
  margin-block: 0 0.75rem;
}
.consent-dialog-content__document th,
.consent-dialog-content__document td {
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--ct-sys-color-outline-variant);
  text-align: start;
  vertical-align: top;
}
.consent-dialog-content__document th {
  color: var(--ct-sys-color-on-surface);
  background-color: var(--ct-sys-color-surface-container);
}
.consent-dialog-content__document code {
  padding: 0.0625rem 0.25rem;
  border-radius: var(--ct-sys-corner-radius-extra-small);
  background-color: var(--ct-sys-color-surface-container-high);
}

@layer page {
  cws-sign-in-license {
    display: block;
    margin-block: 16px 24px;
  }
  .sign-in-license {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-inline-size: 60rem;
    margin-inline: auto;
  }
  .sign-in-license__header {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .sign-in-license__eyebrow,
  .sign-in-license__title,
  .sign-in-license__version,
  .sign-in-license__detail,
  .sign-in-license__sentence,
  .sign-in-license__notice,
  .sign-in-license__error,
  .sign-in-license__status {
    margin-block: 0;
  }
  .sign-in-license__eyebrow {
    color: var(--ct-sys-color-primary);
  }
  .sign-in-license__title {
    color: var(--ct-sys-color-on-surface);
  }
  .sign-in-license__version,
  .sign-in-license__detail,
  .sign-in-license__status {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .sign-in-license__reader {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .sign-in-license__expand {
    align-self: flex-end;
  }
  .sign-in-license__document {
    block-size: 55dvh;
    min-block-size: 16rem;
    overflow: auto;
    scrollbar-gutter: stable both-edges;
    padding: 0.75rem 1rem;
    border: 1px solid var(--ct-sys-color-outline-variant);
    border-radius: var(--ct-sys-corner-radius-medium);
    background-color: var(--ct-sys-color-surface-container-low);
    color: var(--ct-sys-color-on-surface-variant);
  }
  .sign-in-license__document:focus-visible {
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
  }
  .sign-in-license__document h2,
  .sign-in-license__document h3,
  .sign-in-license__document h4 {
    margin-block: 1rem 0.5rem;
    font-size: 1rem;
    color: var(--ct-sys-color-on-surface);
  }
  .sign-in-license__document h2:first-child,
  .sign-in-license__document h3:first-child,
  .sign-in-license__document h4:first-child {
    margin-block-start: 0;
  }
  .sign-in-license__document p,
  .sign-in-license__document li {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .sign-in-license__document p {
    margin-block: 0 0.75rem;
  }
  .sign-in-license__document ul,
  .sign-in-license__document ol {
    margin-block: 0 0.75rem;
    padding-inline-start: 1.25rem;
  }
  .sign-in-license__document blockquote {
    margin-inline: 0;
    margin-block: 0 0.75rem;
    padding: 0.5rem 0.75rem;
    border-inline-start: 4px solid var(--ct-sys-color-error);
    background-color: var(--ct-sys-color-error-container);
    color: var(--ct-sys-color-on-error-container);
  }
  .sign-in-license__document blockquote h1 {
    margin-block: 0 0.5rem;
    font-size: 1rem;
    color: inherit;
  }
  .sign-in-license__document blockquote p {
    color: inherit;
  }
  .sign-in-license__document blockquote > :last-child {
    margin-block-end: 0;
  }
  .sign-in-license__document table {
    display: block;
    overflow-x: auto;
    max-inline-size: 100%;
    border-collapse: collapse;
    margin-block: 0 0.75rem;
  }
  .sign-in-license__document th,
  .sign-in-license__document td {
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--ct-sys-color-outline-variant);
    text-align: start;
    vertical-align: top;
  }
  .sign-in-license__document th {
    color: var(--ct-sys-color-on-surface);
    background-color: var(--ct-sys-color-surface-container);
  }
  .sign-in-license__document code {
    padding: 0.0625rem 0.25rem;
    border-radius: var(--ct-sys-corner-radius-extra-small);
    background-color: var(--ct-sys-color-surface-container-high);
  }
  .sign-in-license__ask {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .sign-in-license__sentence {
    display: flex;
    align-items: center;
    min-block-size: 2.75rem;
    padding: 0.75rem 1rem;
    border-radius: var(--ct-sys-corner-radius-medium);
    background-color: var(--ct-sys-color-secondary-container);
    color: var(--ct-sys-color-on-secondary-container);
  }
  .sign-in-license__notice {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .sign-in-license__error {
    color: var(--ct-sys-color-error);
  }
  .sign-in-license__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
  }
  .sign-in-license__full {
    inset: 0;
    margin: 0;
    padding: 0;
    border: 0;
    inline-size: 100dvw;
    block-size: 100dvh;
    max-inline-size: none;
    max-block-size: none;
    background-color: var(--ct-sys-color-surface);
    color: var(--ct-sys-color-on-surface);
  }
  .sign-in-license__full:popover-open {
    display: block;
  }
  .sign-in-license__full-body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    box-sizing: border-box;
    block-size: 100%;
    max-inline-size: 72rem;
    margin-inline: auto;
    padding: 0.5rem 1rem 1rem;
  }
  .sign-in-license__full-bar {
    display: flex;
    justify-content: flex-end;
  }
  .sign-in-license__document--full {
    flex: 1 1 auto;
    block-size: auto;
    min-block-size: 0;
  }
  .sign-in-license__full-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
  }
  .sign-in-license__full-footer .sign-in-license__sentence {
    flex: 1 1 20rem;
  }
}
@layer page {
  .doc-page {
    --doc-gutter: 16px;
    --doc-breakout: min(1272px, calc(100vw - 2 * var(--doc-gutter)));
    max-inline-size: calc(38rem + 2 * var(--doc-gutter));
    margin-inline: auto;
    padding-block: 40px 96px;
    padding-inline: var(--doc-gutter);
  }
  @media (min-width: 768px) {
    .doc-page {
      --doc-gutter: 24px;
    }
  }
  .band > .doc-page {
    padding: 0;
  }
  .band > .doc-page > h2:first-child {
    margin-block-start: 0;
    padding-block-start: 0;
    border-block-start: none;
  }
  .doc-page > pre,
  .doc-page > cws-code-block,
  .doc-page > cw-repl,
  .doc-page > .demo-hero,
  .doc-page > .hero-grid,
  .doc-page > .playground-band,
  .doc-page > cw-data-table,
  .doc-page > cws-api-reference {
    inline-size: var(--doc-breakout);
    max-inline-size: none;
    margin-inline: calc((100% - var(--doc-breakout)) / 2);
  }
  .band > .doc-page > h2 {
    margin-block-start: 40px;
  }
  .band > .doc-page > h3 {
    margin-block-start: 16px;
  }
  :is(.band > .doc-page, .band > .section-inner) > h3.console-message {
    margin-block-start: 40px;
    padding-block-start: 24px;
    box-shadow: inset 0 1px 0 var(--ct-sys-color-outline-variant);
  }
  :is(.band > .doc-page, .band > .section-inner) > h2 + h3.console-message {
    margin-block-start: 16px;
    padding-block-start: 0;
    box-shadow: none;
  }
  .doc-page h1 {
    font-family: var(--ct-sys-typescale-display-small-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-display-small-size, 2.25rem);
    font-weight: var(--ct-sys-typescale-display-small-weight, var(--ct-ref-typeface-weight-regular, 400));
    line-height: var(--ct-sys-typescale-display-small-line-height, 2.75rem);
    letter-spacing: var(--ct-sys-typescale-display-small-tracking, 0rem);
    color: var(--ct-sys-color-on-surface);
    margin-block: 0 8px;
    text-wrap: balance;
  }
  .doc-page h4 {
    font-weight: 500;
  }
  .doc-page h2 {
    font-family: var(--ct-sys-typescale-headline-medium-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
    font-weight: 500;
    line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
    color: var(--ct-sys-color-on-surface);
    margin-block: 56px 12px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .doc-page h3 {
    font-family: var(--ct-sys-typescale-title-large-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
    font-weight: 500;
    line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
    color: var(--ct-sys-color-on-surface);
    margin-block: 32px 8px;
  }
  @media (max-width: 1023px) {
    .doc-page h1 {
      font-size: var(--ct-sys-typescale-headline-large-size, 2rem);
      line-height: var(--ct-sys-typescale-headline-large-line-height, 2.5rem);
    }
    .doc-page h2 {
      font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
      line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
    }
    .doc-page h3 {
      font-size: 1.25rem;
      line-height: 1.625rem;
    }
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .doc-page h1 {
      font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
      line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
    }
    .doc-page h2 {
      font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
      line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
    }
    .doc-page h3 {
      font-size: 1.125rem;
      line-height: 1.5rem;
    }
  }
  .heading-anchor {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin-inline-start: 0.4em;
    color: var(--ct-sys-color-outline);
    text-decoration: none;
    font-size: 0.7em;
    vertical-align: middle;
    opacity: 0;
    transition: opacity 120ms ease;
  }
  .heading-anchor::before {
    content: "";
    position: absolute;
    inset: calc(50% - 24px);
  }
  .heading-anchor:hover {
    color: var(--ct-sys-color-primary);
  }
  .heading-anchor:focus-visible {
    opacity: 1;
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
    border-radius: 4px;
  }
  .heading-anchor cw-icon {
    --ct-icon-size: 24px;
    inline-size: 24px;
    block-size: 24px;
  }
  :is(h2, h3, h4):hover > .heading-anchor,
  .heading-anchor:hover {
    opacity: 1;
  }
  @media (prefers-reduced-motion: reduce) {
    .heading-anchor {
      transition: none;
    }
  }
  @media (hover: none) {
    .heading-anchor {
      opacity: 1;
      color: var(--ct-sys-color-on-surface-variant);
    }
  }
  .doc-page p,
  .doc-page li {
    font-size: inherit;
    line-height: 1.6;
  }
  .doc-page p {
    max-inline-size: 38rem;
    margin-block: 0 16px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .doc-page .doc-lede {
    font-family: var(--ct-sys-typescale-title-medium-font, var(--ct-ref-typeface-plain, Noto Sans));
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--ct-sys-color-on-surface);
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .doc-page .doc-lede {
      font-size: 1.125rem;
    }
  }
  .doc-page .doc-lede p {
    color: inherit;
    margin-block: 0;
    font-size: inherit;
    line-height: inherit;
  }
  .doc-page ul,
  .doc-page ol {
    max-inline-size: 38rem;
    padding-inline-start: 24px;
    margin-block: 0 16px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .doc-page li {
    margin-block: 4px;
  }
  .doc-page a:not([class]) {
    color: var(--ct-sys-color-primary);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
  }
  .doc-page a:not([class]):hover {
    text-decoration-thickness: 2px;
  }
  .doc-page code:not(pre code, .api-table-host code),
  .hero-caption code,
  .band .section-inner code:not(pre code) {
    white-space: nowrap;
  }
  .doc-page code:not(pre code),
  .hero-caption code,
  .band .section-inner code:not(pre code) {
    padding: 0.1em 0.4em;
    border-radius: 6px;
    background-color: color-mix(in srgb, currentColor 10%, transparent);
    color: inherit;
    font-size: 0.9em;
  }
  .doc-page .demo-hero {
    margin-block: 24px 40px;
    padding: 24px;
    border-radius: 28px;
    background-color: var(--ct-sys-color-surface-container);
    color: var(--ct-sys-color-on-surface);
    color-scheme: light dark;
  }
  .doc-page cw-repl {
    display: block;
    margin-block: 16px 24px;
  }
  .doc-page [class*=table-api] {
    max-inline-size: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .doc-page [class*=table-api]:focus-visible {
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
  }
  :is(.doc-page, .section-inner) cw-data-table:not(.api-table-host) {
    display: block;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin-block: 0 24px;
    overscroll-behavior-x: contain;
    --ct-table-standard-row-item-hover-state-layer-opacity: 0;
  }
  .doc-page cw-data-table:not(.api-table-host)::part(code) {
    padding: 0.1em 0.4em;
    border-radius: 6px;
    background-color: color-mix(in srgb, currentColor 10%, transparent);
    color: inherit;
  }
  :is(.doc-page, .section-inner) table {
    inline-size: 100%;
    max-inline-size: 38rem;
    margin-block: 0 24px;
    border-collapse: collapse;
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
  }
  :is(.doc-page, .section-inner) [class*=table-api] table {
    max-inline-size: none;
  }
  .section-inner cw-data-table:not(.api-table-host) {
    inline-size: 100%;
    max-inline-size: none;
  }
  @media (min-width: 1440px) {
    .section-inner cw-data-table:not(.api-table-host) {
      --band-breakout: 1000px;
      inline-size: var(--band-breakout);
      margin-inline: 0 calc(100% - var(--band-breakout));
    }
  }
  :is(.doc-page, .section-inner) :is(table, cw-data-table) {
    --ct-table-standard-header-container-color: var(--cws-band-ground, transparent);
    --ct-table-standard-row-item-container-color: transparent;
  }
  cw-data-table {
    --ct-table-header-sticky-offset: var(--cws-top-bar-block-size);
  }
  :is(.doc-page, .section-inner) th,
  :is(.doc-page, .section-inner) td {
    padding: 8px 12px;
    text-align: start;
    background-color: var(--ct-table-standard-row-item-container-color);
    border-block-end: 1px solid var(--ct-table-standard-row-item-outline-color, var(--ct-sys-color-outline-variant));
    color: var(--ct-table-standard-row-item-label-text-color, var(--ct-sys-color-on-surface-variant));
  }
  :is(.doc-page, .section-inner) th {
    background-color: var(--ct-table-standard-header-container-color);
    color: var(--ct-table-standard-header-headline-color, var(--ct-sys-color-on-surface));
    font-weight: var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500));
  }
  :is(.doc-page, .section-inner) tbody tr:last-child > :is(th, td) {
    border-block-end: none;
  }
  .doc-page .doc-related {
    margin-block-start: 56px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .wip-placeholder {
    margin-block: 16px 32px;
    padding: 20px;
    border: 2px dashed var(--ct-sys-color-outline-variant);
    border-radius: 16px;
    background-color: var(--ct-sys-color-surface-container-low);
  }
  .wip-placeholder-label {
    margin: 0 0 12px;
    font-size: var(--ct-sys-typescale-label-large-size, 0.875rem);
    font-weight: var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500));
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ct-sys-color-primary);
  }
  .wip-placeholder-note {
    margin: 12px 0 0;
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    color: var(--ct-sys-color-on-surface-variant);
  }
  .wip-playground {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 2fr;
    gap: 16px;
    min-block-size: 180px;
  }
  .wip-controls {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
    background-color: var(--ct-sys-color-surface-container);
  }
  .wip-controls span {
    display: block;
    block-size: 14px;
    border-radius: 7px;
    background-color: color-mix(in srgb, var(--ct-sys-color-on-surface-variant) 25%, transparent);
  }
  .wip-controls span:nth-child(2n) {
    inline-size: 70%;
  }
  .wip-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--ct-sys-color-surface-container);
  }
  .wip-tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .wip-tabs span {
    padding: 6px 16px;
    border-radius: 99px;
    border: 1px solid var(--ct-sys-color-outline-variant);
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-label-large-size, 0.875rem);
  }
  .wip-tabs span.active {
    background-color: var(--ct-sys-color-primary-container);
    color: var(--ct-sys-color-on-primary-container);
    border-color: transparent;
  }
  .wip-tabs span.wip-filter {
    margin-inline-start: auto;
    min-inline-size: 140px;
    color: color-mix(in srgb, var(--ct-sys-color-on-surface-variant) 60%, transparent);
  }
  .wip-rows {
    margin-block-start: 14px;
  }
  .wip-rows span {
    display: block;
    block-size: 34px;
    border-block-end: 1px solid var(--ct-sys-color-outline-variant);
  }
  .wip-rows span:nth-child(odd) {
    background-color: color-mix(in srgb, var(--ct-sys-color-primary-container) 16%, transparent);
  }
  .wip-rows span:nth-child(even) {
    background-color: color-mix(in srgb, var(--ct-sys-color-primary-container) 34%, transparent);
  }
}
@layer page {
  @media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 500px) {
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) {
      padding-block-start: 12px;
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body {
      grid-template-columns: minmax(0, 1fr) max-content;
      grid-template-rows: auto 1fr;
      column-gap: 24px;
      align-items: start;
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > h1 {
      grid-column: 1;
      grid-row: 1;
      margin-block: 0 8px;
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > .doc-lede {
      grid-column: 1;
      grid-row: 2;
      max-inline-size: none;
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > cws-grid-hero {
      grid-column: 2;
      grid-row: 1/span 2;
      margin-block-start: 0;
      margin-inline-start: 0;
      max-inline-size: none;
      transform: scale(0.6);
      transform-origin: top left;
      margin-block-end: calc(-139.2px + 0px);
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > cws-grid-hero:dir(rtl) {
      transform-origin: top right;
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > cws-grid-hero {
      margin-inline-end: calc((var(--gh-columns) * 49px + 5px) * -0.4);
    }
  }
  @media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 500px) and (max-height: 410px) {
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > cws-grid-hero {
      transform: scale(0.55);
      transform-origin: top left;
      margin-block-end: calc(-156.6px + 0px);
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > cws-grid-hero:dir(rtl) {
      transform-origin: top right;
    }
    :is(#main-content, markdown-viewer[page-path]) > .band:first-child:has(> .doc-page > cws-grid-hero) > .doc-page.page-body > cws-grid-hero {
      margin-inline-end: calc((var(--gh-columns) * 49px + 5px) * -0.45);
    }
  }
}
@layer page {
  .band {
    --tier-text: 38rem;
    --tier-content: 1672px;
    --tier-central: 1272px;
    --tier-frame: 1672px;
    --tier-title: 352px;
    --tier-title-gap: 48px;
    --tier-figure: min(1600px, 100cqi);
    --tier-sticky-top: calc(var(--cws-top-bar-block-size) + 32px);
  }
  .band:has(> :is(.doc-page, .section-inner)) {
    container-type: inline-size;
  }
  html:has(cws-framework-selector) .band {
    --tier-sticky-top: calc(var(--cws-top-bar-block-size) + 88px);
  }
  .band > .doc-page, .band > .section-inner:not(.band-split, .statement) {
    display: grid;
    grid-template-columns: [content-start text-start] minmax(0, var(--tier-text)) [text-end] minmax(0, 1fr) [content-end];
    align-content: start;
    max-inline-size: min(var(--tier-content), 100%);
    margin-inline: auto;
  }
  .band > .doc-page > *, .band > .section-inner:not(.band-split, .statement) > * {
    grid-column: content;
    min-inline-size: 0;
  }
  .band > .doc-page > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, figcaption, cws-alert-card, cws-post-meta),
  .band > .doc-page > :is(.doc-lede, .doc-related, .band-lede, .band-eyebrow, .band-prose, .hero-sub, .cta-row, .statement-body, .statement-turn), .band > .section-inner:not(.band-split, .statement) > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, figcaption, cws-alert-card, cws-post-meta),
  .band > .section-inner:not(.band-split, .statement) > :is(.doc-lede, .doc-related, .band-lede, .band-eyebrow, .band-prose, .hero-sub, .cta-row, .statement-body, .statement-turn) {
    grid-column: text;
    max-inline-size: none;
    margin-inline: 0;
  }
  .band > .doc-page > :is(cw-repl, .playground-band, .demo-hero, .hero-grid), .band > .section-inner:not(.band-split, .statement) > :is(cw-repl, .playground-band, .demo-hero, .hero-grid) {
    grid-column: content;
    inline-size: var(--tier-figure);
    max-inline-size: none;
    margin-inline: calc((100% - var(--tier-figure)) / 2);
  }
  .band > .doc-page > :is(pre, cws-code-block, cw-data-table, [class*=table-api], cws-api-reference, .wip-placeholder, .post-demo), .band > .section-inner:not(.band-split, .statement) > :is(pre, cws-code-block, cw-data-table, [class*=table-api], cws-api-reference, .wip-placeholder, .post-demo) {
    grid-column: content;
    inline-size: 100%;
    max-inline-size: none;
    margin-inline: 0;
  }
  .band > .doc-page > .tier-text, .band > .section-inner:not(.band-split, .statement) > .tier-text {
    grid-column: text;
    inline-size: auto;
    max-inline-size: none;
    margin-inline: 0;
  }
  .band > .doc-page > .tier-content, .band > .section-inner:not(.band-split, .statement) > .tier-content {
    grid-column: content;
    inline-size: auto;
    max-inline-size: none;
    margin-inline: 0;
  }
  .band > .doc-page > .tier-full, .band > .section-inner:not(.band-split, .statement) > .tier-full {
    grid-column: content;
    inline-size: calc(100cqi + 2 * var(--band-pad-inline));
    max-inline-size: none;
    margin-inline: calc((100% - 100cqi) / 2 - var(--band-pad-inline));
  }
  .band > .doc-page.page-body,
  .band > .section-inner.page-body:not(.band-split, .statement) {
    grid-template-columns: [content-start text-start] minmax(0, var(--tier-central)) [text-end content-end];
    max-inline-size: min(var(--tier-central), 100%);
    margin-inline: auto;
  }
  .band > .doc-page.page-body > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, figcaption),
  .band > .section-inner.page-body:not(.band-split, .statement) > :is(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, figcaption) {
    max-inline-size: var(--tier-text);
  }
  @container page-main (min-width: 1832px) {
    .band > .doc-page.page-body,
    .band > .section-inner.page-body:not(.band-split, .statement) {
      grid-template-columns: [title-start] var(--tier-title) [title-end] var(--tier-title-gap) [content-start text-start] minmax(0, var(--tier-central)) [text-end content-end];
      max-inline-size: min(var(--tier-frame), 100%);
    }
    .band > .doc-page.page-body > h2:first-child,
    .band > .section-inner.page-body:not(.band-split, .statement) > h2:first-child {
      grid-column: title;
      align-self: start;
      position: sticky;
      inset-block-start: var(--tier-sticky-top);
      margin-block: 0;
      max-inline-size: none;
      text-wrap: pretty;
    }
    .band > .doc-page.page-body > :is(cw-repl, .playground-band, .demo-hero, .hero-grid),
    .band > .section-inner.page-body:not(.band-split, .statement) > :is(cw-repl, .playground-band, .demo-hero, .hero-grid) {
      margin-inline-start: calc((100% - var(--tier-figure)) / 2 - (var(--tier-title) + var(--tier-title-gap)) / 2);
      margin-inline-end: calc((100% - var(--tier-figure)) / 2 + (var(--tier-title) + var(--tier-title-gap)) / 2);
    }
  }
  cws-app-shell:has(> cws-docs-nav.docs-drawer) .band > .doc-page.page-body,
  cws-app-shell:has(> cws-docs-nav.docs-drawer) .band > .section-inner.page-body:not(.band-split, .statement) {
    margin-inline: 0;
  }
  cws-app-shell:has(> cws-docs-nav.docs-drawer) .band > .doc-page.page-body > :is(cw-repl, .playground-band, .demo-hero, .hero-grid),
  cws-app-shell:has(> cws-docs-nav.docs-drawer) .band > .section-inner.page-body:not(.band-split, .statement) > :is(cw-repl, .playground-band, .demo-hero, .hero-grid) {
    grid-column: content;
    inline-size: 100%;
    max-inline-size: none;
    margin-inline: 0;
  }
  .band > .doc-page > cw-repl.doc-demo,
  .band > .doc-page.page-body > cw-repl.doc-demo {
    grid-column: content;
    inline-size: 100%;
    max-inline-size: none;
    margin-inline: 0;
  }
}
@layer page {
  cws-administration {
    display: block;
  }
  .doc-page:has(cws-administration.is-administrator) .admin-lede-member {
    display: none;
  }
  .doc-page:has(cws-administration.is-administrator) .admin-lede-administrator {
    display: inline;
  }
  .admin-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-block-start: 32px;
  }
  .admin-status--loading {
    align-items: center;
    padding-block: 24px;
  }
  .doc-page .admin-section > h2 {
    margin-block-end: 16px;
  }
  .admin-actions {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: 16px;
  }
  .admin-action {
    block-size: 100%;
  }
  .admin-action__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
    box-sizing: border-box;
    block-size: 100%;
    padding: 20px;
    text-align: start;
  }
  .admin-action__icon {
    --ct-icon-size: 32px;
    margin-block-end: 12px;
    color: var(--ct-sys-color-primary);
  }
  .admin-action__title {
    color: var(--ct-sys-color-on-surface);
  }
  .admin-action__line {
    color: var(--ct-sys-color-on-surface-variant);
  }
  cw-dialog.admin-dialog--form {
    --ct-dialog-basic-max-width: min(40rem, calc(100vw - 32px));
  }
  cw-dialog.admin-dialog--license {
    --ct-dialog-basic-max-width: min(48rem, calc(100vw - 32px));
  }
  .admin-dialog__content {
    display: block;
  }
  .dialog-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
  }
  .dialog-loading {
    display: flex;
    justify-content: center;
    padding-block: 24px;
  }
  .dialog-error {
    margin-block: 0;
    color: var(--ct-sys-color-error);
  }
  .admin-dialog__hint {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .admin-dialog__empty {
    margin-block: 16px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .admin-filters {
    margin-block-end: 12px;
  }
  .admin-table-scroll {
    --admin-table-reserve: 20rem;
    display: grid;
    grid-template-rows: fit-content(max(12rem, 100dvh - var(--admin-table-reserve)));
    justify-items: start;
    max-inline-size: 100%;
    overflow-x: auto;
    scrollbar-gutter: stable;
    padding-block: 1px;
  }
  cw-dialog[variant=full-screen] .admin-table-scroll {
    --admin-table-reserve: 15rem;
  }
  cw-dialog.admin-dialog--cache {
    --admin-cache-block: min(40rem, calc(100dvh - 32px));
    --admin-cache-chrome: 9.5rem;
    --ct-dialog-basic-max-width: min(40rem, calc(100vw - 32px));
    --ct-dialog-basic-max-height: var(--admin-cache-block);
  }
  cw-dialog.admin-dialog--cache[variant=full-screen] {
    --admin-cache-block: 100dvh;
    --admin-cache-chrome: 4.5rem;
  }
  cw-dialog.admin-dialog--cache .admin-dialog__content:has(> .admin-table-scroll) {
    display: flex;
    flex-direction: column;
    padding: 16px 24px 24px;
    block-size: calc(var(--admin-cache-block) - var(--admin-cache-chrome) - 40px);
  }
  cw-dialog.admin-dialog--cache .admin-dialog__content:has(> .admin-table-scroll) > * {
    flex: none;
  }
  cw-dialog.admin-dialog--cache .admin-dialog__content:has(> .admin-table-scroll) > .admin-table-scroll {
    flex: 1 1 0;
    grid-template-rows: minmax(0, 1fr);
    block-size: 0;
    min-block-size: 8rem;
  }
  .admin-table {
    --ct-table-standard-header-container-color: var(--ct-sys-color-surface-container-high);
    block-size: auto;
    min-block-size: 0;
  }
  .admin-table--users {
    inline-size: 644px;
  }
  .admin-table--organizations {
    inline-size: 1292px;
  }
  .admin-table--cache {
    inline-size: 554px;
  }
  .user-edit {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .user-edit__who {
    display: flex;
    flex-direction: column;
    margin-block: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .user-edit__email {
    color: var(--ct-sys-color-on-surface);
  }
  .user-edit__upn {
    overflow-wrap: anywhere;
  }
  .user-edit__heading {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface);
  }
  .user-edit__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
  }
  .user-edit__grid > * {
    inline-size: 100%;
  }
  @media (max-width: 479px) {
    .user-edit__grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .user-edit__wide {
    grid-column: 1/-1;
  }
  .cache-report__about {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .cache-report__summary {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .cache-report__summary strong {
    color: var(--ct-sys-color-on-surface);
    font-variant-numeric: tabular-nums;
  }
  .cache-report__version {
    margin-block-start: 16px;
  }
  .cache-report__version h3 {
    margin-block: 0 8px;
    color: var(--ct-sys-color-on-surface);
  }
  .cache-report__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 32px;
    margin: 0;
  }
  .cache-report__facts div {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .cache-report__facts dt {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .cache-report__facts dd {
    margin: 0;
    color: var(--ct-sys-color-on-surface);
  }
  .cache-report__json {
    margin-block: 0;
    padding: 12px;
    border-radius: var(--ct-sys-corner-radius-small, 8px);
    background-color: var(--ct-sys-color-surface-container-highest);
    color: var(--ct-sys-color-on-surface);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
}
@layer page {
  .framework-selector-band {
    position: sticky;
    inset-block-start: var(--cws-top-bar-block-size);
    z-index: 20;
    background-color: var(--ct-sys-color-surface);
    border-block-end: 1px solid var(--ct-sys-color-outline-variant);
  }
  cws-framework-selector {
    display: block;
  }
  .framework-selector {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    max-inline-size: 1000px;
    margin-inline: auto;
    padding-block: 4px;
    padding-inline: 16px;
  }
  @media (min-width: 768px) {
    .framework-selector {
      padding-inline: 24px;
    }
  }
  .framework-selector-label {
    color: var(--ct-sys-color-on-surface-variant);
    font-size: var(--ct-sys-typescale-label-large-size, 0.875rem);
    font-weight: var(--ct-sys-typescale-label-large-weight, var(--ct-ref-typeface-weight-medium, 500));
  }
  @media (max-width: 767px) {
    .framework-selector-label {
      display: none;
    }
  }
  .framework-selector cw-tabs {
    min-inline-size: 0;
    inline-size: max-content;
    max-inline-size: 100%;
  }
  cws-api-reference {
    display: block;
  }
  .api-reference-controls {
    display: flex;
    justify-content: flex-end;
    margin-block: 8px 16px;
  }
  .api-reference-controls cw-search-field {
    inline-size: min(320px, 100%);
  }
  cws-api-reference table {
    max-inline-size: none;
  }
  .api-tokens-details {
    margin-block: 40px 0;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .api-tokens-details > summary {
    cursor: pointer;
    font-family: var(--ct-sys-typescale-title-large-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
    font-weight: var(--ct-sys-typescale-title-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    color: var(--ct-sys-color-on-surface);
  }
  .api-tokens-details > summary:hover {
    color: var(--ct-sys-color-primary);
  }
  .api-tokens-details > .api-tokens {
    margin-block-start: 16px;
  }
}
.api-flavor-names {
  margin-block: -4px 16px;
  font-family: "Ubuntu Mono", "Noto Sans Mono", monospace;
  font-size: var(--ct-sys-typescale-body-small-size, 0.75rem);
  color: var(--ct-sys-color-on-surface-variant);
}

@layer page {
  .band > .doc-page.page-body > cws-doc-reference {
    --reference-bar-block-size: var(--ct-primary-tab-container-height, 48px);
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    align-content: start;
    min-inline-size: 0;
    inline-size: auto;
    max-inline-size: none;
    margin-inline: 0;
  }
  @media (orientation: landscape) and (max-height: 860px) {
    .band-plain + .band-plain.band-reference {
      padding-block-start: 32px;
    }
  }
  @media (orientation: landscape) and (pointer: coarse) and (min-width: 640px) and (max-height: 500px) {
    .band-plain + .band-plain.band-reference {
      padding-block-start: 16px;
    }
  }
  cws-doc-reference > .reference-title {
    grid-column: 1/-1;
    color: var(--cws-header-ink);
    position: relative;
    isolation: isolate;
    margin-block: 0;
    padding-block: 24px 4px;
    max-inline-size: none;
  }
  cws-doc-reference > .reference-title::before {
    content: "";
    position: absolute;
    inset-block: 0 -2px;
    inset-inline: -100vmax;
    z-index: -1;
    background-color: var(--cws-header-ground);
  }
  .reference-bar {
    --_bar-surface: var(--cws-header-ground);
    --ct-primary-tab-container-color: transparent;
    --ct-primary-tab-active-label-text-color: var(--cws-header-ink);
    --ct-primary-tab-active-icon-color: var(--cws-header-ink);
    --ct-primary-tab-active-indicator-color: var(--cws-header-accent);
    --ct-button-outlined-selected-container-color: var(--ct-sys-color-secondary-container);
    --ct-button-outlined-selected-label-text-color: var(--ct-sys-color-on-secondary-container);
    color: var(--cws-header-ink);
    grid-column: 1/-1;
    position: sticky;
    inset-block-start: var(--cws-top-bar-block-size);
    z-index: 20;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 24px;
    margin-block-end: 32px;
    isolation: isolate;
  }
  .reference-bar::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: -100vmax;
    z-index: -1;
    background-color: var(--_bar-surface);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
  .reference-bar > .reference-tabs::part(divider) {
    display: none;
  }
  .reference-bar > .framework-buttons {
    flex: none;
  }
  .reference-bar > .reference-tabs {
    flex: 0 1 auto;
    min-inline-size: 0;
  }
  .reference-tabs > cw-primary-tab {
    flex: none;
  }
  cws-framework-fab {
    display: none;
    grid-column: 1/-1;
    position: sticky;
    inset-block-end: calc(var(--cws-page-toc-gap) + var(--cws-framework-fab-lift, 0px));
    z-index: 20;
    block-size: 0;
  }
  :root.is-phone cws-framework-fab {
    display: block;
  }
  :root.is-phone .reference-bar {
    display: flex;
    gap: 0;
    margin-inline: calc((100% - 100cqi) / 2 - var(--band-pad-inline));
  }
  :root.is-phone .reference-bar > .framework-buttons {
    display: none;
  }
  :root.is-phone .reference-bar > .reference-tabs {
    flex: 1 1 auto;
    max-inline-size: none;
  }
  :root.is-phone .reference-tabs > cw-primary-tab {
    flex: 1 0 auto;
  }
  @media (max-width: 767px) {
    cws-framework-fab {
      display: block;
    }
    .reference-bar {
      display: flex;
      gap: 0;
      margin-inline: calc((100% - 100cqi) / 2 - var(--band-pad-inline));
    }
    .reference-bar > .framework-buttons {
      display: none;
    }
    .reference-bar > .reference-tabs {
      flex: 1 1 auto;
      max-inline-size: none;
    }
    .reference-tabs > cw-primary-tab {
      flex: 1 0 auto;
    }
  }
  cws-framework-fab > cw-fab-menu {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: calc(var(--cws-page-toc-gap) + (100% - 100cqi) / 2 - var(--band-pad-inline));
  }
  cws-framework-fab.framework-fab-concealed > cw-fab-menu {
    pointer-events: none;
  }
  .reference-panel cw-data-table {
    --ct-table-header-sticky-offset: calc(var(--cws-top-bar-block-size) + var(--reference-bar-block-size));
  }
  .reference-panel {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
    align-content: start;
    min-inline-size: 0;
  }
  :is(.reference-panel, .reference-panel > .platform-only:first-child) > :first-child {
    margin-block-start: 0;
  }
  :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > * {
    grid-column: content;
    min-inline-size: 0;
  }
  :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > :is(h2, h3, h4, p, ul, ol, dl, blockquote) {
    grid-column: text;
    max-inline-size: var(--tier-text);
  }
  :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > :is(pre, cws-code-block, table, cw-data-table, [class*=table-api]) {
    max-inline-size: none;
  }
  .reference-panel[hidden=""] {
    display: none;
  }
  .platform-only:not([hidden]) {
    display: contents;
  }
  .reference-panel > .element-tabs {
    grid-column: content;
    justify-self: start;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin-block-end: 32px;
  }
  .reference-panel > .api-element:not([hidden]) {
    display: contents;
  }
  .reference-panel > .api-element[hidden] {
    grid-column: 1/-1;
  }
  .reference-panel > .api-element[hidden=""] {
    display: none;
  }
  @media (min-width: 1832px) {
    .reference-bar {
      display: grid;
      grid-template-columns: subgrid;
    }
    .reference-bar > .framework-buttons {
      grid-column: title;
      justify-self: start;
    }
    .reference-bar > .reference-tabs {
      grid-column: content;
      justify-self: start;
      min-inline-size: 0;
      max-inline-size: 100%;
    }
    :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > h2 {
      grid-column: title;
      align-self: start;
      margin-block: 0;
      max-inline-size: none;
      padding-block-start: 0;
      border-block-start: none;
    }
    :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > h2:not(:first-child),
    :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > h2:not(:first-child) + * {
      margin-block-start: 56px;
    }
    .reference-panel > h2:first-child:not(:has(~ h2)),
    .reference-panel > .platform-only:first-child > h2:first-child:not(:has(~ h2)) {
      position: sticky;
      inset-block-start: calc(var(--cws-top-bar-block-size) + var(--reference-bar-block-size) + 24px);
    }
  }
  cws-doc-reference :is(h2, h3)[id] {
    scroll-margin-block-start: calc(var(--reference-bar-block-size) + 48px);
  }
  cws-doc-reference [id^=attribute-] {
    scroll-margin-block-start: calc(var(--reference-bar-block-size) + 48px);
  }
  cws-doc-reference tr.reference-target {
    background-color: color-mix(in srgb, var(--ct-sys-color-primary) 10%, transparent);
  }
}
@layer page {
  .reference-panel > .api-filter {
    grid-column: content;
    margin-block-end: 24px;
  }
  .reference-panel > .api-filter ~ .platform-only > h2[data-api-section]:first-child,
  .reference-panel > .api-filter ~ .api-element > .platform-only:first-child > h2[data-api-section]:first-child {
    margin-block-start: 0;
  }
  .api-filter-status {
    margin-block: 8px 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .api-filter-status:empty {
    margin-block: 0;
  }
  :is(.reference-panel, .reference-panel > .api-element) > .platform-only > [hidden] {
    display: none;
  }
  .platform-only:not([data-platform=web], [data-platform=react], [data-platform=blazor]) {
    display: none;
  }
  :is(.reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > h2:is([data-api-section], [data-token-section]) {
    font-family: var(--ct-sys-typescale-title-large-font, var(--ct-ref-typeface-brand, Noto Sans));
    font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
    font-weight: var(--ct-sys-typescale-title-large-weight, var(--ct-ref-typeface-weight-regular, 400));
    line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
    letter-spacing: var(--ct-sys-typescale-title-large-tracking, 0rem);
  }
  cw-data-table.api-table-host {
    display: block;
    min-inline-size: 0;
    max-inline-size: 100%;
    margin-block: 0 24px;
    --ct-table-standard-row-item-hover-state-layer-opacity: 0;
  }
  .api-table-host::part(code) {
    font-family: "Ubuntu Mono", "Noto Sans Mono", monospace;
  }
  .api-table-host::part(name) {
    color: var(--ct-sys-color-on-surface);
    font-weight: 700;
    white-space: nowrap;
  }
  .api-table-host::part(muted) {
    color: var(--ct-sys-color-on-surface-variant);
  }
  .api-table-host::part(line) {
    display: block;
    margin-block-start: 2px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .api-table-host::part(value),
  .api-table-host::part(nowrap) {
    white-space: nowrap;
  }
  .api-table-host::part(note) {
    font-size: var(--ct-sys-typescale-body-small-size, 0.75rem);
    line-height: var(--ct-sys-typescale-body-small-line-height, 1rem);
    white-space: nowrap;
  }
  .api-table-host::part(para) {
    display: block;
    margin-block-start: 6px;
  }
  .api-table-host::part(see) {
    display: block;
    margin-block-start: 4px;
  }
  .api-table-host::part(list) {
    margin-block: 4px 0;
    padding-inline-start: 24px;
  }
  .api-table-host::part(link) {
    color: var(--ct-sys-color-on-surface-variant);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
  }
  .api-table-host::part(link):hover {
    color: var(--ct-sys-color-on-surface);
    text-decoration-thickness: 2px;
  }
  .api-table-host::part(link):focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
  }
  @media (min-width: 768px) {
    .api-table-host::part(values) {
      max-inline-size: 34ch;
    }
    cw-data-table.api-tokens-other {
      justify-self: start;
    }
  }
  .reference-panel .api-tokens .api-token {
    position: relative;
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: var(--ct-sys-color-on-surface-variant);
    font: inherit;
    text-align: start;
    overflow-wrap: break-word;
    cursor: pointer;
    scroll-margin-block: calc(var(--cws-top-bar-block-size) + var(--reference-bar-block-size) + 24px) 24px;
  }
  .reference-panel .api-tokens .api-token:hover, .reference-panel .api-tokens .api-token[aria-expanded=true] {
    color: var(--ct-sys-color-on-surface);
  }
  .reference-panel .api-tokens .api-token:focus-visible {
    border-radius: 2px;
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
  }
  .reference-panel .api-tokens .api-token code {
    padding: 0;
    border-radius: 0;
    background: none;
    color: inherit;
    font-size: inherit;
    white-space: normal;
  }
  .api-tokens .api-token-name {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .token-details {
    --ct-rich-tooltip-container-max-width: 80vw;
  }
  .token-details-head {
    display: grid;
    margin-block-end: 8px;
  }
  .token-details-head .title {
    font-size: var(--ct-sys-typescale-title-small-size, 0.875rem);
    line-height: var(--ct-sys-typescale-title-small-line-height, 1.25rem);
    font-weight: 500;
    color: var(--ct-sys-color-on-surface);
  }
  .token-details-head .subtitle {
    font-size: var(--ct-sys-typescale-body-small-size, 0.75rem);
    line-height: var(--ct-sys-typescale-body-small-line-height, 1rem);
    color: var(--ct-sys-color-on-surface-variant);
  }
  .token-details .token-chain {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .token-details .token-chain .token-step {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
  }
  .token-details .token-chain .token-arrow {
    display: flex;
    margin: 0;
    padding-inline-start: 2px;
    color: var(--ct-sys-color-on-surface-variant);
    --ct-icon-size: 20px;
  }
  .token-blob {
    inline-size: 24px;
    block-size: 24px;
    flex: none;
  }
  .token-blob .ring {
    stroke: var(--ct-sys-color-outline);
    stroke-width: 1;
  }
  .token-blob .ink {
    fill: var(--ct-sys-color-on-surface);
  }
  .token-blob .shape {
    fill: var(--ct-sys-color-primary-container);
    stroke: var(--ct-sys-color-primary);
    stroke-width: 1;
  }
  .token-blob .sample {
    fill: var(--ct-sys-color-on-surface);
  }
  .token-blob .line {
    stroke: var(--ct-sys-color-on-surface);
  }
  .token-blob.length {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid var(--ct-sys-color-outline);
    border-radius: 50%;
    color: var(--ct-sys-color-on-surface-variant);
    --ct-icon-size: 16px;
  }
  .token-blob.elevation {
    display: block;
    box-sizing: border-box;
    border: 1px solid var(--ct-sys-color-outline-variant);
    border-radius: 50%;
    background: var(--ct-sys-color-surface-container-lowest);
  }
  .token-blob.elevation.level-1 {
    box-shadow: 0 1px 2px color-mix(in srgb, var(--ct-sys-color-shadow) 35%, transparent);
  }
  .token-blob.elevation.level-2 {
    box-shadow: 0 2px 4px color-mix(in srgb, var(--ct-sys-color-shadow) 35%, transparent);
  }
  .token-blob.elevation.level-3 {
    box-shadow: 0 3px 6px color-mix(in srgb, var(--ct-sys-color-shadow) 35%, transparent);
  }
  .token-blob.elevation.level-4 {
    box-shadow: 0 4px 8px color-mix(in srgb, var(--ct-sys-color-shadow) 35%, transparent);
  }
  .token-blob.elevation.level-5 {
    box-shadow: 0 5px 10px color-mix(in srgb, var(--ct-sys-color-shadow) 35%, transparent);
  }
  .token-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: none;
    color: var(--ct-sys-color-on-surface);
    font: inherit;
    cursor: copy;
    --ct-icon-size: 16px;
  }
  .token-details .token-chip code {
    padding: 0;
    border-radius: 0;
    background: none;
    white-space: nowrap;
    font-size: var(--ct-sys-typescale-body-small-size, 0.75rem);
  }
  .token-chip cw-icon {
    flex: none;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .token-chip:hover code {
    text-decoration: underline;
  }
  .token-chip:hover cw-icon {
    color: var(--ct-sys-color-primary);
  }
  .token-chip:focus-visible {
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
  }
}
@layer page {
  ul[role=list] {
    list-style: none;
  }
  ul[role=list] > li {
    position: relative;
  }
  ul[role=list] > li::before {
    content: "";
    position: absolute;
    inset-inline-start: -21px;
    inset-block-start: calc(var(--bullet-offset, 0px) + (1lh - 10px) / 2);
    inline-size: 10px;
    block-size: 10px;
    background-color: var(--ct-sys-color-primary);
    mask: var(--_bullet-shape) center/contain no-repeat;
    rotate: var(--_bullet-turn, 0deg);
    transition: rotate 220ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  @media (prefers-reduced-motion: reduce) {
    ul[role=list] > li::before {
      transition: none;
    }
  }
  ul[role=list] > li:nth-child(5n+1) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.5 53.1L96.0 56.1L93.7 58.7L90.7 60.9L87.3 62.7L83.6 63.9L79.9 64.8L76.5 65.3L73.4 65.6L70.9 66.0L68.9 66.6L67.5 67.5L66.6 68.9L66.0 70.9L65.6 73.4L65.3 76.5L64.8 79.9L63.9 83.6L62.7 87.3L60.9 90.7L58.7 93.7L56.1 96.0L53.1 97.5L50.0 98.0L46.9 97.5L43.9 96.0L41.3 93.7L39.1 90.7L37.3 87.3L36.1 83.6L35.2 79.9L34.7 76.5L34.4 73.4L34.0 70.9L33.4 68.9L32.5 67.5L31.1 66.6L29.1 66.0L26.6 65.6L23.5 65.3L20.1 64.8L16.4 63.9L12.7 62.7L9.3 60.9L6.3 58.7L4.0 56.1L2.5 53.1L2.0 50.0L2.5 46.9L4.0 43.9L6.3 41.3L9.3 39.1L12.7 37.3L16.4 36.1L20.1 35.2L23.5 34.7L26.6 34.4L29.1 34.0L31.1 33.4L32.5 32.5L33.4 31.1L34.0 29.1L34.4 26.6L34.7 23.5L35.2 20.1L36.1 16.4L37.3 12.7L39.1 9.3L41.3 6.3L43.9 4.0L46.9 2.5L50.0 2.0L53.1 2.5L56.1 4.0L58.7 6.3L60.9 9.3L62.7 12.7L63.9 16.4L64.8 20.1L65.3 23.5L65.6 26.6L66.0 29.1L66.6 31.1L67.5 32.5L68.9 33.4L70.9 34.0L73.4 34.4L76.5 34.7L79.9 35.2L83.6 36.1L87.3 37.3L90.7 39.1L93.7 41.3L96.0 43.9L97.5 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 0deg;
  }
  ul[role=list] > li:nth-child(5n+2) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.2 53.1L94.9 55.9L91.7 58.3L88.4 60.3L85.7 62.1L84.1 64.1L83.8 66.7L84.4 69.9L85.3 73.6L85.9 77.5L85.5 81.2L83.9 83.9L81.2 85.5L77.5 85.9L73.6 85.3L69.9 84.4L66.7 83.8L64.1 84.1L62.1 85.7L60.3 88.4L58.3 91.7L55.9 94.9L53.1 97.2L50.0 98.0L46.9 97.2L44.1 94.9L41.7 91.7L39.7 88.4L37.9 85.7L35.9 84.1L33.3 83.8L30.1 84.4L26.4 85.3L22.5 85.9L18.8 85.5L16.1 83.9L14.5 81.2L14.1 77.5L14.7 73.6L15.6 69.9L16.2 66.7L15.9 64.1L14.3 62.1L11.6 60.3L8.3 58.3L5.1 55.9L2.8 53.1L2.0 50.0L2.8 46.9L5.1 44.1L8.3 41.7L11.6 39.7L14.3 37.9L15.9 35.9L16.2 33.3L15.6 30.1L14.7 26.4L14.1 22.5L14.5 18.8L16.1 16.1L18.8 14.5L22.5 14.1L26.4 14.7L30.1 15.6L33.3 16.2L35.9 15.9L37.9 14.3L39.7 11.6L41.7 8.3L44.1 5.1L46.9 2.8L50.0 2.0L53.1 2.8L55.9 5.1L58.3 8.3L60.3 11.6L62.1 14.3L64.1 15.9L66.7 16.2L69.9 15.6L73.6 14.7L77.5 14.1L81.2 14.5L83.9 16.1L85.5 18.8L85.9 22.5L85.3 26.4L84.4 30.1L83.8 33.3L84.1 35.9L85.7 37.9L88.4 39.7L91.7 41.7L94.9 44.1L97.2 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 12deg;
  }
  ul[role=list] > li:nth-child(5n+3) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90.6 50.0L90.6 52.7L90.5 55.3L90.3 58.0L90.1 60.7L89.8 63.5L89.4 66.3L88.9 69.2L88.3 72.1L87.6 75.1L86.7 78.1L85.5 81.1L83.9 83.9L81.1 85.5L78.1 86.7L75.1 87.6L72.1 88.3L69.2 88.9L66.3 89.4L63.5 89.8L60.7 90.1L58.0 90.3L55.3 90.5L52.7 90.6L50.0 90.6L47.3 90.6L44.7 90.5L42.0 90.3L39.3 90.1L36.5 89.8L33.7 89.4L30.8 88.9L27.9 88.3L24.9 87.6L21.9 86.7L18.9 85.5L16.1 83.9L14.5 81.1L13.3 78.1L12.4 75.1L11.7 72.1L11.1 69.2L10.6 66.3L10.2 63.5L9.9 60.7L9.7 58.0L9.5 55.3L9.4 52.7L9.4 50.0L9.4 47.3L9.5 44.7L9.7 42.0L9.9 39.3L10.2 36.5L10.6 33.7L11.1 30.8L11.7 27.9L12.4 24.9L13.3 21.9L14.5 18.9L16.1 16.1L18.9 14.5L21.9 13.3L24.9 12.4L27.9 11.7L30.8 11.1L33.7 10.6L36.5 10.2L39.3 9.9L42.0 9.7L44.7 9.5L47.3 9.4L50.0 9.4L52.7 9.4L55.3 9.5L58.0 9.7L60.7 9.9L63.5 10.2L66.3 10.6L69.2 11.1L72.1 11.7L75.1 12.4L78.1 13.3L81.1 14.5L83.9 16.1L85.5 18.9L86.7 21.9L87.6 24.9L88.3 27.9L88.9 30.8L89.4 33.7L89.8 36.5L90.1 39.3L90.3 42.0L90.5 44.7L90.6 47.3Z'/%3E%3C/svg%3E");
    --_bullet-turn: -8deg;
  }
  ul[role=list] > li:nth-child(5n+4) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.6 53.1L96.3 56.1L94.4 58.8L92.1 61.3L89.7 63.5L87.5 65.5L85.5 67.5L84.0 69.6L82.9 72.0L82.2 74.7L81.6 77.7L80.9 80.9L79.9 84.1L78.4 87.1L76.5 89.6L74.0 91.6L71.1 92.8L67.9 93.2L64.6 92.9L61.3 92.1L58.2 91.2L55.3 90.2L52.6 89.5L50.0 89.3L47.4 89.5L44.7 90.2L41.8 91.2L38.7 92.1L35.4 92.9L32.1 93.2L28.9 92.8L26.0 91.6L23.5 89.6L21.6 87.1L20.1 84.1L19.1 80.9L18.4 77.7L17.8 74.7L17.1 72.0L16.0 69.6L14.5 67.5L12.5 65.5L10.3 63.5L7.9 61.3L5.6 58.8L3.7 56.1L2.4 53.1L2.0 50.0L2.4 46.9L3.7 43.9L5.6 41.2L7.9 38.7L10.3 36.5L12.5 34.5L14.5 32.5L16.0 30.4L17.1 28.0L17.8 25.3L18.4 22.3L19.1 19.1L20.1 15.9L21.6 12.9L23.5 10.4L26.0 8.4L28.9 7.2L32.1 6.8L35.4 7.1L38.7 7.9L41.8 8.8L44.7 9.8L47.4 10.5L50.0 10.7L52.6 10.5L55.3 9.8L58.2 8.8L61.3 7.9L64.6 7.1L67.9 6.8L71.1 7.2L74.0 8.4L76.5 10.4L78.4 12.9L79.9 15.9L80.9 19.1L81.6 22.3L82.2 25.3L82.9 28.0L84.0 30.4L85.5 32.5L87.5 34.5L89.7 36.5L92.1 38.7L94.4 41.2L96.3 43.9L97.6 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 20deg;
  }
  ul[role=list] > li:nth-child(5n+5) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M97.0 50.0L97.0 53.1L97.0 56.2L96.8 59.3L96.4 62.4L95.4 65.4L93.8 68.2L91.5 70.5L88.5 72.2L85.2 73.5L81.8 74.4L78.4 74.9L75.3 75.3L72.4 75.5L69.7 75.7L67.2 75.7L64.9 75.8L62.7 75.8L60.7 75.8L58.8 75.8L56.9 75.8L55.1 75.9L53.4 75.9L51.7 75.9L50.0 75.9L48.3 75.9L46.6 75.9L44.9 75.9L43.1 75.8L41.2 75.8L39.3 75.8L37.3 75.8L35.1 75.8L32.8 75.7L30.3 75.7L27.6 75.5L24.7 75.3L21.6 74.9L18.2 74.4L14.8 73.5L11.5 72.2L8.5 70.5L6.2 68.2L4.6 65.4L3.6 62.4L3.2 59.3L3.0 56.2L3.0 53.1L3.0 50.0L3.0 46.9L3.0 43.8L3.2 40.7L3.6 37.6L4.6 34.6L6.2 31.8L8.5 29.5L11.5 27.8L14.8 26.5L18.2 25.6L21.6 25.1L24.7 24.7L27.6 24.5L30.3 24.3L32.8 24.3L35.1 24.2L37.3 24.2L39.3 24.2L41.2 24.2L43.1 24.2L44.9 24.1L46.6 24.1L48.3 24.1L50.0 24.1L51.7 24.1L53.4 24.1L55.1 24.1L56.9 24.2L58.8 24.2L60.7 24.2L62.7 24.2L64.9 24.2L67.2 24.3L69.7 24.3L72.4 24.5L75.3 24.7L78.4 25.1L81.8 25.6L85.2 26.5L88.5 27.8L91.5 29.5L93.8 31.8L95.4 34.6L96.4 37.6L96.8 40.7L97.0 43.8L97.0 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: -30deg;
  }
  ul[role=list] > li:hover::before {
    rotate: calc(var(--_bullet-turn, 0deg) + 60deg);
  }
  ul[role=list] ul[role=list] > li {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.6 53.1L96.3 56.1L94.4 58.8L92.1 61.3L89.7 63.5L87.5 65.5L85.5 67.5L84.0 69.6L82.9 72.0L82.2 74.7L81.6 77.7L80.9 80.9L79.9 84.1L78.4 87.1L76.5 89.6L74.0 91.6L71.1 92.8L67.9 93.2L64.6 92.9L61.3 92.1L58.2 91.2L55.3 90.2L52.6 89.5L50.0 89.3L47.4 89.5L44.7 90.2L41.8 91.2L38.7 92.1L35.4 92.9L32.1 93.2L28.9 92.8L26.0 91.6L23.5 89.6L21.6 87.1L20.1 84.1L19.1 80.9L18.4 77.7L17.8 74.7L17.1 72.0L16.0 69.6L14.5 67.5L12.5 65.5L10.3 63.5L7.9 61.3L5.6 58.8L3.7 56.1L2.4 53.1L2.0 50.0L2.4 46.9L3.7 43.9L5.6 41.2L7.9 38.7L10.3 36.5L12.5 34.5L14.5 32.5L16.0 30.4L17.1 28.0L17.8 25.3L18.4 22.3L19.1 19.1L20.1 15.9L21.6 12.9L23.5 10.4L26.0 8.4L28.9 7.2L32.1 6.8L35.4 7.1L38.7 7.9L41.8 8.8L44.7 9.8L47.4 10.5L50.0 10.7L52.6 10.5L55.3 9.8L58.2 8.8L61.3 7.9L64.6 7.1L67.9 6.8L71.1 7.2L74.0 8.4L76.5 10.4L78.4 12.9L79.9 15.9L80.9 19.1L81.6 22.3L82.2 25.3L82.9 28.0L84.0 30.4L85.5 32.5L87.5 34.5L89.7 36.5L92.1 38.7L94.4 41.2L96.3 43.9L97.6 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 0deg;
    --bullet-offset: 0px;
  }
  ul[role=list] ul[role=list] > li::before {
    inset-inline-start: -19px;
    inset-block-start: calc((1lh - 7px) / 2);
    inline-size: 7px;
    block-size: 7px;
    background-color: var(--ct-sys-color-outline);
  }
  cw-data-table::part(list) {
    list-style: none;
  }
  cw-data-table::part(item) {
    position: relative;
  }
  cw-data-table::part(item)::before {
    content: "";
    position: absolute;
    inset-inline-start: -21px;
    inset-block-start: calc((1lh - 10px) / 2);
    inline-size: 10px;
    block-size: 10px;
    background-color: var(--ct-sys-color-primary);
    mask: var(--_bullet-shape) center/contain no-repeat;
    rotate: var(--_bullet-turn, 0deg);
    transition: rotate 220ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  @media (prefers-reduced-motion: reduce) {
    cw-data-table::part(item)::before {
      transition: none;
    }
  }
  cw-data-table::part(bullet-1) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.5 53.1L96.0 56.1L93.7 58.7L90.7 60.9L87.3 62.7L83.6 63.9L79.9 64.8L76.5 65.3L73.4 65.6L70.9 66.0L68.9 66.6L67.5 67.5L66.6 68.9L66.0 70.9L65.6 73.4L65.3 76.5L64.8 79.9L63.9 83.6L62.7 87.3L60.9 90.7L58.7 93.7L56.1 96.0L53.1 97.5L50.0 98.0L46.9 97.5L43.9 96.0L41.3 93.7L39.1 90.7L37.3 87.3L36.1 83.6L35.2 79.9L34.7 76.5L34.4 73.4L34.0 70.9L33.4 68.9L32.5 67.5L31.1 66.6L29.1 66.0L26.6 65.6L23.5 65.3L20.1 64.8L16.4 63.9L12.7 62.7L9.3 60.9L6.3 58.7L4.0 56.1L2.5 53.1L2.0 50.0L2.5 46.9L4.0 43.9L6.3 41.3L9.3 39.1L12.7 37.3L16.4 36.1L20.1 35.2L23.5 34.7L26.6 34.4L29.1 34.0L31.1 33.4L32.5 32.5L33.4 31.1L34.0 29.1L34.4 26.6L34.7 23.5L35.2 20.1L36.1 16.4L37.3 12.7L39.1 9.3L41.3 6.3L43.9 4.0L46.9 2.5L50.0 2.0L53.1 2.5L56.1 4.0L58.7 6.3L60.9 9.3L62.7 12.7L63.9 16.4L64.8 20.1L65.3 23.5L65.6 26.6L66.0 29.1L66.6 31.1L67.5 32.5L68.9 33.4L70.9 34.0L73.4 34.4L76.5 34.7L79.9 35.2L83.6 36.1L87.3 37.3L90.7 39.1L93.7 41.3L96.0 43.9L97.5 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 0deg;
  }
  cw-data-table::part(bullet-2) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.2 53.1L94.9 55.9L91.7 58.3L88.4 60.3L85.7 62.1L84.1 64.1L83.8 66.7L84.4 69.9L85.3 73.6L85.9 77.5L85.5 81.2L83.9 83.9L81.2 85.5L77.5 85.9L73.6 85.3L69.9 84.4L66.7 83.8L64.1 84.1L62.1 85.7L60.3 88.4L58.3 91.7L55.9 94.9L53.1 97.2L50.0 98.0L46.9 97.2L44.1 94.9L41.7 91.7L39.7 88.4L37.9 85.7L35.9 84.1L33.3 83.8L30.1 84.4L26.4 85.3L22.5 85.9L18.8 85.5L16.1 83.9L14.5 81.2L14.1 77.5L14.7 73.6L15.6 69.9L16.2 66.7L15.9 64.1L14.3 62.1L11.6 60.3L8.3 58.3L5.1 55.9L2.8 53.1L2.0 50.0L2.8 46.9L5.1 44.1L8.3 41.7L11.6 39.7L14.3 37.9L15.9 35.9L16.2 33.3L15.6 30.1L14.7 26.4L14.1 22.5L14.5 18.8L16.1 16.1L18.8 14.5L22.5 14.1L26.4 14.7L30.1 15.6L33.3 16.2L35.9 15.9L37.9 14.3L39.7 11.6L41.7 8.3L44.1 5.1L46.9 2.8L50.0 2.0L53.1 2.8L55.9 5.1L58.3 8.3L60.3 11.6L62.1 14.3L64.1 15.9L66.7 16.2L69.9 15.6L73.6 14.7L77.5 14.1L81.2 14.5L83.9 16.1L85.5 18.8L85.9 22.5L85.3 26.4L84.4 30.1L83.8 33.3L84.1 35.9L85.7 37.9L88.4 39.7L91.7 41.7L94.9 44.1L97.2 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 12deg;
  }
  cw-data-table::part(bullet-3) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90.6 50.0L90.6 52.7L90.5 55.3L90.3 58.0L90.1 60.7L89.8 63.5L89.4 66.3L88.9 69.2L88.3 72.1L87.6 75.1L86.7 78.1L85.5 81.1L83.9 83.9L81.1 85.5L78.1 86.7L75.1 87.6L72.1 88.3L69.2 88.9L66.3 89.4L63.5 89.8L60.7 90.1L58.0 90.3L55.3 90.5L52.7 90.6L50.0 90.6L47.3 90.6L44.7 90.5L42.0 90.3L39.3 90.1L36.5 89.8L33.7 89.4L30.8 88.9L27.9 88.3L24.9 87.6L21.9 86.7L18.9 85.5L16.1 83.9L14.5 81.1L13.3 78.1L12.4 75.1L11.7 72.1L11.1 69.2L10.6 66.3L10.2 63.5L9.9 60.7L9.7 58.0L9.5 55.3L9.4 52.7L9.4 50.0L9.4 47.3L9.5 44.7L9.7 42.0L9.9 39.3L10.2 36.5L10.6 33.7L11.1 30.8L11.7 27.9L12.4 24.9L13.3 21.9L14.5 18.9L16.1 16.1L18.9 14.5L21.9 13.3L24.9 12.4L27.9 11.7L30.8 11.1L33.7 10.6L36.5 10.2L39.3 9.9L42.0 9.7L44.7 9.5L47.3 9.4L50.0 9.4L52.7 9.4L55.3 9.5L58.0 9.7L60.7 9.9L63.5 10.2L66.3 10.6L69.2 11.1L72.1 11.7L75.1 12.4L78.1 13.3L81.1 14.5L83.9 16.1L85.5 18.9L86.7 21.9L87.6 24.9L88.3 27.9L88.9 30.8L89.4 33.7L89.8 36.5L90.1 39.3L90.3 42.0L90.5 44.7L90.6 47.3Z'/%3E%3C/svg%3E");
    --_bullet-turn: -8deg;
  }
  cw-data-table::part(bullet-4) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M98.0 50.0L97.6 53.1L96.3 56.1L94.4 58.8L92.1 61.3L89.7 63.5L87.5 65.5L85.5 67.5L84.0 69.6L82.9 72.0L82.2 74.7L81.6 77.7L80.9 80.9L79.9 84.1L78.4 87.1L76.5 89.6L74.0 91.6L71.1 92.8L67.9 93.2L64.6 92.9L61.3 92.1L58.2 91.2L55.3 90.2L52.6 89.5L50.0 89.3L47.4 89.5L44.7 90.2L41.8 91.2L38.7 92.1L35.4 92.9L32.1 93.2L28.9 92.8L26.0 91.6L23.5 89.6L21.6 87.1L20.1 84.1L19.1 80.9L18.4 77.7L17.8 74.7L17.1 72.0L16.0 69.6L14.5 67.5L12.5 65.5L10.3 63.5L7.9 61.3L5.6 58.8L3.7 56.1L2.4 53.1L2.0 50.0L2.4 46.9L3.7 43.9L5.6 41.2L7.9 38.7L10.3 36.5L12.5 34.5L14.5 32.5L16.0 30.4L17.1 28.0L17.8 25.3L18.4 22.3L19.1 19.1L20.1 15.9L21.6 12.9L23.5 10.4L26.0 8.4L28.9 7.2L32.1 6.8L35.4 7.1L38.7 7.9L41.8 8.8L44.7 9.8L47.4 10.5L50.0 10.7L52.6 10.5L55.3 9.8L58.2 8.8L61.3 7.9L64.6 7.1L67.9 6.8L71.1 7.2L74.0 8.4L76.5 10.4L78.4 12.9L79.9 15.9L80.9 19.1L81.6 22.3L82.2 25.3L82.9 28.0L84.0 30.4L85.5 32.5L87.5 34.5L89.7 36.5L92.1 38.7L94.4 41.2L96.3 43.9L97.6 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: 20deg;
  }
  cw-data-table::part(bullet-5) {
    --_bullet-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M97.0 50.0L97.0 53.1L97.0 56.2L96.8 59.3L96.4 62.4L95.4 65.4L93.8 68.2L91.5 70.5L88.5 72.2L85.2 73.5L81.8 74.4L78.4 74.9L75.3 75.3L72.4 75.5L69.7 75.7L67.2 75.7L64.9 75.8L62.7 75.8L60.7 75.8L58.8 75.8L56.9 75.8L55.1 75.9L53.4 75.9L51.7 75.9L50.0 75.9L48.3 75.9L46.6 75.9L44.9 75.9L43.1 75.8L41.2 75.8L39.3 75.8L37.3 75.8L35.1 75.8L32.8 75.7L30.3 75.7L27.6 75.5L24.7 75.3L21.6 74.9L18.2 74.4L14.8 73.5L11.5 72.2L8.5 70.5L6.2 68.2L4.6 65.4L3.6 62.4L3.2 59.3L3.0 56.2L3.0 53.1L3.0 50.0L3.0 46.9L3.0 43.8L3.2 40.7L3.6 37.6L4.6 34.6L6.2 31.8L8.5 29.5L11.5 27.8L14.8 26.5L18.2 25.6L21.6 25.1L24.7 24.7L27.6 24.5L30.3 24.3L32.8 24.3L35.1 24.2L37.3 24.2L39.3 24.2L41.2 24.2L43.1 24.2L44.9 24.1L46.6 24.1L48.3 24.1L50.0 24.1L51.7 24.1L53.4 24.1L55.1 24.1L56.9 24.2L58.8 24.2L60.7 24.2L62.7 24.2L64.9 24.2L67.2 24.3L69.7 24.3L72.4 24.5L75.3 24.7L78.4 25.1L81.8 25.6L85.2 26.5L88.5 27.8L91.5 29.5L93.8 31.8L95.4 34.6L96.4 37.6L96.8 40.7L97.0 43.8L97.0 46.9Z'/%3E%3C/svg%3E");
    --_bullet-turn: -30deg;
  }
  cw-data-table::part(item):hover::before {
    rotate: calc(var(--_bullet-turn, 0deg) + 60deg);
  }
}
@layer page {
  cws-bullet-highlighter {
    display: block;
  }
  :is(.band > .doc-page.page-body, .reference-panel, .reference-panel > .platform-only, .reference-panel > .api-element, .reference-panel > .api-element > .platform-only) > cws-bullet-highlighter {
    grid-column: text;
    min-inline-size: 0;
    max-inline-size: var(--tier-text);
  }
  cws-bullet-highlighter li.bullet-highlighted {
    --bullet-offset: 10px;
    position: relative;
    isolation: isolate;
    padding-block: 10px;
    color: var(--ct-sys-color-on-secondary-container);
  }
  cws-bullet-highlighter .bullet-highlight-card {
    --ct-card-filled-container-color: var(--ct-sys-color-secondary-container);
    --ct-card-container-radius: 20px;
    position: absolute;
    inset-block: 0;
    inset-inline: -32px -16px;
    z-index: -1;
    pointer-events: none;
  }
  cws-bullet-highlighter li.bullet-highlighted::before {
    background-color: currentColor;
  }
  cws-bullet-highlighter li.bullet-highlighted a:not([href]) {
    color: inherit;
    text-decoration: none;
    font-weight: var(--ct-sys-typescale-title-medium-weight, var(--ct-ref-typeface-weight-medium, 500));
  }
}
@layer page {
  .band > .section-inner.page-body:not(.band-split, .statement) > .blog-index-holder,
  .band > .section-inner.page-body:not(.band-split, .statement):has(> .blog-index-holder) > h1 {
    grid-column: 1/-1;
  }
  cws-blog-index {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-block-start: 24px;
    container-type: inline-size;
  }
  .blog-index-message {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .blog-index-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .blog-index-grid > li {
    display: flex;
  }
  @container (min-width: 36rem) {
    .blog-index-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .blog-index-grid > .blog-index-lead {
      grid-column: span 2;
    }
  }
  @container (min-width: 56rem) {
    .blog-index-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width: 76rem) {
    .blog-index-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (min-width: 94rem) {
    .blog-index-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .blog-card {
    inline-size: 100%;
    block-size: 100%;
    --ct-card-container-radius: var(--ct-sys-corner-radius-extra-large-increased, 32px);
    --ct-card-filled-container-color: var(--ct-sys-color-primary-container);
    --ct-card-filled-hover-state-layer-color: var(--ct-sys-color-on-primary-container);
    --ct-card-filled-pressed-state-layer-color: var(--ct-sys-color-on-primary-container);
    --ct-card-filled-dragged-state-layer-color: var(--ct-sys-color-on-primary-container);
    color: var(--ct-sys-color-on-primary-container);
  }
  .blog-card-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    flex: 1 1 auto;
  }
  .blog-card-image {
    display: block;
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .blog-card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
    padding: 24px;
  }
  .blog-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
  }
  .blog-card-lead .blog-card-body {
    gap: 16px;
    justify-content: center;
  }
  .blog-card-lead .blog-card-meta {
    margin-block-end: 8px;
  }
  @container (min-width: 36rem) {
    .blog-card-split {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .blog-card-split > .blog-card-image {
      block-size: 100%;
      aspect-ratio: 13/12;
    }
    .blog-card-split > .blog-card-body {
      padding: 28px;
      contain: size;
      overflow: hidden;
    }
  }
  @container (min-width: 21.5rem) and (max-width: 35.999rem) {
    .blog-index-paginator {
      --ct-icon-button-small-container-height: 48px;
      --ct-icon-button-small-regular-leading-space: 12px;
      --ct-icon-button-small-regular-trailing-space: 12px;
    }
  }
}
.band .section-inner .blog-card-category {
  margin: 0;
  font-size: var(--ct-sys-typescale-label-medium-size, 0.75rem);
  line-height: var(--ct-sys-typescale-label-medium-line-height, 1rem);
  font-weight: var(--ct-ref-typeface-weight-medium, 500);
  color: var(--ct-sys-color-on-primary-container);
}

.band .section-inner .blog-card-title {
  margin: 0;
  font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
  line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
  font-weight: var(--ct-ref-typeface-weight-medium, 500);
  letter-spacing: normal;
  color: var(--ct-sys-color-on-primary-container);
  text-wrap: balance;
}

.band .section-inner .blog-card-lead .blog-card-title {
  font-size: var(--ct-sys-typescale-headline-small-size, 1.5rem);
  line-height: var(--ct-sys-typescale-headline-small-line-height, 2rem);
  font-weight: var(--ct-ref-typeface-weight-regular, 400);
}

@container (min-width: 36rem) {
  .band .section-inner .blog-card-lead .blog-card-title {
    font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
    line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
  }
}
.band .section-inner .blog-card-summary {
  margin: 0;
  font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
  line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
  color: var(--ct-sys-color-on-primary-container);
  text-wrap: pretty;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}

.band .section-inner .blog-card-lead .blog-card-summary {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
  line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
}

.band .section-inner .blog-card-date {
  margin: 0;
  margin-inline-start: auto;
  font-size: var(--ct-sys-typescale-label-small-size, 0.6875rem);
  line-height: var(--ct-sys-typescale-label-small-line-height, 1rem);
  color: var(--ct-sys-color-on-primary-container);
}

@layer page {
  .changelog-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
    font-variant-numeric: tabular-nums;
  }
  .changelog-draft {
    margin-block: 0 12px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .changelog-highlight {
    margin-block: 0 8px;
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    color: var(--ct-sys-color-on-surface);
  }
  .section-inner .changelog-group {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-block: 40px 12px;
    font-family: var(--ct-sys-typescale-body-large-font, var(--ct-ref-typeface-plain, Noto Sans));
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    font-weight: 400;
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
    color: var(--ct-sys-color-on-surface-variant);
  }
  .band > .section-inner > ul.changelog-entries,
  .changelog-entries {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-inline-size: none;
    margin: 0;
    padding-inline-start: 1.25em;
  }
  .changelog-entry {
    margin: 0;
    padding: 0;
    color: var(--ct-sys-color-on-surface);
  }
  .changelog-entry > * {
    vertical-align: top;
  }
  .changelog-body {
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    inline-size: min(100%, var(--tier-text, 38rem));
    margin-inline-end: 32px;
  }
  .changelog-tag {
    --ct-card-corner-shape: squircle;
    --ct-card-filled-container-elevation: 0;
    --ct-card-start-start-radius: 10px;
    --ct-card-start-end-radius: 10px;
    --ct-card-end-start-radius: 10px;
    --ct-card-end-end-radius: 10px;
    display: inline-flex;
    flex: none;
    inline-size: fit-content;
    font-family: var(--ct-sys-typescale-label-small-font, var(--ct-ref-typeface-plain, Noto Sans));
    font-size: var(--ct-sys-typescale-label-small-size, 0.6875rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 16px;
  }
  .changelog-tag-label {
    padding-block: 2px;
    padding-inline: 8px;
    white-space: nowrap;
  }
  .changelog-tag--breaking {
    --ct-card-filled-container-color: var(--ct-sys-color-error);
    color: var(--ct-sys-color-on-error);
  }
  .changelog-tag--changed,
  .changelog-tag--deprecated {
    --ct-card-filled-container-color: var(--ct-sys-color-warning);
    color: var(--ct-sys-color-on-warning);
  }
  .changelog-tag--new {
    --ct-card-filled-container-color: var(--ct-sys-color-information);
    color: var(--ct-sys-color-on-information);
  }
  .changelog-tag--fixed {
    --ct-card-filled-container-color: var(--ct-sys-color-success);
    color: var(--ct-sys-color-on-success);
  }
  .changelog-tag--draft {
    --ct-card-filled-container-color: var(--ct-sys-color-surface-container-highest);
    color: var(--ct-sys-color-on-surface);
  }
  .changelog-frameworks {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-block-start: 4px;
  }
  .changelog-framework {
    padding-inline: 6px;
    border: 1px solid var(--ct-sys-color-outline-variant);
    border-radius: 6px;
    font-family: var(--ct-sys-typescale-label-small-font, var(--ct-ref-typeface-plain, Noto Sans));
    font-size: var(--ct-sys-typescale-label-small-size, 0.6875rem);
    font-weight: 500;
    line-height: 16px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .changelog-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}
@layer page {
  cws-post-meta {
    display: block;
    margin-block: 0 24px;
    font-size: var(--ct-sys-typescale-label-large-size, 0.875rem);
    line-height: var(--ct-sys-typescale-label-large-line-height, 1.25rem);
    color: var(--ct-sys-color-on-surface-variant);
  }
  .post-meta-separator {
    margin-inline: 0.25ch;
  }
}
@layer page {
  .playground-band {
    margin-block: 8px 24px;
  }
  .playground-band.doc-page {
    padding-block: 0 48px;
  }
  .playground-band.doc-page h2:first-child {
    margin-block-start: 0;
  }
  cws-prop-playground {
    display: block;
  }
  .playground {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    align-items: start;
  }
  @media (min-width: 768px) {
    .playground {
      grid-template-columns: minmax(220px, 300px) 1fr;
    }
  }
  .playground-controls {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .playground-controls cw-select,
  .playground-controls cw-text-field,
  .playground-controls cw-number-field {
    inline-size: 100%;
  }
  .playground-switch {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    color: var(--ct-sys-color-on-surface);
  }
  .playground-preview {
    display: grid;
    place-items: center;
    min-block-size: 180px;
    padding: 20px;
    background-color: var(--ct-sys-color-surface-container-low);
    border: 1px solid var(--ct-sys-color-outline-variant);
    border-radius: var(--ct-sys-corner-radius-large, 16px);
  }
  @media (min-width: 768px) {
    .playground-preview {
      min-block-size: 220px;
      padding: 32px;
    }
  }
  .playground-stage {
    display: grid;
    place-items: center;
    max-inline-size: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .playground-markup {
    margin-block-start: 16px;
  }
  .playground-markup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    color: var(--ct-sys-color-on-surface-variant);
  }
  .playground-markup-code {
    margin-block: 4px 0;
    padding: 12px 16px;
    overflow-x: auto;
    background-color: var(--ct-sys-color-surface-container);
    border-radius: var(--ct-sys-corner-radius-medium, 12px);
  }
  .playground-markup-code > code {
    background: none;
    padding: 0;
  }
}
@layer page {
  .site-footer {
    position: relative;
    z-index: 26;
    margin-block-start: 96px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
    background-color: var(--ct-sys-color-surface-container-low);
    color: var(--ct-sys-color-on-surface-variant);
    padding-block: 48px 32px;
    padding-inline: 24px;
  }
  .footer-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
    max-inline-size: 1672px;
    margin-inline: auto;
  }
  @media (min-width: 1024px) {
    .footer-inner {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .footer-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .footer-column a {
    color: var(--ct-sys-color-on-surface-variant);
    text-decoration: none;
  }
  .footer-column a:hover {
    color: var(--ct-sys-color-on-surface);
    text-decoration: underline;
  }
  .footer-column a:focus-visible {
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
  }
  .footer-heading {
    margin: 0 0 4px;
    color: var(--ct-sys-color-on-surface);
  }
  .footer-base {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 24px;
    max-inline-size: 1672px;
    margin: 40px auto 0;
  }
  .footer-legal {
    margin: 0;
    margin-inline-end: auto;
  }
  .footer-legal-link {
    color: var(--ct-sys-color-on-surface-variant);
    text-decoration: none;
  }
  .footer-legal-link:hover {
    color: var(--ct-sys-color-on-surface);
    text-decoration: underline;
  }
  .footer-legal-link:focus-visible {
    outline: 2px solid var(--ct-sys-color-primary);
    outline-offset: 2px;
    border-radius: 2px;
  }
}
@layer page {
  cws-site-navigation,
  cms-navigation {
    display: block;
    background-color: transparent;
  }
  #primary-navigation > cw-nav-tab {
    --ct-badge-color: var(--ct-sys-color-tertiary);
    --ct-badge-large-label-text-color: var(--ct-sys-color-on-tertiary);
  }
  .site-logo-home-holder {
    position: relative;
    display: inline-flex;
  }
  .site-logo-home {
    --ct-card-filled-container-color: transparent;
    --ct-card-filled-container-elevation: 0;
    --ct-card-filled-hover-container-elevation: 0;
    --ct-card-filled-focus-container-elevation: 0;
    --ct-card-filled-pressed-container-elevation: 0;
    --ct-card-filled-dragged-container-elevation: 0;
    --ct-card-filled-outline-width: 0px;
    --ct-card-corner-shape: squircle;
    --ct-card-start-start-radius: calc(var(--cws-logo-home-box, 40px) / 2);
    --ct-card-start-end-radius: calc(var(--cws-logo-home-box, 40px) / 2);
    --ct-card-end-start-radius: calc(var(--cws-logo-home-box, 40px) / 2);
    --ct-card-end-end-radius: calc(var(--cws-logo-home-box, 40px) / 2);
    display: inline-flex;
    padding: 0;
  }
  .site-logo-home cws-logo {
    --cui-logo-height: var(--cws-logo-home-mark, 24px);
    display: grid;
    place-items: center;
    inline-size: var(--cws-logo-home-box, 40px);
    block-size: var(--cws-logo-home-box, 40px);
  }
  .account-sheet {
    --ct-side-sheet-container-width: 360px;
    --ct-side-sheet-leading-space: 24px;
    --ct-side-sheet-trailing-space: 24px;
  }
  @media (max-width: 767px), (orientation: landscape) and (max-height: 479px) {
    .account-sheet {
      --ct-side-sheet-container-width: 100vw;
      --ct-side-sheet-start-start-radius: 0px;
      --ct-side-sheet-end-start-radius: 0px;
    }
  }
  .account-sheet-identity {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 16px;
    align-items: center;
    padding-block: 8px 24px;
    border-block-end: 1px solid var(--ct-sys-color-outline-variant);
  }
  .account-avatar.account-sheet-avatar {
    inline-size: 56px;
    block-size: 56px;
    overflow: hidden;
    border-radius: 28px;
    corner-shape: squircle;
    background-color: var(--ct-sys-color-primary);
    font-family: var(--ct-sys-typescale-title-medium-font);
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, 500);
  }
  .account-sheet-who {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-inline-size: 0;
  }
  .account-sheet-name {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
    color: var(--ct-sys-color-on-surface);
    font-family: var(--ct-sys-typescale-title-medium-font);
    font-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    font-weight: var(--ct-sys-typescale-title-medium-weight, 500);
    line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
  }
  .account-sheet-email,
  .account-sheet-until {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
    color: var(--ct-sys-color-on-surface-variant);
    font-family: var(--ct-sys-typescale-body-medium-font);
    font-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
  }
  .account-sheet-until {
    grid-column: 1/-1;
  }
  .account-sheet-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-block-start: 8px;
  }
  .account-sheet-chip {
    display: inline-flex;
    align-items: center;
    block-size: 24px;
    padding-inline: 12px;
    border-radius: 8px;
    corner-shape: squircle;
    background-color: var(--ct-sys-color-surface-container-highest);
    color: var(--ct-sys-color-on-surface-variant);
    font-family: var(--ct-sys-typescale-label-medium-font);
    font-size: var(--ct-sys-typescale-label-medium-size, 0.75rem);
    font-weight: var(--ct-sys-typescale-label-medium-weight, 500);
    line-height: 1;
  }
  .account-sheet-chip-admin {
    background-color: var(--ct-sys-color-tertiary-container);
    color: var(--ct-sys-color-on-tertiary-container);
  }
  .account-sheet-sign-in {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-block: 8px 24px;
  }
  .account-sheet-prompt {
    margin: 0;
    color: var(--ct-sys-color-on-surface-variant);
    font-family: var(--ct-sys-typescale-body-large-font);
    font-size: var(--ct-sys-typescale-body-large-size, 1rem);
    line-height: var(--ct-sys-typescale-body-large-line-height, 1.5rem);
  }
  .account-sheet-items {
    --ct-list-list-layers-container-color: transparent;
    --ct-list-item-start-start-radius: 28px;
    --ct-list-item-start-end-radius: 28px;
    --ct-list-item-end-start-radius: 28px;
    --ct-list-item-end-end-radius: 28px;
    --ct-list-item-corner-shape: squircle;
    display: block;
    margin-inline: calc(-1 * 16px);
    padding-block-start: 8px;
  }
  .account-sheet-theme {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-block-start: 8px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .account-sheet-theme-label {
    color: var(--ct-sys-color-on-surface-variant);
    font-family: var(--ct-sys-typescale-title-small-font);
    font-size: var(--ct-sys-typescale-title-small-size, 0.875rem);
    font-weight: var(--ct-sys-typescale-title-small-weight, 500);
    line-height: var(--ct-sys-typescale-title-small-line-height, 1.25rem);
  }
  .account-sheet-theme cw-toggle-button {
    flex-shrink: 1;
    min-inline-size: 0;
  }
  .account-sheet-sign-out {
    display: flex;
    justify-content: flex-end;
    margin-block-start: 24px;
    padding-block-start: 16px;
    border-block-start: 1px solid var(--ct-sys-color-outline-variant);
  }
  .account-trigger {
    --ct-card-filled-container-color: var(--ct-sys-color-primary);
    --ct-card-filled-container-elevation: 0;
    --ct-card-filled-hover-container-elevation: 0;
    --ct-card-filled-focus-container-elevation: 0;
    --ct-card-filled-pressed-container-elevation: 0;
    --ct-card-filled-dragged-container-elevation: 0;
    --ct-card-filled-outline-width: 0px;
    --ct-card-corner-shape: squircle;
    display: inline-flex;
    padding: 0;
  }
  .account-trigger-small {
    --ct-card-start-start-radius: calc(var(--ct-icon-button-small-container-height, 40px) / 2);
    --ct-card-start-end-radius: calc(var(--ct-icon-button-small-container-height, 40px) / 2);
    --ct-card-end-start-radius: calc(var(--ct-icon-button-small-container-height, 40px) / 2);
    --ct-card-end-end-radius: calc(var(--ct-icon-button-small-container-height, 40px) / 2);
    inline-size: var(--ct-icon-button-small-container-height, 40px);
    block-size: var(--ct-icon-button-small-container-height, 40px);
  }
  .account-trigger-extra-small {
    --ct-card-start-start-radius: calc(var(--ct-icon-button-xsmall-container-height, 32px) / 2);
    --ct-card-start-end-radius: calc(var(--ct-icon-button-xsmall-container-height, 32px) / 2);
    --ct-card-end-start-radius: calc(var(--ct-icon-button-xsmall-container-height, 32px) / 2);
    --ct-card-end-end-radius: calc(var(--ct-icon-button-xsmall-container-height, 32px) / 2);
    inline-size: var(--ct-icon-button-xsmall-container-height, 32px);
    block-size: var(--ct-icon-button-xsmall-container-height, 32px);
  }
  .account-avatar {
    display: inline-grid;
    place-items: center;
    inline-size: 100%;
    block-size: 100%;
    color: var(--ct-sys-color-on-primary);
    font-family: var(--ct-sys-typescale-label-medium-font);
    font-size: var(--ct-sys-typescale-label-medium-size, 0.75rem);
    font-weight: var(--ct-sys-typescale-label-medium-weight, 500);
    line-height: 1;
    user-select: none;
  }
  .account-avatar-initials,
  .account-avatar-picture {
    grid-area: 1/1;
  }
  .account-avatar-picture {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  cws-sales-button {
    display: contents;
  }
  cw-nav .sales-button {
    --ct-button-outlined-outline-color: var(--ct-sys-color-outline);
  }
}
@layer page {
  cws-docs-nav {
    display: block;
  }
  cws-app-shell > cws-docs-nav.docs-drawer {
    grid-area: drawer;
    align-self: stretch;
    contain: size;
    position: sticky;
    inset-block-start: var(--cws-top-bar-block-size, 0px);
    inline-size: var(--cws-docs-drawer-inline-size, 15rem);
    max-block-size: calc(100dvh - var(--cws-top-bar-block-size, 0px));
    overflow-block: auto;
    scrollbar-gutter: stable;
    box-sizing: border-box;
    padding-block: 8px;
    padding-inline: 8px;
    background-color: var(--cws-drawer-ground);
    z-index: 25;
  }
  #primary-navigation > cws-docs-nav.docs-nav-in-drawer {
    inline-size: 100%;
    box-sizing: border-box;
  }
  .docs-nav-divider {
    margin-block: 8px;
  }
  .docs-nav-tree {
    inline-size: 100%;
  }
  .docs-nav-sections {
    --ct-accordion-corner-shape: squircle;
    --ct-accordion-separated-corner-radius: 24px;
    --ct-accordion-separated-expanded-header-corner-radius: 24px;
    --ct-accordion-segment-container-color: transparent;
    --ct-accordion-segment-outline-width: 0px;
    --ct-accordion-separated-gap: 4px;
    --ct-accordion-separated-expanded-margin: 4px;
    --ct-accordion-body-padding: 0px;
    --ct-accordion-header-min-height-dense-2: 48px;
    --ct-accordion-header-padding-inline-start: 12px;
    --ct-accordion-header-padding-inline-end: 8px;
    --ct-accordion-chevron-container-opacity: 0;
    --ct-accordion-chevron-color: var(--ct-sys-color-on-surface-variant);
    --ct-accordion-label-text-color: var(--ct-sys-color-on-surface);
    --ct-accordion-label-text-font: var(--ct-sys-typescale-title-medium-font, var(--ct-sys-typescale-label-large-font));
    --ct-accordion-label-text-size: var(--ct-sys-typescale-title-medium-size, 1rem);
    --ct-accordion-label-text-weight: 700;
    --ct-accordion-label-text-line-height: var(--ct-sys-typescale-title-medium-line-height, 1.5rem);
    --ct-accordion-label-text-tracking: var(--ct-sys-typescale-title-medium-tracking, 0.009375rem);
  }
  .docs-nav-families {
    --ct-accordion-separated-corner-radius: 16px;
    --ct-accordion-separated-expanded-header-corner-radius: 16px;
    --ct-accordion-separated-gap: 4px;
    --ct-accordion-separated-expanded-margin: 4px;
    --ct-accordion-header-padding-inline-start: calc(12px + 8px);
    --ct-accordion-header-padding-inline-end: 8px;
    --ct-accordion-header-min-height-dense-4: 36px;
    --ct-accordion-header-padding-block-dense-4: 2px;
    --ct-accordion-chevron-container-size: 24px;
    --ct-accordion-chevron-size: 16px;
    --ct-accordion-label-text-color: var(--ct-sys-color-on-surface-variant);
    --ct-accordion-label-text-font: var(--ct-sys-typescale-label-medium-font);
    --ct-accordion-label-text-size: 0.8125rem;
    --ct-accordion-label-text-weight: 700;
    --ct-accordion-label-text-line-height: var(--ct-sys-typescale-label-medium-line-height, 1rem);
    --ct-accordion-label-text-tracking: var(--ct-sys-typescale-label-medium-tracking, 0.03125rem);
  }
  .docs-nav-section[expanded] {
    --ct-accordion-segment-header-container-color: var(--ct-sys-color-surface-container);
  }
  .docs-nav-family {
    --ct-accordion-segment-header-container-color: transparent;
  }
  .docs-nav-family .docs-nav-list {
    margin-block: 0 8px;
    margin-inline-start: 16px;
  }
  .docs-nav-list {
    block-size: max-content;
    --ct-nav-drawer-container-width: 100%;
    --ct-nav-drawer-container-width-minimum: 0px;
    --ct-nav-drawer-container-width-maximum: 100%;
    --ct-nav-rail-container-color: transparent;
    --ct-nav-rail-top-space: 0px;
    --ct-nav-drawer-trailing-space: 0px;
    --ct-nav-drawer-item-spacing: 4px;
    --ct-nav-rail-item-horizontal-active-indicator-height: 40px;
    --ct-nav-corner-shape: squircle;
    --ct-nav-rail-item-horizontal-label-text-font: var(--ct-sys-typescale-body-medium-font, var(--ct-sys-typescale-label-large-font));
    --ct-nav-rail-item-horizontal-label-text-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    --ct-nav-rail-item-horizontal-label-text-weight: var(--ct-sys-typescale-body-medium-weight, 400);
    --ct-nav-rail-item-horizontal-label-text-line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    --ct-nav-rail-item-horizontal-label-text-tracking: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
    --ct-nav-item-horizontal-label-text-font: var(--ct-sys-typescale-body-medium-font, var(--ct-sys-typescale-label-large-font));
    --ct-nav-item-horizontal-label-text-size: var(--ct-sys-typescale-body-medium-size, 0.875rem);
    --ct-nav-item-horizontal-label-text-weight: var(--ct-sys-typescale-body-medium-weight, 400);
    --ct-nav-item-horizontal-label-text-line-height: var(--ct-sys-typescale-body-medium-line-height, 1.25rem);
    --ct-nav-item-horizontal-label-text-tracking: var(--ct-sys-typescale-body-medium-tracking, 0.015625rem);
    --ct-nav-item-inactive-label-text-color: var(--ct-sys-color-on-surface-variant);
    --ct-nav-item-horizontal-full-width-leading-space: 0px;
    --ct-nav-item-horizontal-full-width-trailing-space: 12px;
    --ct-badge-color: var(--ct-sys-color-tertiary-container);
    --ct-badge-large-label-text-color: var(--ct-sys-color-on-tertiary-container);
  }
  .docs-nav-label {
    display: block;
    overflow: hidden;
    padding-inline-start: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@layer page {
  cws-page-toc {
    display: contents;
  }
  :root {
    --cws-page-toc-gap: 16px;
  }
  cws-page-toc > cw-toc {
    inset-block-start: calc(var(--cws-top-bar-block-size) + var(--cws-page-toc-gap));
    inset-inline-end: var(--cws-page-toc-gap);
    z-index: 27;
    --ct-toc-edge-gap: var(--cws-page-toc-gap);
    --ct-toc-overlap-tolerance: 72px;
  }
  .reference-bar > cws-page-toc > cw-toc {
    position: absolute;
    inset-block-start: calc(100% + var(--cws-page-toc-gap));
    inset-inline-end: calc(var(--cws-page-toc-gap) - var(--cws-page-toc-band-overhang, 0px));
    z-index: 1;
  }
  html[data-band-layout=reading] header.band + cws-page-toc {
    --cws-page-toc-lead: 40px;
    display: block;
    position: sticky;
    inset-block-start: calc(var(--cws-top-bar-block-size) + var(--cws-page-toc-gap) - var(--cws-page-toc-lead));
    block-size: 0;
    z-index: 27;
  }
  @media (min-width: 768px) {
    html[data-band-layout=reading] header.band + cws-page-toc {
      --cws-page-toc-lead: 48px;
    }
  }
  @media (min-width: 1024px) {
    html[data-band-layout=reading] header.band + cws-page-toc {
      --cws-page-toc-lead: 64px;
    }
  }
  html[data-band-layout=reading] header.band + cws-page-toc > cw-toc {
    position: absolute;
    inset-block-start: var(--cws-page-toc-lead);
    z-index: auto;
  }
  :root {
    --ct-toc-width: regular;
  }
  @media (max-width: 599.98px) {
    :root {
      --ct-toc-width: compact;
    }
  }
}
.subsidiary-page {
  max-inline-size: 720px;
  margin-inline: auto;
  padding-block: 48px;
  padding-inline: 16px;
}

.subsidiary-page h1 {
  font-family: var(--ct-sys-typescale-headline-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-headline-large-size, 2rem);
  font-weight: var(--ct-sys-typescale-headline-large-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-headline-large-line-height, 2.5rem);
  color: var(--ct-sys-color-on-surface, #34313a);
  margin-block: 0 24px;
}

.subsidiary-page h2 {
  font-family: var(--ct-sys-typescale-headline-medium-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-headline-medium-size, 1.75rem);
  font-weight: var(--ct-sys-typescale-headline-medium-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-headline-medium-line-height, 2.25rem);
  color: var(--ct-sys-color-on-surface, #34313a);
  margin-block: 32px 16px;
}

.subsidiary-page h3 {
  font-family: var(--ct-sys-typescale-title-large-font, var(--ct-ref-typeface-brand, Noto Sans));
  font-size: var(--ct-sys-typescale-title-large-size, 1.375rem);
  font-weight: var(--ct-sys-typescale-title-large-weight, var(--ct-ref-typeface-weight-regular, 400));
  line-height: var(--ct-sys-typescale-title-large-line-height, 1.75rem);
  color: var(--ct-sys-color-on-surface, #34313a);
  margin-block: 24px 12px;
}

.subsidiary-page p {
  max-inline-size: 38rem;
  margin-block: 0 16px;
  color: var(--ct-sys-color-on-surface-variant, #625d67);
}

.subsidiary-page ul,
.subsidiary-page ol {
  padding-inline-start: 24px;
  margin-block: 0 16px;
  color: var(--ct-sys-color-on-surface-variant, #625d67);
}

.subsidiary-page a {
  color: var(--ct-sys-color-primary, #665788);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.subsidiary-page a:hover {
  color: var(--ct-sys-color-primary, #665788);
  text-decoration-thickness: 2px;
}
.subsidiary-page a:focus-visible {
  outline: 2px solid var(--ct-sys-color-primary, #665788);
  outline-offset: 2px;
  border-radius: 2px;
}

@layer base {
  .theme-dark {
    background-color: var(--ct-sys-color-background);
    color: var(--ct-sys-color-on-surface);
  }
  .theme-light {
    background-color: var(--ct-sys-color-background);
    color: var(--ct-sys-color-on-surface);
  }
}
:root {
  color-scheme: light dark;
}

:root, .theme-site {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ac3434;
  --ct-sys-color-error-container: #f56965;
  --ct-sys-color-error-dim: #70030f;
  --ct-sys-color-information: #006593;
  --ct-sys-color-information-container: #009fe4;
  --ct-sys-color-inverse-on-surface: #8f9eb4;
  --ct-sys-color-inverse-primary: #76b4fd;
  --ct-sys-color-inverse-surface: #010f1f;
  --ct-sys-color-neutral-palette-key-color: #6a788d;
  --ct-sys-color-neutral-variant-palette-key-color: #477ab3;
  --ct-sys-color-on-background: #143454;
  --ct-sys-color-on-error: #fff7f6;
  --ct-sys-color-on-error-container: #65000b;
  --ct-sys-color-on-information: #fbf8f9;
  --ct-sys-color-on-information-container: #00324c;
  --ct-sys-color-on-primary: #f7f9ff;
  --ct-sys-color-on-primary-container: #003e6e;
  --ct-sys-color-on-primary-fixed: #00294b;
  --ct-sys-color-on-primary-fixed-variant: #00477c;
  --ct-sys-color-on-secondary: #e7ffeb;
  --ct-sys-color-on-secondary-container: #3d6049;
  --ct-sys-color-on-secondary-fixed: #2b4d38;
  --ct-sys-color-on-secondary-fixed-variant: #476a53;
  --ct-sys-color-on-success: #fbf8f6;
  --ct-sys-color-on-success-container: #003715;
  --ct-sys-color-on-surface: #143454;
  --ct-sys-color-on-surface-variant: #446184;
  --ct-sys-color-on-tertiary: #e8ffe8;
  --ct-sys-color-on-tertiary-container: #006531;
  --ct-sys-color-on-tertiary-fixed: #005026;
  --ct-sys-color-on-tertiary-fixed-variant: #0b7039;
  --ct-sys-color-on-warning: #fdf8f4;
  --ct-sys-color-on-warning-container: #3d2c00;
  --ct-sys-color-outline: #607da1;
  --ct-sys-color-outline-variant: #97b4db;
  --ct-sys-color-primary: #0d61a5;
  --ct-sys-color-primary-container: #95c4ff;
  --ct-sys-color-primary-dim: #005593;
  --ct-sys-color-primary-fixed: #95c4ff;
  --ct-sys-color-primary-fixed-dim: #79b7ff;
  --ct-sys-color-primary-palette-key-color: #357abf;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #436750;
  --ct-sys-color-secondary-container: #d0f8da;
  --ct-sys-color-secondary-dim: #385a44;
  --ct-sys-color-secondary-fixed: #d0f8da;
  --ct-sys-color-secondary-fixed-dim: #c2e9cc;
  --ct-sys-color-secondary-palette-key-color: #5b7f67;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006e32;
  --ct-sys-color-success-container: #1eac54;
  --ct-sys-color-surface: #f8f9ff;
  --ct-sys-color-surface-bright: #f8f9ff;
  --ct-sys-color-surface-container: #e5eeff;
  --ct-sys-color-surface-container-high: #dce9ff;
  --ct-sys-color-surface-container-highest: #d2e4ff;
  --ct-sys-color-surface-container-low: #eff4ff;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #c3dcff;
  --ct-sys-color-surface-tint: #0d61a5;
  --ct-sys-color-surface-variant: #d2e4ff;
  --ct-sys-color-tertiary: #076e37;
  --ct-sys-color-tertiary-container: #a5ffb9;
  --ct-sys-color-tertiary-dim: #00602f;
  --ct-sys-color-tertiary-fixed: #a5ffb9;
  --ct-sys-color-tertiary-fixed-dim: #97f0ac;
  --ct-sys-color-tertiary-palette-key-color: #2e874e;
  --ct-sys-color-warning: #855500;
  --ct-sys-color-warning-container: #bd8f00;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: 24px;
  --ct-field-outlined-container-start-end-radius: 24px;
  --ct-field-outlined-container-end-start-radius: 24px;
  --ct-field-outlined-container-end-end-radius: 24px;
  --ct-card-container-radius: var(--ct-sys-corner-radius-large, 16px);
}

.theme-hero {
  --ct-sys-color-background: #ffffff;
  --ct-sys-color-error: #ac3434;
  --ct-sys-color-error-container: #f56965;
  --ct-sys-color-error-dim: #70030f;
  --ct-sys-color-information: #006593;
  --ct-sys-color-information-container: #009fe4;
  --ct-sys-color-inverse-on-surface: #86a395;
  --ct-sys-color-inverse-primary: #98fdc1;
  --ct-sys-color-inverse-surface: #00120a;
  --ct-sys-color-neutral-palette-key-color: #617d70;
  --ct-sys-color-neutral-variant-palette-key-color: #238667;
  --ct-sys-color-on-background: #003a2a;
  --ct-sys-color-on-error: #fff7f6;
  --ct-sys-color-on-error-container: #65000b;
  --ct-sys-color-on-information: #fbf8f9;
  --ct-sys-color-on-information-container: #00324c;
  --ct-sys-color-on-primary: #e7ffec;
  --ct-sys-color-on-primary-container: #005e38;
  --ct-sys-color-on-primary-fixed: #00492b;
  --ct-sys-color-on-primary-fixed-variant: #006940;
  --ct-sys-color-on-secondary: #fff7f4;
  --ct-sys-color-on-secondary-container: #6e4a2a;
  --ct-sys-color-on-secondary-fixed: #593819;
  --ct-sys-color-on-secondary-fixed-variant: #795332;
  --ct-sys-color-on-success: #fbf8f6;
  --ct-sys-color-on-success-container: #003715;
  --ct-sys-color-on-surface: #003a2a;
  --ct-sys-color-on-surface-variant: #346955;
  --ct-sys-color-on-tertiary: #fff7f4;
  --ct-sys-color-on-tertiary-container: #582a00;
  --ct-sys-color-on-tertiary-fixed: #371800;
  --ct-sys-color-on-tertiary-fixed-variant: #653100;
  --ct-sys-color-on-warning: #fdf8f4;
  --ct-sys-color-on-warning-container: #3d2c00;
  --ct-sys-color-outline: #508570;
  --ct-sys-color-outline-variant: #87bda6;
  --ct-sys-color-primary: #006d42;
  --ct-sys-color-primary-container: #93f7bb;
  --ct-sys-color-primary-dim: #006039;
  --ct-sys-color-primary-fixed: #93f7bb;
  --ct-sys-color-primary-fixed-dim: #85e8ae;
  --ct-sys-color-primary-palette-key-color: #1a8856;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #7d5735;
  --ct-sys-color-secondary-container: #ffdcc1;
  --ct-sys-color-secondary-dim: #704b2b;
  --ct-sys-color-secondary-fixed: #ffdcc1;
  --ct-sys-color-secondary-fixed-dim: #fecaa1;
  --ct-sys-color-secondary-palette-key-color: #986e4b;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006e32;
  --ct-sys-color-success-container: #1eac54;
  --ct-sys-color-surface: #e7fff2;
  --ct-sys-color-surface-bright: #e7fff2;
  --ct-sys-color-surface-container: #ccf8e3;
  --ct-sys-color-surface-container-high: #c1f3dc;
  --ct-sys-color-surface-container-highest: #b6efd5;
  --ct-sys-color-surface-container-low: #d7fcea;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #a8e7cc;
  --ct-sys-color-surface-tint: #006d42;
  --ct-sys-color-surface-variant: #b6efd5;
  --ct-sys-color-tertiary: #954b00;
  --ct-sys-color-tertiary-container: #ffa35c;
  --ct-sys-color-tertiary-dim: #834100;
  --ct-sys-color-tertiary-fixed: #ffa35c;
  --ct-sys-color-tertiary-fixed-dim: #f2954b;
  --ct-sys-color-tertiary-palette-key-color: #b3621c;
  --ct-sys-color-warning: #855500;
  --ct-sys-color-warning-container: #bd8f00;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-tidal {
  --ct-sys-color-background: #fff7f9;
  --ct-sys-color-error: #ac3149;
  --ct-sys-color-error-container: #f76a80;
  --ct-sys-color-error-dim: #770326;
  --ct-sys-color-information: #006788;
  --ct-sys-color-information-container: #00a4d8;
  --ct-sys-color-inverse-on-surface: #b195aa;
  --ct-sys-color-inverse-primary: #fba8f1;
  --ct-sys-color-inverse-surface: #190818;
  --ct-sys-color-neutral-palette-key-color: #896f84;
  --ct-sys-color-neutral-variant-palette-key-color: #9f6299;
  --ct-sys-color-on-background: #492646;
  --ct-sys-color-on-error: #fff7f7;
  --ct-sys-color-on-error-container: #68001f;
  --ct-sys-color-on-information: #faf8f9;
  --ct-sys-color-on-information-container: #003549;
  --ct-sys-color-on-primary: #fff7f9;
  --ct-sys-color-on-primary-container: #652363;
  --ct-sys-color-on-primary-fixed: #4c0a4d;
  --ct-sys-color-on-primary-fixed-variant: #6f2d6d;
  --ct-sys-color-on-secondary: #e4fff3;
  --ct-sys-color-on-secondary-container: #386254;
  --ct-sys-color-on-secondary-fixed: #254f42;
  --ct-sys-color-on-secondary-fixed-variant: #426c5e;
  --ct-sys-color-on-success: #fbf8f5;
  --ct-sys-color-on-success-container: #003a00;
  --ct-sys-color-on-surface: #492646;
  --ct-sys-color-on-surface-variant: #795275;
  --ct-sys-color-on-tertiary: #e5fff0;
  --ct-sys-color-on-tertiary-container: #006147;
  --ct-sys-color-on-tertiary-fixed: #004d37;
  --ct-sys-color-on-tertiary-fixed-variant: #006d4f;
  --ct-sys-color-on-warning: #fef8f3;
  --ct-sys-color-on-warning-container: #402e00;
  --ct-sys-color-outline: #976d91;
  --ct-sys-color-outline-variant: #d2a3ca;
  --ct-sys-color-primary: #8a4586;
  --ct-sys-color-primary-container: #fba8f1;
  --ct-sys-color-primary-dim: #7d3979;
  --ct-sys-color-primary-fixed: #fba8f1;
  --ct-sys-color-primary-fixed-dim: #ec9be3;
  --ct-sys-color-primary-palette-key-color: #a65da0;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #3d6759;
  --ct-sys-color-secondary-container: #cdfbe8;
  --ct-sys-color-secondary-dim: #315b4d;
  --ct-sys-color-secondary-fixed: #cdfbe8;
  --ct-sys-color-secondary-fixed-dim: #bfecda;
  --ct-sys-color-secondary-palette-key-color: #557f70;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #086f03;
  --ct-sys-color-success-container: #52ac40;
  --ct-sys-color-surface: #fff7f9;
  --ct-sys-color-surface-bright: #fff7f9;
  --ct-sys-color-surface-container: #ffe7f8;
  --ct-sys-color-surface-container-high: #ffdff7;
  --ct-sys-color-surface-container-highest: #ffd7f6;
  --ct-sys-color-surface-container-low: #ffeff8;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ffcaf5;
  --ct-sys-color-surface-tint: #8a4586;
  --ct-sys-color-surface-variant: #ffd7f6;
  --ct-sys-color-tertiary: #006d4f;
  --ct-sys-color-tertiary-container: #8cfed0;
  --ct-sys-color-tertiary-dim: #005f45;
  --ct-sys-color-tertiary-fixed: #8cfed0;
  --ct-sys-color-tertiary-fixed-dim: #7defc2;
  --ct-sys-color-tertiary-palette-key-color: #08966f;
  --ct-sys-color-warning: #855500;
  --ct-sys-color-warning-container: #c09200;
  --ct-sys-corner-shape: scoop;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-botanical {
  --ct-sys-color-background: #f3fcf3;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #eaf3ea;
  --ct-sys-color-inverse-primary: #ffb4a8;
  --ct-sys-color-inverse-surface: #2a322d;
  --ct-sys-color-neutral-palette-key-color: #707972;
  --ct-sys-color-neutral-variant-palette-key-color: #6c7b70;
  --ct-sys-color-on-background: #151d18;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #763127;
  --ct-sys-color-on-primary-fixed: #3d0603;
  --ct-sys-color-on-primary-fixed-variant: #763127;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #274e3d;
  --ct-sys-color-on-secondary-fixed: #002115;
  --ct-sys-color-on-secondary-fixed-variant: #274e3d;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #151d18;
  --ct-sys-color-on-surface-variant: #3c4a41;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #00504d;
  --ct-sys-color-on-tertiary-fixed: #00201f;
  --ct-sys-color-on-tertiary-fixed-variant: #00504d;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6b7b70;
  --ct-sys-color-outline-variant: #bacbbe;
  --ct-sys-color-primary: #94483c;
  --ct-sys-color-primary-container: #ffdad4;
  --ct-sys-color-primary-dim: #853c32;
  --ct-sys-color-primary-fixed: #ffdad4;
  --ct-sys-color-primary-fixed-dim: #ffb4a8;
  --ct-sys-color-primary-palette-key-color: #b26053;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #3f6654;
  --ct-sys-color-secondary-container: #c1ecd5;
  --ct-sys-color-secondary-dim: #335a49;
  --ct-sys-color-secondary-fixed: #c1ecd5;
  --ct-sys-color-secondary-fixed-dim: #a5d0ba;
  --ct-sys-color-secondary-palette-key-color: #577f6c;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #f3fcf3;
  --ct-sys-color-surface-bright: #f3fcf3;
  --ct-sys-color-surface-container: #e7f0e8;
  --ct-sys-color-surface-container-high: #e2eae2;
  --ct-sys-color-surface-container-highest: #dce5dc;
  --ct-sys-color-surface-container-low: #edf6ed;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d3dcd4;
  --ct-sys-color-surface-tint: #94483c;
  --ct-sys-color-surface-variant: #d6e7da;
  --ct-sys-color-tertiary: #1b6965;
  --ct-sys-color-tertiary-container: #a8f0eb;
  --ct-sys-color-tertiary-dim: #025d59;
  --ct-sys-color-tertiary-fixed: #a8f0eb;
  --ct-sys-color-tertiary-fixed-dim: #8cd3ce;
  --ct-sys-color-tertiary-palette-key-color: #3a827e;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: round;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-neon {
  --ct-sys-color-background: #fef7ff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f6eefd;
  --ct-sys-color-inverse-primary: #d4bbff;
  --ct-sys-color-inverse-surface: #332e39;
  --ct-sys-color-neutral-palette-key-color: #7b7582;
  --ct-sys-color-neutral-variant-palette-key-color: #7b7484;
  --ct-sys-color-on-background: #1e1a24;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #5c00c3;
  --ct-sys-color-on-primary-fixed: #260058;
  --ct-sys-color-on-primary-fixed-variant: #5c00c3;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #533f5f;
  --ct-sys-color-on-secondary-fixed: #251431;
  --ct-sys-color-on-secondary-fixed-variant: #533f5f;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1e1a24;
  --ct-sys-color-on-surface-variant: #4a4453;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #5f3962;
  --ct-sys-color-on-tertiary-fixed: #2f0d33;
  --ct-sys-color-on-tertiary-fixed-variant: #5f3962;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #7b7484;
  --ct-sys-color-outline-variant: #ccc3d5;
  --ct-sys-color-primary: #7a00fd;
  --ct-sys-color-primary-container: #ebdcff;
  --ct-sys-color-primary-dim: #6b00e0;
  --ct-sys-color-primary-fixed: #ebdcff;
  --ct-sys-color-primary-fixed-dim: #d4bbff;
  --ct-sys-color-primary-palette-key-color: #7a00fd;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #6c5778;
  --ct-sys-color-secondary-container: #f4daff;
  --ct-sys-color-secondary-dim: #5f4b6b;
  --ct-sys-color-secondary-fixed: #f4daff;
  --ct-sys-color-secondary-fixed-dim: #d7bde4;
  --ct-sys-color-secondary-palette-key-color: #856f91;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fef7ff;
  --ct-sys-color-surface-bright: #fef7ff;
  --ct-sys-color-surface-container: #f4ebfa;
  --ct-sys-color-surface-container-high: #eee5f4;
  --ct-sys-color-surface-container-highest: #e8dfee;
  --ct-sys-color-surface-container-low: #f9f0ff;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #dfd7e6;
  --ct-sys-color-surface-tint: #7a00fd;
  --ct-sys-color-surface-variant: #e9dff1;
  --ct-sys-color-tertiary: #78517b;
  --ct-sys-color-tertiary-container: #ffd6fd;
  --ct-sys-color-tertiary-dim: #6b456e;
  --ct-sys-color-tertiary-fixed: #ffd6fd;
  --ct-sys-color-tertiary-fixed-dim: #e8b7e7;
  --ct-sys-color-tertiary-palette-key-color: #936995;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-heritage {
  --ct-sys-color-background: #f9f9fe;
  --ct-sys-color-error: #a83836;
  --ct-sys-color-error-container: #fa746f;
  --ct-sys-color-error-dim: #67040d;
  --ct-sys-color-information: #006594;
  --ct-sys-color-information-container: #00a7f0;
  --ct-sys-color-inverse-on-surface: #9c9da1;
  --ct-sys-color-inverse-primary: #b0d1ff;
  --ct-sys-color-inverse-surface: #0c0e12;
  --ct-sys-color-neutral-palette-key-color: #75777b;
  --ct-sys-color-neutral-variant-palette-key-color: #737780;
  --ct-sys-color-on-background: #2e333a;
  --ct-sys-color-on-error: #fff7f6;
  --ct-sys-color-on-error-container: #6e0a12;
  --ct-sys-color-on-information: #fbf8f9;
  --ct-sys-color-on-information-container: #003955;
  --ct-sys-color-on-primary: #f7f9ff;
  --ct-sys-color-on-primary-container: #25476e;
  --ct-sys-color-on-primary-fixed: #0c3459;
  --ct-sys-color-on-primary-fixed-variant: #2f5077;
  --ct-sys-color-on-secondary: #f7f9ff;
  --ct-sys-color-on-secondary-container: #475363;
  --ct-sys-color-on-secondary-fixed: #354050;
  --ct-sys-color-on-secondary-fixed-variant: #515c6d;
  --ct-sys-color-on-success: #fbf8f6;
  --ct-sys-color-on-success-container: #003f19;
  --ct-sys-color-on-surface: #2e333a;
  --ct-sys-color-on-surface-variant: #5b5f67;
  --ct-sys-color-on-tertiary: #fdf7ff;
  --ct-sys-color-on-tertiary-container: #484068;
  --ct-sys-color-on-tertiary-fixed: #352c53;
  --ct-sys-color-on-tertiary-fixed-variant: #524972;
  --ct-sys-color-on-warning: #fdf8f4;
  --ct-sys-color-on-warning-container: #453200;
  --ct-sys-color-outline: #767b83;
  --ct-sys-color-outline-variant: #aeb2bb;
  --ct-sys-color-primary: #406189;
  --ct-sys-color-primary-container: #b0d1ff;
  --ct-sys-color-primary-dim: #34557c;
  --ct-sys-color-primary-fixed: #b0d1ff;
  --ct-sys-color-primary-fixed-dim: #a3c3f1;
  --ct-sys-color-primary-palette-key-color: #5979a2;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #546071;
  --ct-sys-color-secondary-container: #d7e3f8;
  --ct-sys-color-secondary-dim: #485465;
  --ct-sys-color-secondary-fixed: #d7e3f8;
  --ct-sys-color-secondary-fixed-dim: #c9d5e9;
  --ct-sys-color-secondary-palette-key-color: #6c788a;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006e32;
  --ct-sys-color-success-container: #3cb360;
  --ct-sys-color-surface: #f9f9fe;
  --ct-sys-color-surface-bright: #f9f9fe;
  --ct-sys-color-surface-container: #ebeef5;
  --ct-sys-color-surface-container-high: #e5e8f0;
  --ct-sys-color-surface-container-highest: #dfe2ec;
  --ct-sys-color-surface-container-low: #f2f3fa;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d6dae4;
  --ct-sys-color-surface-tint: #406189;
  --ct-sys-color-surface-variant: #dfe2ec;
  --ct-sys-color-tertiary: #625983;
  --ct-sys-color-tertiary-container: #d4c8f9;
  --ct-sys-color-tertiary-dim: #564d77;
  --ct-sys-color-tertiary-fixed: #d4c8f9;
  --ct-sys-color-tertiary-fixed-dim: #c6baeb;
  --ct-sys-color-tertiary-palette-key-color: #7b719d;
  --ct-sys-color-warning: #855500;
  --ct-sys-color-warning-container: #c69600;
  --ct-sys-corner-shape: square;
  --ct-sys-corner-start-start-shape: notch;
  --ct-sys-corner-end-end-shape: notch;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-artisan {
  --ct-sys-color-background: #fff8f7;
  --ct-sys-color-error: #9f403d;
  --ct-sys-color-error-container: #fe8983;
  --ct-sys-color-error-dim: #4e0309;
  --ct-sys-color-information: #006593;
  --ct-sys-color-information-container: #50b4f3;
  --ct-sys-color-inverse-on-surface: #a19c9c;
  --ct-sys-color-inverse-primary: #fce6e9;
  --ct-sys-color-inverse-surface: #100e0e;
  --ct-sys-color-neutral-palette-key-color: #7a7676;
  --ct-sys-color-neutral-variant-palette-key-color: #7d7576;
  --ct-sys-color-on-background: #363132;
  --ct-sys-color-on-error: #fff7f6;
  --ct-sys-color-on-error-container: #752121;
  --ct-sys-color-on-information: #fbf8f9;
  --ct-sys-color-on-information-container: #004364;
  --ct-sys-color-on-primary: #fff5f6;
  --ct-sys-color-on-primary-container: #5d4e50;
  --ct-sys-color-on-primary-fixed: #4a3c3e;
  --ct-sys-color-on-primary-fixed-variant: #67585a;
  --ct-sys-color-on-secondary: #fff7f7;
  --ct-sys-color-on-secondary-container: #585051;
  --ct-sys-color-on-secondary-fixed: #453d3e;
  --ct-sys-color-on-secondary-fixed-variant: #62595a;
  --ct-sys-color-on-success: #fbf8f6;
  --ct-sys-color-on-success-container: #004a1f;
  --ct-sys-color-on-surface: #363132;
  --ct-sys-color-on-surface-variant: #645d5e;
  --ct-sys-color-on-tertiary: #fff7f9;
  --ct-sys-color-on-tertiary-container: #634a60;
  --ct-sys-color-on-tertiary-fixed: #50384d;
  --ct-sys-color-on-tertiary-fixed-variant: #6e536a;
  --ct-sys-color-on-warning: #fdf8f4;
  --ct-sys-color-on-warning-container: #513c00;
  --ct-sys-color-outline: #807979;
  --ct-sys-color-outline-variant: #b9b0b0;
  --ct-sys-color-primary: #6a5a5d;
  --ct-sys-color-primary-container: #f3dde0;
  --ct-sys-color-primary-dim: #5e4f51;
  --ct-sys-color-primary-fixed: #f3dde0;
  --ct-sys-color-primary-fixed-dim: #e4cfd2;
  --ct-sys-color-primary-palette-key-color: #847376;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #655d5e;
  --ct-sys-color-secondary-container: #ece0e0;
  --ct-sys-color-secondary-dim: #595152;
  --ct-sys-color-secondary-fixed: #ece0e0;
  --ct-sys-color-secondary-fixed-dim: #ddd2d2;
  --ct-sys-color-secondary-palette-key-color: #7e7576;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #046e32;
  --ct-sys-color-success-container: #64bd78;
  --ct-sys-color-surface: #fff8f7;
  --ct-sys-color-surface-bright: #fff8f7;
  --ct-sys-color-surface-container: #f4ecec;
  --ct-sys-color-surface-container-high: #efe6e6;
  --ct-sys-color-surface-container-highest: #eae0e1;
  --ct-sys-color-surface-container-low: #faf2f2;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e2d7d8;
  --ct-sys-color-surface-tint: #6a5a5d;
  --ct-sys-color-surface-variant: #eae0e1;
  --ct-sys-color-tertiary: #71576d;
  --ct-sys-color-tertiary-container: #fbd8f3;
  --ct-sys-color-tertiary-dim: #654b61;
  --ct-sys-color-tertiary-fixed: #fbd8f3;
  --ct-sys-color-tertiary-fixed-dim: #eccae5;
  --ct-sys-color-tertiary-palette-key-color: #8b6e86;
  --ct-sys-color-warning: #855400;
  --ct-sys-color-warning-container: #d4a424;
  --ct-sys-corner-shape: bevel;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-minimal {
  --ct-sys-color-background: #fcf8f9;
  --ct-sys-color-error: #9f403d;
  --ct-sys-color-error-container: #fe8983;
  --ct-sys-color-error-dim: #4e0309;
  --ct-sys-color-information: #006593;
  --ct-sys-color-information-container: #50b4f3;
  --ct-sys-color-inverse-on-surface: #9e9c9d;
  --ct-sys-color-inverse-primary: #e2e8f8;
  --ct-sys-color-inverse-surface: #0e0e0f;
  --ct-sys-color-neutral-palette-key-color: #787778;
  --ct-sys-color-neutral-variant-palette-key-color: #777779;
  --ct-sys-color-on-background: #323235;
  --ct-sys-color-on-error: #fff7f6;
  --ct-sys-color-on-error-container: #752121;
  --ct-sys-color-on-information: #fbf8f9;
  --ct-sys-color-on-information-container: #004364;
  --ct-sys-color-on-primary: #f6f7ff;
  --ct-sys-color-on-primary-container: #4b525e;
  --ct-sys-color-on-primary-fixed: #39404c;
  --ct-sys-color-on-primary-fixed-variant: #555c68;
  --ct-sys-color-on-secondary: #f8f8ff;
  --ct-sys-color-on-secondary-container: #505257;
  --ct-sys-color-on-secondary-fixed: #3d3f45;
  --ct-sys-color-on-secondary-fixed-variant: #595b61;
  --ct-sys-color-on-success: #fbf8f6;
  --ct-sys-color-on-success-container: #004a1f;
  --ct-sys-color-on-surface: #323235;
  --ct-sys-color-on-surface-variant: #5f5f61;
  --ct-sys-color-on-tertiary: #fbf7ff;
  --ct-sys-color-on-tertiary-container: #4b4c67;
  --ct-sys-color-on-tertiary-fixed: #393953;
  --ct-sys-color-on-tertiary-fixed-variant: #555671;
  --ct-sys-color-on-warning: #fdf8f4;
  --ct-sys-color-on-warning-container: #513c00;
  --ct-sys-color-outline: #7b7a7d;
  --ct-sys-color-outline-variant: #b2b1b4;
  --ct-sys-color-primary: #585f6b;
  --ct-sys-color-primary-container: #dce2f2;
  --ct-sys-color-primary-dim: #4c535f;
  --ct-sys-color-primary-fixed: #dce2f2;
  --ct-sys-color-primary-fixed-dim: #ced4e4;
  --ct-sys-color-primary-palette-key-color: #717785;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #5d5f65;
  --ct-sys-color-secondary-container: #e1e2e9;
  --ct-sys-color-secondary-dim: #515358;
  --ct-sys-color-secondary-fixed: #e1e2e9;
  --ct-sys-color-secondary-fixed-dim: #d3d4da;
  --ct-sys-color-secondary-palette-key-color: #75777d;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #046e32;
  --ct-sys-color-success-container: #64bd78;
  --ct-sys-color-surface: #fcf8f9;
  --ct-sys-color-surface-bright: #fcf8f9;
  --ct-sys-color-surface-container: #f0edef;
  --ct-sys-color-surface-container-high: #eae7ea;
  --ct-sys-color-surface-container-highest: #e4e2e5;
  --ct-sys-color-surface-container-low: #f6f3f4;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #dbd9dd;
  --ct-sys-color-surface-tint: #585f6b;
  --ct-sys-color-surface-variant: #e4e2e5;
  --ct-sys-color-tertiary: #5c5d78;
  --ct-sys-color-tertiary-container: #dbdafb;
  --ct-sys-color-tertiary-dim: #50516c;
  --ct-sys-color-tertiary-fixed: #dbdafb;
  --ct-sys-color-tertiary-fixed-dim: #cdccec;
  --ct-sys-color-tertiary-palette-key-color: #757591;
  --ct-sys-color-warning: #855400;
  --ct-sys-color-warning-container: #d4a424;
  --ct-sys-corner-shape: square;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-playful {
  --ct-sys-color-background: #fff8f8;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffecf0;
  --ct-sys-color-inverse-primary: #d8b9ff;
  --ct-sys-color-inverse-surface: #3b2c31;
  --ct-sys-color-neutral-palette-key-color: #867278;
  --ct-sys-color-neutral-variant-palette-key-color: #8e6f79;
  --ct-sys-color-on-background: #25181c;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #583486;
  --ct-sys-color-on-primary-fixed: #290055;
  --ct-sys-color-on-primary-fixed-variant: #583486;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #533b72;
  --ct-sys-color-on-secondary-fixed: #260e44;
  --ct-sys-color-on-secondary-fixed-variant: #533b72;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #25181c;
  --ct-sys-color-on-surface-variant: #5a3f48;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #6f334c;
  --ct-sys-color-on-tertiary-fixed: #390720;
  --ct-sys-color-on-tertiary-fixed-variant: #6f334c;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #8e6f79;
  --ct-sys-color-outline-variant: #e2bdc8;
  --ct-sys-color-primary: #704d9f;
  --ct-sys-color-primary-container: #eddcff;
  --ct-sys-color-primary-dim: #644092;
  --ct-sys-color-primary-fixed: #eddcff;
  --ct-sys-color-primary-fixed-dim: #d8b9ff;
  --ct-sys-color-primary-palette-key-color: #8a66ba;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #6c538c;
  --ct-sys-color-secondary-container: #eddcff;
  --ct-sys-color-secondary-dim: #5f477f;
  --ct-sys-color-secondary-fixed: #eddcff;
  --ct-sys-color-secondary-fixed-dim: #d7bafb;
  --ct-sys-color-secondary-palette-key-color: #856ca6;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f8;
  --ct-sys-color-surface-bright: #fff8f8;
  --ct-sys-color-surface-container: #ffe8ee;
  --ct-sys-color-surface-container-high: #fbe2e8;
  --ct-sys-color-surface-container-highest: #f5dce3;
  --ct-sys-color-surface-container-low: #fff0f3;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ecd4da;
  --ct-sys-color-surface-tint: #704d9f;
  --ct-sys-color-surface-variant: #ffd9e4;
  --ct-sys-color-tertiary: #8b4a64;
  --ct-sys-color-tertiary-container: #ffd9e4;
  --ct-sys-color-tertiary-dim: #7d3e57;
  --ct-sys-color-tertiary-fixed: #ffd9e4;
  --ct-sys-color-tertiary-fixed-dim: #ffb0cc;
  --ct-sys-color-tertiary-palette-key-color: #a7627c;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: round;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-signal {
  --ct-sys-color-background: #fff8f5;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffede3;
  --ct-sys-color-inverse-primary: #ffb77d;
  --ct-sys-color-inverse-surface: #392e26;
  --ct-sys-color-neutral-palette-key-color: #83746a;
  --ct-sys-color-neutral-variant-palette-key-color: #887364;
  --ct-sys-color-on-background: #231a13;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #fffbff;
  --ct-sys-color-on-primary-fixed: #2f1500;
  --ct-sys-color-on-primary-fixed-variant: #6e3900;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #784c25;
  --ct-sys-color-on-secondary-fixed: #2f1500;
  --ct-sys-color-on-secondary-fixed-variant: #673d17;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #231a13;
  --ct-sys-color-on-surface-variant: #554336;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #fdffdd;
  --ct-sys-color-on-tertiary-fixed: #1a1e00;
  --ct-sys-color-on-tertiary-fixed-variant: #434b00;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #887364;
  --ct-sys-color-outline-variant: #dbc2b0;
  --ct-sys-color-primary: #8d4b00;
  --ct-sys-color-primary-container: #b15f00;
  --ct-sys-color-primary-dim: #7f4300;
  --ct-sys-color-primary-fixed: #ffdcc3;
  --ct-sys-color-primary-fixed-dim: #ffb77d;
  --ct-sys-color-primary-palette-key-color: #d67502;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #82542c;
  --ct-sys-color-secondary-container: #fdbf8f;
  --ct-sys-color-secondary-dim: #744822;
  --ct-sys-color-secondary-fixed: #ffdcc3;
  --ct-sys-color-secondary-fixed-dim: #f7ba8a;
  --ct-sys-color-secondary-palette-key-color: #9e6c42;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f5;
  --ct-sys-color-surface-bright: #fff8f5;
  --ct-sys-color-surface-container: #fdeade;
  --ct-sys-color-surface-container-high: #f7e5d9;
  --ct-sys-color-surface-container-highest: #f2dfd3;
  --ct-sys-color-surface-container-low: #fff1e9;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e9d7cb;
  --ct-sys-color-surface-tint: #904d00;
  --ct-sys-color-surface-variant: #f9ddcb;
  --ct-sys-color-tertiary: #576100;
  --ct-sys-color-tertiary-container: #6e7b00;
  --ct-sys-color-tertiary-dim: #4e5700;
  --ct-sys-color-tertiary-fixed: #daed5d;
  --ct-sys-color-tertiary-fixed-dim: #bfd043;
  --ct-sys-color-tertiary-palette-key-color: #899900;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: round;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-prism {
  --ct-sys-color-background: #f9f9f9;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f1f1f1;
  --ct-sys-color-inverse-primary: #a2c9ff;
  --ct-sys-color-inverse-surface: #303030;
  --ct-sys-color-neutral-palette-key-color: #777777;
  --ct-sys-color-neutral-variant-palette-key-color: #777777;
  --ct-sys-color-on-background: #1b1b1b;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #004881;
  --ct-sys-color-on-primary-fixed: #001c38;
  --ct-sys-color-on-primary-fixed-variant: #004881;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #3c4858;
  --ct-sys-color-on-secondary-fixed: #101c2b;
  --ct-sys-color-on-secondary-fixed-variant: #3c4858;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1b1b1b;
  --ct-sys-color-on-surface-variant: #474747;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #533f5e;
  --ct-sys-color-on-tertiary-fixed: #261431;
  --ct-sys-color-on-tertiary-fixed-variant: #533f5e;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #777777;
  --ct-sys-color-outline-variant: #c6c6c6;
  --ct-sys-color-primary: #1260a4;
  --ct-sys-color-primary-container: #d3e4ff;
  --ct-sys-color-primary-dim: #005494;
  --ct-sys-color-primary-fixed: #d3e4ff;
  --ct-sys-color-primary-fixed-dim: #a2c9ff;
  --ct-sys-color-primary-palette-key-color: #397ac0;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #545f70;
  --ct-sys-color-secondary-container: #d7e3f8;
  --ct-sys-color-secondary-dim: #485364;
  --ct-sys-color-secondary-fixed: #d7e3f8;
  --ct-sys-color-secondary-fixed-dim: #bbc7db;
  --ct-sys-color-secondary-palette-key-color: #6c788a;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #f9f9f9;
  --ct-sys-color-surface-bright: #f9f9f9;
  --ct-sys-color-surface-container: #eeeeee;
  --ct-sys-color-surface-container-high: #e8e8e8;
  --ct-sys-color-surface-container-highest: #e2e2e2;
  --ct-sys-color-surface-container-low: #f3f3f3;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #dadada;
  --ct-sys-color-surface-tint: #1260a4;
  --ct-sys-color-surface-variant: #e2e2e2;
  --ct-sys-color-tertiary: #6c5677;
  --ct-sys-color-tertiary-container: #f4d9ff;
  --ct-sys-color-tertiary-dim: #604b6b;
  --ct-sys-color-tertiary-fixed: #f4d9ff;
  --ct-sys-color-tertiary-fixed-dim: #d8bde3;
  --ct-sys-color-tertiary-palette-key-color: #866f91;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-contrail {
  --ct-sys-color-background: #f9f9ff;
  --ct-sys-color-error: #ac3434;
  --ct-sys-color-error-container: #f56965;
  --ct-sys-color-error-dim: #70030f;
  --ct-sys-color-information: #006593;
  --ct-sys-color-information-container: #009fe4;
  --ct-sys-color-inverse-on-surface: #919db4;
  --ct-sys-color-inverse-primary: #75aaf6;
  --ct-sys-color-inverse-surface: #030e20;
  --ct-sys-color-neutral-palette-key-color: #6c788d;
  --ct-sys-color-neutral-variant-palette-key-color: #4d78b4;
  --ct-sys-color-on-background: #193355;
  --ct-sys-color-on-error: #fff7f6;
  --ct-sys-color-on-error-container: #65000b;
  --ct-sys-color-on-information: #fbf8f9;
  --ct-sys-color-on-information-container: #00324c;
  --ct-sys-color-on-primary: #f8f8ff;
  --ct-sys-color-on-primary-container: #003d74;
  --ct-sys-color-on-primary-fixed: #002850;
  --ct-sys-color-on-primary-fixed-variant: #004684;
  --ct-sys-color-on-secondary: #e6ffee;
  --ct-sys-color-on-secondary-container: #3c624e;
  --ct-sys-color-on-secondary-fixed: #2a4f3c;
  --ct-sys-color-on-secondary-fixed-variant: #466c58;
  --ct-sys-color-on-success: #fbf8f6;
  --ct-sys-color-on-success-container: #003715;
  --ct-sys-color-on-surface: #193355;
  --ct-sys-color-on-surface-variant: #486084;
  --ct-sys-color-on-tertiary: #e7ffeb;
  --ct-sys-color-on-tertiary-container: #006239;
  --ct-sys-color-on-tertiary-fixed: #004e2c;
  --ct-sys-color-on-tertiary-fixed-variant: #006e40;
  --ct-sys-color-on-warning: #fdf8f4;
  --ct-sys-color-on-warning-container: #3d2c00;
  --ct-sys-color-outline: #647ca2;
  --ct-sys-color-outline-variant: #9bb3dc;
  --ct-sys-color-primary: #2160a7;
  --ct-sys-color-primary-container: #9cc3ff;
  --ct-sys-color-primary-dim: #09549a;
  --ct-sys-color-primary-fixed: #9cc3ff;
  --ct-sys-color-primary-fixed-dim: #83b5ff;
  --ct-sys-color-primary-palette-key-color: #4078c0;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #416753;
  --ct-sys-color-secondary-container: #d0fbe0;
  --ct-sys-color-secondary-dim: #355b47;
  --ct-sys-color-secondary-fixed: #d0fbe0;
  --ct-sys-color-secondary-fixed-dim: #c2ecd2;
  --ct-sys-color-secondary-palette-key-color: #597f6a;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006e32;
  --ct-sys-color-success-container: #1eac54;
  --ct-sys-color-surface: #f9f9ff;
  --ct-sys-color-surface-bright: #f9f9ff;
  --ct-sys-color-surface-container: #e7eeff;
  --ct-sys-color-surface-container-high: #dee9ff;
  --ct-sys-color-surface-container-highest: #d4e3ff;
  --ct-sys-color-surface-container-low: #f0f3ff;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #c7dbff;
  --ct-sys-color-surface-tint: #2160a7;
  --ct-sys-color-surface-variant: #d4e3ff;
  --ct-sys-color-tertiary: #006e40;
  --ct-sys-color-tertiary-container: #9bfdbe;
  --ct-sys-color-tertiary-dim: #006037;
  --ct-sys-color-tertiary-fixed: #9bfdbe;
  --ct-sys-color-tertiary-fixed-dim: #8deeb1;
  --ct-sys-color-tertiary-palette-key-color: #208854;
  --ct-sys-color-warning: #855500;
  --ct-sys-color-warning-container: #bd8f00;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-atelier {
  --ct-sys-color-background: #fef8f5;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f5f0ec;
  --ct-sys-color-inverse-primary: #d6c4aa;
  --ct-sys-color-inverse-surface: #32302e;
  --ct-sys-color-neutral-palette-key-color: #7a7674;
  --ct-sys-color-neutral-variant-palette-key-color: #7d766c;
  --ct-sys-color-on-background: #1d1b19;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #3b311e;
  --ct-sys-color-on-primary-fixed: #231a0a;
  --ct-sys-color-on-primary-fixed-variant: #514531;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #6b6359;
  --ct-sys-color-on-secondary-fixed: #201b13;
  --ct-sys-color-on-secondary-fixed-variant: #4c463c;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1d1b19;
  --ct-sys-color-on-surface-variant: #4c463d;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #303424;
  --ct-sys-color-on-tertiary-fixed: #191d0e;
  --ct-sys-color-on-tertiary-fixed-variant: #444937;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #7d766c;
  --ct-sys-color-outline-variant: #cfc5ba;
  --ct-sys-color-primary: #6a5c47;
  --ct-sys-color-primary-container: #a89880;
  --ct-sys-color-primary-dim: #5d513c;
  --ct-sys-color-primary-fixed: #f3e0c5;
  --ct-sys-color-primary-fixed-dim: #d6c4aa;
  --ct-sys-color-primary-palette-key-color: #84755f;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #655d53;
  --ct-sys-color-secondary-container: #ece1d4;
  --ct-sys-color-secondary-dim: #585148;
  --ct-sys-color-secondary-fixed: #ece1d4;
  --ct-sys-color-secondary-fixed-dim: #cfc5b8;
  --ct-sys-color-secondary-palette-key-color: #7e766b;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fef8f5;
  --ct-sys-color-surface-bright: #fef8f5;
  --ct-sys-color-surface-container: #f2ede9;
  --ct-sys-color-surface-container-high: #ede7e4;
  --ct-sys-color-surface-container-highest: #e7e1de;
  --ct-sys-color-surface-container-low: #f8f2ef;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ded9d6;
  --ct-sys-color-surface-tint: #6a5c47;
  --ct-sys-color-surface-variant: #ebe1d5;
  --ct-sys-color-tertiary: #5b614d;
  --ct-sys-color-tertiary-container: #989d87;
  --ct-sys-color-tertiary-dim: #505542;
  --ct-sys-color-tertiary-fixed: #e0e5cc;
  --ct-sys-color-tertiary-fixed-dim: #c4c9b1;
  --ct-sys-color-tertiary-palette-key-color: #989d87;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-racer {
  --ct-sys-color-background: #fff8f6;
  --ct-sys-color-error: #921d38;
  --ct-sys-color-error-container: #fd6f85;
  --ct-sys-color-error-dim: #770326;
  --ct-sys-color-information: #00536e;
  --ct-sys-color-information-container: #00aade;
  --ct-sys-color-inverse-on-surface: #d9ac9d;
  --ct-sys-color-inverse-primary: #f88978;
  --ct-sys-color-inverse-surface: #1d0803;
  --ct-sys-color-neutral-palette-key-color: #956e61;
  --ct-sys-color-neutral-variant-palette-key-color: #b36143;
  --ct-sys-color-on-background: #471d0e;
  --ct-sys-color-on-error: #ffdbdd;
  --ct-sys-color-on-error-container: #490013;
  --ct-sys-color-on-information: #d6e6f1;
  --ct-sys-color-on-information-container: #002432;
  --ct-sys-color-on-primary: #ffdcd6;
  --ct-sys-color-on-primary-container: #390000;
  --ct-sys-color-on-primary-fixed: #000000;
  --ct-sys-color-on-primary-fixed-variant: #290000;
  --ct-sys-color-on-secondary: #c2eafd;
  --ct-sys-color-on-secondary-container: #001a24;
  --ct-sys-color-on-secondary-fixed: #000000;
  --ct-sys-color-on-secondary-fixed-variant: #001119;
  --ct-sys-color-on-success: #dbe8d1;
  --ct-sys-color-on-success-container: #002700;
  --ct-sys-color-on-surface: #471d0e;
  --ct-sys-color-on-surface-variant: #723f2d;
  --ct-sys-color-on-tertiary: #b9ebff;
  --ct-sys-color-on-tertiary-container: #001a22;
  --ct-sys-color-on-tertiary-fixed: #000000;
  --ct-sys-color-on-tertiary-fixed-variant: #001118;
  --ct-sys-color-on-warning: #f3e2c3;
  --ct-sys-color-on-warning-container: #2b1e00;
  --ct-sys-color-outline: #935a46;
  --ct-sys-color-outline-variant: #bb7c66;
  --ct-sys-color-primary: #853125;
  --ct-sys-color-primary-container: #eb7f6e;
  --ct-sys-color-primary-dim: #76261b;
  --ct-sys-color-primary-fixed: #eb7f6e;
  --ct-sys-color-primary-fixed-dim: #db7362;
  --ct-sys-color-primary-palette-key-color: #bb5a4b;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #2b5161;
  --ct-sys-color-secondary-container: #7da3b5;
  --ct-sys-color-secondary-dim: #1e4655;
  --ct-sys-color-secondary-fixed: #7da3b5;
  --ct-sys-color-secondary-fixed-dim: #7096a8;
  --ct-sys-color-secondary-palette-key-color: #577c8d;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #055a00;
  --ct-sys-color-success-container: #57b145;
  --ct-sys-color-surface: #fff8f6;
  --ct-sys-color-surface-bright: #fff8f6;
  --ct-sys-color-surface-container: #ffe9e3;
  --ct-sys-color-surface-container-high: #ffe2d9;
  --ct-sys-color-surface-container-highest: #ffdbcf;
  --ct-sys-color-surface-container-low: #fff1ec;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ffd0c0;
  --ct-sys-color-surface-tint: #853125;
  --ct-sys-color-surface-variant: #ffdbcf;
  --ct-sys-color-tertiary: #005468;
  --ct-sys-color-tertiary-container: #1cabcf;
  --ct-sys-color-tertiary-dim: #004759;
  --ct-sys-color-tertiary-fixed: #1cabcf;
  --ct-sys-color-tertiary-fixed-dim: #009ec0;
  --ct-sys-color-tertiary-palette-key-color: #0ba6ca;
  --ct-sys-color-warning: #6c4400;
  --ct-sys-color-warning-container: #c69600;
  --ct-sys-corner-shape: bevel;
  --ct-sys-corner-start-end-shape: square;
  --ct-sys-corner-end-start-shape: square;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-transfer-window {
  --ct-sys-color-background: #f3fcee;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ebf3e5;
  --ct-sys-color-inverse-primary: #51e169;
  --ct-sys-color-inverse-surface: #2b3229;
  --ct-sys-color-neutral-palette-key-color: #71796e;
  --ct-sys-color-neutral-variant-palette-key-color: #6d7b6a;
  --ct-sys-color-on-background: #161d15;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #003a0f;
  --ct-sys-color-on-primary-fixed: #002106;
  --ct-sys-color-on-primary-fixed-variant: #005319;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #336f39;
  --ct-sys-color-on-secondary-fixed: #002106;
  --ct-sys-color-on-secondary-fixed-variant: #13521f;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #161d15;
  --ct-sys-color-on-surface-variant: #3d4a3c;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #003162;
  --ct-sys-color-on-tertiary-fixed: #001b3c;
  --ct-sys-color-on-tertiary-fixed-variant: #004689;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6d7b6a;
  --ct-sys-color-outline-variant: #bccbb7;
  --ct-sys-color-primary: #006e24;
  --ct-sys-color-primary-container: #00b140;
  --ct-sys-color-primary-dim: #00601f;
  --ct-sys-color-primary-fixed: #70ff82;
  --ct-sys-color-primary-fixed-dim: #51e169;
  --ct-sys-color-primary-palette-key-color: #08b342;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #2e6a35;
  --ct-sys-color-secondary-container: #aef0ac;
  --ct-sys-color-secondary-dim: #215e2a;
  --ct-sys-color-secondary-fixed: #b1f3af;
  --ct-sys-color-secondary-fixed-dim: #95d695;
  --ct-sys-color-secondary-palette-key-color: #48844b;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #f3fcee;
  --ct-sys-color-surface-bright: #f3fcee;
  --ct-sys-color-surface-container: #e8f1e3;
  --ct-sys-color-surface-container-high: #e2ebdd;
  --ct-sys-color-surface-container-highest: #dce5d7;
  --ct-sys-color-surface-container-low: #eef6e8;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d4ddcf;
  --ct-sys-color-surface-tint: #006e24;
  --ct-sys-color-surface-variant: #d8e7d3;
  --ct-sys-color-tertiary: #005eb3;
  --ct-sys-color-tertiary-container: #4d9aff;
  --ct-sys-color-tertiary-dim: #00529d;
  --ct-sys-color-tertiary-fixed: #d5e3ff;
  --ct-sys-color-tertiary-fixed-dim: #a7c8ff;
  --ct-sys-color-tertiary-palette-key-color: #4d9aff;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: square;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-hex-pixels {
  --ct-sys-color-background: #fff6dc;
  --ct-sys-color-error: #811900;
  --ct-sys-color-error-container: #d53d18;
  --ct-sys-color-error-dim: #6d1300;
  --ct-sys-color-information: #004472;
  --ct-sys-color-information-container: #0079c4;
  --ct-sys-color-inverse-on-surface: #d1c27f;
  --ct-sys-color-inverse-primary: #ecf50d;
  --ct-sys-color-inverse-surface: #120e00;
  --ct-sys-color-neutral-palette-key-color: #84773d;
  --ct-sys-color-neutral-variant-palette-key-color: #867728;
  --ct-sys-color-on-background: #272100;
  --ct-sys-color-on-error: #ffcabe;
  --ct-sys-color-on-error-container: #ffffff;
  --ct-sys-color-on-information: #c5d8f1;
  --ct-sys-color-on-information-container: #ffffff;
  --ct-sys-color-on-primary: #d7df00;
  --ct-sys-color-on-primary-container: #ffffff;
  --ct-sys-color-on-primary-fixed: #ffffff;
  --ct-sys-color-on-primary-fixed-variant: #ffffff;
  --ct-sys-color-on-secondary: #f2d63e;
  --ct-sys-color-on-secondary-container: #ffffff;
  --ct-sys-color-on-secondary-fixed: #ffffff;
  --ct-sys-color-on-secondary-fixed-variant: #ffffff;
  --ct-sys-color-on-success: #bedec8;
  --ct-sys-color-on-success-container: #ffffff;
  --ct-sys-color-on-surface: #272100;
  --ct-sys-color-on-surface-variant: #4b410b;
  --ct-sys-color-on-tertiary: #ffd052;
  --ct-sys-color-on-tertiary-container: #ffffff;
  --ct-sys-color-on-tertiary-fixed: #ffffff;
  --ct-sys-color-on-tertiary-fixed-variant: #ffffff;
  --ct-sys-color-on-warning: #ebd4a5;
  --ct-sys-color-on-warning-container: #ffffff;
  --ct-sys-color-outline: #695d26;
  --ct-sys-color-outline-variant: #877a3f;
  --ct-sys-color-primary: #424400;
  --ct-sys-color-primary-container: #757900;
  --ct-sys-color-primary-dim: #373900;
  --ct-sys-color-primary-fixed: #757900;
  --ct-sys-color-primary-fixed-dim: #696d00;
  --ct-sys-color-primary-palette-key-color: #eaf205;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #4c4100;
  --ct-sys-color-secondary-container: #867400;
  --ct-sys-color-secondary-dim: #403600;
  --ct-sys-color-secondary-fixed: #867400;
  --ct-sys-color-secondary-fixed-dim: #786800;
  --ct-sys-color-secondary-palette-key-color: #c4aa02;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #004c2f;
  --ct-sys-color-success-container: #008556;
  --ct-sys-color-surface: #fff6dc;
  --ct-sys-color-surface-bright: #fff6dc;
  --ct-sys-color-surface-container: #fbe897;
  --ct-sys-color-surface-container-high: #f6e38d;
  --ct-sys-color-surface-container-highest: #f1dd82;
  --ct-sys-color-surface-container-low: #fff1ba;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e9d576;
  --ct-sys-color-surface-tint: #424400;
  --ct-sys-color-surface-variant: #f1dd82;
  --ct-sys-color-tertiary: #533f00;
  --ct-sys-color-tertiary-container: #917000;
  --ct-sys-color-tertiary-dim: #453400;
  --ct-sys-color-tertiary-fixed: #917000;
  --ct-sys-color-tertiary-fixed-dim: #826400;
  --ct-sys-color-tertiary-palette-key-color: #ddad07;
  --ct-sys-color-warning: #5d3a00;
  --ct-sys-color-warning-container: #936f00;
  --ct-sys-corner-shape: bevel;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-coulis {
  --ct-sys-color-background: #fff8f7;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffeced;
  --ct-sys-color-inverse-primary: #ffb2bc;
  --ct-sys-color-inverse-surface: #3d2c2e;
  --ct-sys-color-neutral-palette-key-color: #877274;
  --ct-sys-color-neutral-variant-palette-key-color: #8d7073;
  --ct-sys-color-on-background: #26181a;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #ffc5cc;
  --ct-sys-color-on-primary-fixed: #400013;
  --ct-sys-color-on-primary-fixed-variant: #910035;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #782638;
  --ct-sys-color-on-secondary-fixed: #400013;
  --ct-sys-color-on-secondary-fixed-variant: #7c2a3c;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #26181a;
  --ct-sys-color-on-surface-variant: #594043;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #ffc8b0;
  --ct-sys-color-on-tertiary-fixed: #351000;
  --ct-sys-color-on-tertiary-fixed-variant: #7c2e00;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #8d7073;
  --ct-sys-color-outline-variant: #e1bec1;
  --ct-sys-color-primary: #8b0033;
  --ct-sys-color-primary-container: #b31447;
  --ct-sys-color-primary-dim: #a6023e;
  --ct-sys-color-primary-fixed: #ffd9dd;
  --ct-sys-color-primary-fixed-dim: #ffb2bc;
  --ct-sys-color-primary-palette-key-color: #da3761;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #9a4152;
  --ct-sys-color-secondary-container: #fe90a2;
  --ct-sys-color-secondary-dim: #8b3547;
  --ct-sys-color-secondary-fixed: #ffd9dd;
  --ct-sys-color-secondary-fixed-dim: #ffb2bc;
  --ct-sys-color-secondary-palette-key-color: #b9596a;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f7;
  --ct-sys-color-surface-bright: #fff8f7;
  --ct-sys-color-surface-container: #ffe9ea;
  --ct-sys-color-surface-container-high: #fde2e4;
  --ct-sys-color-surface-container-highest: #f7dcde;
  --ct-sys-color-surface-container-low: #fff0f1;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #eed4d6;
  --ct-sys-color-surface-tint: #b7184a;
  --ct-sys-color-surface-variant: #fedadd;
  --ct-sys-color-tertiary: #772c00;
  --ct-sys-color-tertiary-container: #9d3d00;
  --ct-sys-color-tertiary-dim: #8f3700;
  --ct-sys-color-tertiary-fixed: #ffdbcc;
  --ct-sys-color-tertiary-fixed-dim: #ffb695;
  --ct-sys-color-tertiary-palette-key-color: #9d3d00;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-soft {
  --ct-sys-color-background: #fdf8ff;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f4eefb;
  --ct-sys-color-inverse-primary: #cbbeff;
  --ct-sys-color-inverse-surface: #312f38;
  --ct-sys-color-neutral-palette-key-color: #797580;
  --ct-sys-color-neutral-variant-palette-key-color: #797586;
  --ct-sys-color-on-background: #1c1a23;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #fffbff;
  --ct-sys-color-on-primary-fixed: #1d0061;
  --ct-sys-color-on-primary-fixed-variant: #4a21bd;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #514682;
  --ct-sys-color-on-secondary-fixed: #1d0f4c;
  --ct-sys-color-on-secondary-fixed-variant: #493e7a;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1c1a23;
  --ct-sys-color-on-surface-variant: #484554;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #fffbff;
  --ct-sys-color-on-tertiary-fixed: #3a0031;
  --ct-sys-color-on-tertiary-fixed-variant: #850073;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #797586;
  --ct-sys-color-outline-variant: #cac4d7;
  --ct-sys-color-primary: #603ed3;
  --ct-sys-color-primary-container: #795aed;
  --ct-sys-color-primary-dim: #5632c9;
  --ct-sys-color-primary-fixed: #e6deff;
  --ct-sys-color-primary-fixed-dim: #cbbeff;
  --ct-sys-color-primary-palette-key-color: #7c5df0;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #615693;
  --ct-sys-color-secondary-container: #c5b8fd;
  --ct-sys-color-secondary-dim: #554a86;
  --ct-sys-color-secondary-fixed: #e6deff;
  --ct-sys-color-secondary-fixed-dim: #cbbeff;
  --ct-sys-color-secondary-palette-key-color: #7a6eae;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fdf8ff;
  --ct-sys-color-surface-bright: #fdf8ff;
  --ct-sys-color-surface-container: #f1ecf8;
  --ct-sys-color-surface-container-high: #ece6f3;
  --ct-sys-color-surface-container-highest: #e6e0ed;
  --ct-sys-color-surface-container-low: #f7f1fe;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ddd8e4;
  --ct-sys-color-surface-tint: #6341d5;
  --ct-sys-color-surface-variant: #e6dff3;
  --ct-sys-color-tertiary: #a0258b;
  --ct-sys-color-tertiary-container: #be42a5;
  --ct-sys-color-tertiary-dim: #941880;
  --ct-sys-color-tertiary-fixed: #ffd7ef;
  --ct-sys-color-tertiary-fixed-dim: #ffade6;
  --ct-sys-color-tertiary-palette-key-color: #d152b6;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-pill {
  --ct-sys-color-background: #fff8f5;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffede3;
  --ct-sys-color-inverse-primary: #ffb783;
  --ct-sys-color-inverse-surface: #3a2e25;
  --ct-sys-color-neutral-palette-key-color: #857469;
  --ct-sys-color-neutral-variant-palette-key-color: #8a7262;
  --ct-sys-color-on-background: #241912;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #5f2e00;
  --ct-sys-color-on-primary-fixed: #301400;
  --ct-sys-color-on-primary-fixed-variant: #703700;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #784317;
  --ct-sys-color-on-secondary-fixed: #301400;
  --ct-sys-color-on-secondary-fixed-variant: #6c3a0e;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #241912;
  --ct-sys-color-on-surface-variant: #574335;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #3b3e00;
  --ct-sys-color-on-tertiary-fixed: #1b1d00;
  --ct-sys-color-on-tertiary-fixed-variant: #464a00;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #8a7262;
  --ct-sys-color-outline-variant: #dec1ae;
  --ct-sys-color-primary: #944b00;
  --ct-sys-color-primary-container: #fe8500;
  --ct-sys-color-primary-dim: #824100;
  --ct-sys-color-primary-fixed: #ffdcc5;
  --ct-sys-color-primary-fixed-dim: #ffb783;
  --ct-sys-color-primary-palette-key-color: #fe8500;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #895124;
  --ct-sys-color-secondary-container: #feb37e;
  --ct-sys-color-secondary-dim: #7a4519;
  --ct-sys-color-secondary-fixed: #ffdcc5;
  --ct-sys-color-secondary-fixed-dim: #ffb783;
  --ct-sys-color-secondary-palette-key-color: #a6693a;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f5;
  --ct-sys-color-surface-bright: #fff8f5;
  --ct-sys-color-surface-container: #ffeadd;
  --ct-sys-color-surface-container-high: #fae4d7;
  --ct-sys-color-surface-container-highest: #f4ded2;
  --ct-sys-color-surface-container-low: #fff1e9;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #ebd6c9;
  --ct-sys-color-surface-tint: #944b00;
  --ct-sys-color-surface-variant: #fbddc9;
  --ct-sys-color-tertiary: #5e6300;
  --ct-sys-color-tertiary-container: #a5ad00;
  --ct-sys-color-tertiary-dim: #525600;
  --ct-sys-color-tertiary-fixed: #e2eb4e;
  --ct-sys-color-tertiary-fixed-dim: #c6cf32;
  --ct-sys-color-tertiary-palette-key-color: #a5ad00;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: round;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-tight {
  --ct-sys-color-background: #fff8f7;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #ffedec;
  --ct-sys-color-inverse-primary: #ffb3b6;
  --ct-sys-color-inverse-surface: #3c2d2d;
  --ct-sys-color-neutral-palette-key-color: #867273;
  --ct-sys-color-neutral-variant-palette-key-color: #8c7071;
  --ct-sys-color-on-background: #251819;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #fffbff;
  --ct-sys-color-on-primary-fixed: #40000d;
  --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #7a353c;
  --ct-sys-color-on-secondary-fixed: #3c060f;
  --ct-sys-color-on-secondary-fixed-variant: #743137;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #251819;
  --ct-sys-color-on-surface-variant: #584142;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #fffbff;
  --ct-sys-color-on-tertiary-fixed: #2e1500;
  --ct-sys-color-on-tertiary-fixed-variant: #6c3a00;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #8c7071;
  --ct-sys-color-outline-variant: #e0bfbf;
  --ct-sys-color-primary: #ad273d;
  --ct-sys-color-primary-container: #cf4154;
  --ct-sys-color-primary-dim: #9f1c35;
  --ct-sys-color-primary-fixed: #ffdada;
  --ct-sys-color-primary-fixed-dim: #ffb3b6;
  --ct-sys-color-primary-palette-key-color: #d24356;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #91484e;
  --ct-sys-color-secondary-container: #ffa2a7;
  --ct-sys-color-secondary-dim: #833c42;
  --ct-sys-color-secondary-fixed: #ffdada;
  --ct-sys-color-secondary-fixed-dim: #ffb3b6;
  --ct-sys-color-secondary-palette-key-color: #af6065;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8f7;
  --ct-sys-color-surface-bright: #fff8f7;
  --ct-sys-color-surface-container: #ffe9e9;
  --ct-sys-color-surface-container-high: #fbe2e3;
  --ct-sys-color-surface-container-highest: #f5dddd;
  --ct-sys-color-surface-container-low: #fff0f0;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #edd4d5;
  --ct-sys-color-surface-tint: #b02a40;
  --ct-sys-color-surface-variant: #fddadb;
  --ct-sys-color-tertiary: #8b4c00;
  --ct-sys-color-tertiary-container: #af6100;
  --ct-sys-color-tertiary-dim: #7d4400;
  --ct-sys-color-tertiary-fixed: #ffdcc1;
  --ct-sys-color-tertiary-fixed-dim: #ffb779;
  --ct-sys-color-tertiary-palette-key-color: #c56e00;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: bevel;
  --ct-sys-corner-start-end-shape: square;
  --ct-sys-corner-end-start-shape: square;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-scoop {
  --ct-sys-color-background: #fff8ef;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #f9f0dd;
  --ct-sys-color-inverse-primary: #ecc300;
  --ct-sys-color-inverse-surface: #343024;
  --ct-sys-color-neutral-palette-key-color: #7d7768;
  --ct-sys-color-neutral-variant-palette-key-color: #7f7760;
  --ct-sys-color-on-background: #1f1b10;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #6e5900;
  --ct-sys-color-on-primary-fixed: #231b00;
  --ct-sys-color-on-primary-fixed-variant: #564500;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #756322;
  --ct-sys-color-on-secondary-fixed: #231b00;
  --ct-sys-color-on-secondary-fixed-variant: #554503;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #1f1b10;
  --ct-sys-color-on-surface-variant: #4d4632;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #4d6300;
  --ct-sys-color-on-tertiary-fixed: #161f00;
  --ct-sys-color-on-tertiary-fixed-variant: #3c4d00;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #7f775f;
  --ct-sys-color-outline-variant: #d0c6ab;
  --ct-sys-color-primary: #715c00;
  --ct-sys-color-primary-container: #fcd000;
  --ct-sys-color-primary-dim: #635100;
  --ct-sys-color-primary-fixed: #ffe17b;
  --ct-sys-color-primary-fixed-dim: #ecc300;
  --ct-sys-color-primary-palette-key-color: #fcd000;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #6f5d1c;
  --ct-sys-color-secondary-container: #fae192;
  --ct-sys-color-secondary-dim: #625110;
  --ct-sys-color-secondary-fixed: #fae192;
  --ct-sys-color-secondary-fixed-dim: #ddc579;
  --ct-sys-color-secondary-palette-key-color: #897633;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff8ef;
  --ct-sys-color-surface-bright: #fff8ef;
  --ct-sys-color-surface-container: #f6eddb;
  --ct-sys-color-surface-container-high: #f0e7d5;
  --ct-sys-color-surface-container-highest: #eae2d0;
  --ct-sys-color-surface-container-low: #fcf3e0;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e2d9c7;
  --ct-sys-color-surface-tint: #715c00;
  --ct-sys-color-surface-variant: #ede2c6;
  --ct-sys-color-tertiary: #506600;
  --ct-sys-color-tertiary-container: #bde24e;
  --ct-sys-color-tertiary-dim: #465900;
  --ct-sys-color-tertiary-fixed: #cbf15b;
  --ct-sys-color-tertiary-fixed-dim: #b0d441;
  --ct-sys-color-tertiary-palette-key-color: #bde24e;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: scoop;
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 4px;
  --ct-sys-corner-radius-medium: 6px;
  --ct-sys-corner-radius-large: 8px;
  --ct-sys-corner-radius-large-increased: 10px;
  --ct-sys-corner-radius-extra-large: 14px;
  --ct-sys-corner-radius-extra-large-increased: 16px;
  --ct-sys-corner-radius-extra-extra-large: 24px;
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-large-corner-radius: 24px;
  --ct-button-xlarge-corner-radius: 34px;
  --ct-icon-button-xsmall-corner-radius: 8px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 14px;
  --ct-icon-button-large-corner-radius: 24px;
  --ct-icon-button-xlarge-corner-radius: 34px;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-flat {
  --ct-sys-color-background: #f2fcf6;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #eaf3ed;
  --ct-sys-color-inverse-primary: #00e0b6;
  --ct-sys-color-inverse-surface: #2a322f;
  --ct-sys-color-neutral-palette-key-color: #707975;
  --ct-sys-color-neutral-variant-palette-key-color: #6a7b74;
  --ct-sys-color-on-background: #151d1a;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #006853;
  --ct-sys-color-on-primary-fixed: #002018;
  --ct-sys-color-on-primary-fixed-variant: #005140;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #316f5d;
  --ct-sys-color-on-secondary-fixed: #002018;
  --ct-sys-color-on-secondary-fixed-variant: #095040;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #151d1a;
  --ct-sys-color-on-surface-variant: #3a4a44;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #425d80;
  --ct-sys-color-on-tertiary-fixed: #001c37;
  --ct-sys-color-on-tertiary-fixed-variant: #2c4869;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #6a7b74;
  --ct-sys-color-outline-variant: #b9cac3;
  --ct-sys-color-primary: #006b56;
  --ct-sys-color-primary-container: #00f0c3;
  --ct-sys-color-primary-dim: #005e4b;
  --ct-sys-color-primary-fixed: #32fed0;
  --ct-sys-color-primary-fixed-dim: #00e0b6;
  --ct-sys-color-primary-palette-key-color: #00f0c3;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #2a6957;
  --ct-sys-color-secondary-container: #b0f0d9;
  --ct-sys-color-secondary-dim: #1c5c4c;
  --ct-sys-color-secondary-fixed: #b0f0d9;
  --ct-sys-color-secondary-fixed-dim: #94d3be;
  --ct-sys-color-secondary-palette-key-color: #458270;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #f2fcf6;
  --ct-sys-color-surface-bright: #f2fcf6;
  --ct-sys-color-surface-container: #e7f0eb;
  --ct-sys-color-surface-container-high: #e1eae5;
  --ct-sys-color-surface-container-highest: #dbe5df;
  --ct-sys-color-surface-container-low: #ecf6f0;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #d3dcd7;
  --ct-sys-color-surface-tint: #006b56;
  --ct-sys-color-surface-variant: #d5e6de;
  --ct-sys-color-tertiary: #456082;
  --ct-sys-color-tertiary-container: #bbd7ff;
  --ct-sys-color-tertiary-dim: #395476;
  --ct-sys-color-tertiary-fixed: #d2e4ff;
  --ct-sys-color-tertiary-fixed-dim: #adc9f0;
  --ct-sys-color-tertiary-palette-key-color: #bbd7ff;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: square;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.theme-deep {
  --ct-sys-color-background: #fff7f9;
  --ct-sys-color-error: #ba1a1a;
  --ct-sys-color-error-container: #ffdad6;
  --ct-sys-color-error-dim: #a80710;
  --ct-sys-color-information: #006496;
  --ct-sys-color-information-container: #d7e4f2;
  --ct-sys-color-inverse-on-surface: #fdecf6;
  --ct-sys-color-inverse-primary: #ffabf2;
  --ct-sys-color-inverse-surface: #372d35;
  --ct-sys-color-neutral-palette-key-color: #80737c;
  --ct-sys-color-neutral-variant-palette-key-color: #85727f;
  --ct-sys-color-on-background: #221920;
  --ct-sys-color-on-error: #ffffff;
  --ct-sys-color-on-error-container: #93000a;
  --ct-sys-color-on-information: #ffffff;
  --ct-sys-color-on-information-container: #004b72;
  --ct-sys-color-on-primary: #ffffff;
  --ct-sys-color-on-primary-container: #fffbff;
  --ct-sys-color-on-primary-fixed: #380037;
  --ct-sys-color-on-primary-fixed-variant: #810180;
  --ct-sys-color-on-secondary: #ffffff;
  --ct-sys-color-on-secondary-container: #7b4574;
  --ct-sys-color-on-secondary-fixed: #350634;
  --ct-sys-color-on-secondary-fixed-variant: #673462;
  --ct-sys-color-on-success: #ffffff;
  --ct-sys-color-on-success-container: #005229;
  --ct-sys-color-on-surface: #221920;
  --ct-sys-color-on-surface-variant: #52424e;
  --ct-sys-color-on-tertiary: #ffffff;
  --ct-sys-color-on-tertiary-container: #fffbff;
  --ct-sys-color-on-tertiary-fixed: #40000d;
  --ct-sys-color-on-tertiary-fixed-variant: #8f0c2c;
  --ct-sys-color-on-warning: #ffffff;
  --ct-sys-color-on-warning-container: #5b4300;
  --ct-sys-color-outline: #84727f;
  --ct-sys-color-outline-variant: #d7c0cf;
  --ct-sys-color-primary: #9b2797;
  --ct-sys-color-primary-container: #b944b2;
  --ct-sys-color-primary-dim: #8f198c;
  --ct-sys-color-primary-fixed: #ffd7f5;
  --ct-sys-color-primary-fixed-dim: #ffabf2;
  --ct-sys-color-primary-palette-key-color: #bc46b5;
  --ct-sys-color-scrim: #000000;
  --ct-sys-color-secondary: #824b7b;
  --ct-sys-color-secondary-container: #fdbaf1;
  --ct-sys-color-secondary-dim: #75406e;
  --ct-sys-color-secondary-fixed: #ffd7f5;
  --ct-sys-color-secondary-fixed-dim: #f4b1e8;
  --ct-sys-color-secondary-palette-key-color: #9d6495;
  --ct-sys-color-shadow: #000000;
  --ct-sys-color-success: #006d38;
  --ct-sys-color-success-container: #d6e7d5;
  --ct-sys-color-surface: #fff7f9;
  --ct-sys-color-surface-bright: #fff7f9;
  --ct-sys-color-surface-container: #fae9f3;
  --ct-sys-color-surface-container-high: #f5e4ed;
  --ct-sys-color-surface-container-highest: #efdee8;
  --ct-sys-color-surface-container-low: #ffeff8;
  --ct-sys-color-surface-container-lowest: #ffffff;
  --ct-sys-color-surface-dim: #e6d5df;
  --ct-sys-color-surface-tint: #9e2a9a;
  --ct-sys-color-surface-variant: #f3dceb;
  --ct-sys-color-tertiary: #ad273f;
  --ct-sys-color-tertiary-container: #ce4156;
  --ct-sys-color-tertiary-dim: #9f1c36;
  --ct-sys-color-tertiary-fixed: #ffdadb;
  --ct-sys-color-tertiary-fixed-dim: #ffb2b7;
  --ct-sys-color-tertiary-palette-key-color: #e35064;
  --ct-sys-color-warning: #845400;
  --ct-sys-color-warning-container: #f2e0c2;
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-ref-typeface-plain: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xsmall-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-small-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-medium-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-large-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-button-xlarge-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-filled-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-label-text-font: "Ubuntu", "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

@media (prefers-color-scheme: dark) {
  :root, .theme-site {
    --ct-sys-color-background: #050f1b;
    --ct-sys-color-error: #ff716c;
    --ct-sys-color-error-container: #8a1a1e;
    --ct-sys-color-error-dim: #c94947;
    --ct-sys-color-information: #00a7f1;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #4c5664;
    --ct-sys-color-inverse-primary: #38618f;
    --ct-sys-color-inverse-surface: #f8f9ff;
    --ct-sys-color-neutral-palette-key-color: #6e7887;
    --ct-sys-color-neutral-variant-palette-key-color: #5779a2;
    --ct-sys-color-on-background: #d7e7ff;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #1e4b78;
    --ct-sys-color-on-primary-container: #12426e;
    --ct-sys-color-on-primary-fixed: #002d52;
    --ct-sys-color-on-primary-fixed-variant: #1f4b78;
    --ct-sys-color-on-secondary: #314537;
    --ct-sys-color-on-secondary-container: #93a998;
    --ct-sys-color-on-secondary-fixed: #384d3f;
    --ct-sys-color-on-secondary-fixed-variant: #54695a;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #d7e7ff;
    --ct-sys-color-on-surface-variant: #99adc9;
    --ct-sys-color-on-tertiary: #076e37;
    --ct-sys-color-on-tertiary-container: #006531;
    --ct-sys-color-on-tertiary-fixed: #005026;
    --ct-sys-color-on-tertiary-fixed-variant: #0b7039;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #637791;
    --ct-sys-color-outline-variant: #364962;
    --ct-sys-color-primary: #b9d7ff;
    --ct-sys-color-primary-container: #a1c9fd;
    --ct-sys-color-primary-dim: #a1c9fd;
    --ct-sys-color-primary-fixed: #a1c9fd;
    --ct-sys-color-primary-fixed-dim: #94bcef;
    --ct-sys-color-primary-palette-key-color: #5179a8;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b5ccba;
    --ct-sys-color-secondary-container: #162a1e;
    --ct-sys-color-secondary-dim: #a8beac;
    --ct-sys-color-secondary-fixed: #dff7e3;
    --ct-sys-color-secondary-fixed-dim: #d1e8d5;
    --ct-sys-color-secondary-palette-key-color: #677c6c;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #2cb55c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #050f1b;
    --ct-sys-color-surface-bright: #152d47;
    --ct-sys-color-surface-container: #0b1a2b;
    --ct-sys-color-surface-container-high: #0e2034;
    --ct-sys-color-surface-container-highest: #12273e;
    --ct-sys-color-surface-container-low: #071422;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #050f1b;
    --ct-sys-color-surface-tint: #b9d7ff;
    --ct-sys-color-surface-variant: #12273e;
    --ct-sys-color-tertiary: #eaffea;
    --ct-sys-color-tertiary-container: #a5ffb9;
    --ct-sys-color-tertiary-dim: #a5ffb9;
    --ct-sys-color-tertiary-fixed: #a5ffb9;
    --ct-sys-color-tertiary-fixed-dim: #97f0ac;
    --ct-sys-color-tertiary-palette-key-color: #2e874e;
    --ct-sys-color-warning: #c79700;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-hero {
    --ct-sys-color-background: #01110b;
    --ct-sys-color-error: #ff716c;
    --ct-sys-color-error-container: #8a1a1e;
    --ct-sys-color-error-dim: #c94947;
    --ct-sys-color-information: #00a7f1;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #465950;
    --ct-sys-color-inverse-primary: #2a6b48;
    --ct-sys-color-inverse-surface: #e9fff2;
    --ct-sys-color-neutral-palette-key-color: #687c72;
    --ct-sys-color-neutral-variant-palette-key-color: #44836b;
    --ct-sys-color-on-background: #c6efdb;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #266745;
    --ct-sys-color-on-primary-container: #1c5f3d;
    --ct-sys-color-on-primary-fixed: #00492b;
    --ct-sys-color-on-primary-fixed-variant: #266745;
    --ct-sys-color-on-secondary: #533b28;
    --ct-sys-color-on-secondary-container: #be9e84;
    --ct-sys-color-on-secondary-fixed: #523a27;
    --ct-sys-color-on-secondary-fixed-variant: #705641;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #c6efdb;
    --ct-sys-color-on-surface-variant: #8db4a2;
    --ct-sys-color-on-tertiary: #673200;
    --ct-sys-color-on-tertiary-container: #582a00;
    --ct-sys-color-on-tertiary-fixed: #371800;
    --ct-sys-color-on-tertiary-fixed-variant: #653100;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #587d6d;
    --ct-sys-color-outline-variant: #2a4f41;
    --ct-sys-color-primary: #cfffdd;
    --ct-sys-color-primary-container: #b1f5c8;
    --ct-sys-color-primary-dim: #b1f5c8;
    --ct-sys-color-primary-fixed: #aef2c6;
    --ct-sys-color-primary-fixed-dim: #a0e3b8;
    --ct-sys-color-primary-palette-key-color: #44845f;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #e3c0a5;
    --ct-sys-color-secondary-container: #352110;
    --ct-sys-color-secondary-dim: #d4b298;
    --ct-sys-color-secondary-fixed: #ffdcc1;
    --ct-sys-color-secondary-fixed-dim: #f1ceb2;
    --ct-sys-color-secondary-palette-key-color: #8e715a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #2cb55c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #01110b;
    --ct-sys-color-surface-bright: #043325;
    --ct-sys-color-surface-container: #021e15;
    --ct-sys-color-surface-container-high: #03251a;
    --ct-sys-color-surface-container-highest: #042c1f;
    --ct-sys-color-surface-container-low: #02170f;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #01110b;
    --ct-sys-color-surface-tint: #cfffdd;
    --ct-sys-color-surface-variant: #042c1f;
    --ct-sys-color-tertiary: #ffb783;
    --ct-sys-color-tertiary-container: #ffa35c;
    --ct-sys-color-tertiary-dim: #ff9f55;
    --ct-sys-color-tertiary-fixed: #ffa35c;
    --ct-sys-color-tertiary-fixed-dim: #f2954b;
    --ct-sys-color-tertiary-palette-key-color: #b3621c;
    --ct-sys-color-warning: #c79700;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-tidal {
    --ct-sys-color-background: #170a15;
    --ct-sys-color-error: #fd6f85;
    --ct-sys-color-error-container: #8a1632;
    --ct-sys-color-error-dim: #c8475d;
    --ct-sys-color-information: #00aade;
    --ct-sys-color-information-container: #004c67;
    --ct-sys-color-inverse-on-surface: #62505e;
    --ct-sys-color-inverse-primary: #804e7b;
    --ct-sys-color-inverse-surface: #fff7f9;
    --ct-sys-color-neutral-palette-key-color: #857180;
    --ct-sys-color-neutral-variant-palette-key-color: #976891;
    --ct-sys-color-on-background: #ffdbf6;
    --ct-sys-color-on-error: #490013;
    --ct-sys-color-on-error-container: #ff97a3;
    --ct-sys-color-on-information: #002432;
    --ct-sys-color-on-information-container: #64bfeb;
    --ct-sys-color-on-primary: #6f3f6b;
    --ct-sys-color-on-primary-container: #663662;
    --ct-sys-color-on-primary-fixed: #50234e;
    --ct-sys-color-on-primary-fixed-variant: #703f6c;
    --ct-sys-color-on-secondary: #2d453c;
    --ct-sys-color-on-secondary-container: #90aa9f;
    --ct-sys-color-on-secondary-fixed: #354d44;
    --ct-sys-color-on-secondary-fixed-variant: #516960;
    --ct-sys-color-on-success: #002700;
    --ct-sys-color-on-success-container: #8ac379;
    --ct-sys-color-on-surface: #ffdbf6;
    --ct-sys-color-on-surface-variant: #c4a0bd;
    --ct-sys-color-on-tertiary: #006b4e;
    --ct-sys-color-on-tertiary-container: #006147;
    --ct-sys-color-on-tertiary-fixed: #004d37;
    --ct-sys-color-on-tertiary-fixed-variant: #006d4f;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #dbaf45;
    --ct-sys-color-outline: #8c6c86;
    --ct-sys-color-outline-variant: #5b3f57;
    --ct-sys-color-primary: #ffd2f6;
    --ct-sys-color-primary-container: #fcbef3;
    --ct-sys-color-primary-dim: #fcbef3;
    --ct-sys-color-primary-fixed: #fcbef3;
    --ct-sys-color-primary-fixed-dim: #edb1e4;
    --ct-sys-color-primary-palette-key-color: #9a6594;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b2ccc1;
    --ct-sys-color-secondary-container: #132a22;
    --ct-sys-color-secondary-dim: #a4bfb3;
    --ct-sys-color-secondary-fixed: #dcf7eb;
    --ct-sys-color-secondary-fixed-dim: #cee9dd;
    --ct-sys-color-secondary-palette-key-color: #647c72;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #57b145;
    --ct-sys-color-success-container: #015300;
    --ct-sys-color-surface: #170a15;
    --ct-sys-color-surface-bright: #3e223c;
    --ct-sys-color-surface-container: #261324;
    --ct-sys-color-surface-container-high: #2e182c;
    --ct-sys-color-surface-container-highest: #361d34;
    --ct-sys-color-surface-container-low: #1e0e1c;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #170a15;
    --ct-sys-color-surface-tint: #ffd2f6;
    --ct-sys-color-surface-variant: #361d34;
    --ct-sys-color-tertiary: #daffec;
    --ct-sys-color-tertiary-container: #8cfed0;
    --ct-sys-color-tertiary-dim: #8cfed0;
    --ct-sys-color-tertiary-fixed: #8cfed0;
    --ct-sys-color-tertiary-fixed-dim: #7defc2;
    --ct-sys-color-tertiary-palette-key-color: #08966f;
    --ct-sys-color-warning: #c69600;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-botanical {
    --ct-sys-color-background: #0d1510;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2a322d;
    --ct-sys-color-inverse-primary: #94483c;
    --ct-sys-color-inverse-surface: #dce5dc;
    --ct-sys-color-neutral-palette-key-color: #707972;
    --ct-sys-color-neutral-variant-palette-key-color: #6c7b70;
    --ct-sys-color-on-background: #dce5dc;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #591b13;
    --ct-sys-color-on-primary-container: #ffdad4;
    --ct-sys-color-on-primary-fixed: #3d0603;
    --ct-sys-color-on-primary-fixed-variant: #763127;
    --ct-sys-color-on-secondary: #0e3728;
    --ct-sys-color-on-secondary-container: #c1ecd5;
    --ct-sys-color-on-secondary-fixed: #002115;
    --ct-sys-color-on-secondary-fixed-variant: #274e3d;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dce5dc;
    --ct-sys-color-on-surface-variant: #bacbbe;
    --ct-sys-color-on-tertiary: #003735;
    --ct-sys-color-on-tertiary-container: #a8f0eb;
    --ct-sys-color-on-tertiary-fixed: #00201f;
    --ct-sys-color-on-tertiary-fixed-variant: #00504d;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #859589;
    --ct-sys-color-outline-variant: #3c4a41;
    --ct-sys-color-primary: #ffb4a8;
    --ct-sys-color-primary-container: #763127;
    --ct-sys-color-primary-dim: #fd9c8d;
    --ct-sys-color-primary-fixed: #ffdad4;
    --ct-sys-color-primary-fixed-dim: #ffb4a8;
    --ct-sys-color-primary-palette-key-color: #b26053;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #a5d0ba;
    --ct-sys-color-secondary-container: #274e3d;
    --ct-sys-color-secondary-dim: #c1ecd5;
    --ct-sys-color-secondary-fixed: #c1ecd5;
    --ct-sys-color-secondary-fixed-dim: #a5d0ba;
    --ct-sys-color-secondary-palette-key-color: #577f6c;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0d1510;
    --ct-sys-color-surface-bright: #333b35;
    --ct-sys-color-surface-container: #19211c;
    --ct-sys-color-surface-container-high: #242c26;
    --ct-sys-color-surface-container-highest: #2e3731;
    --ct-sys-color-surface-container-low: #151d18;
    --ct-sys-color-surface-container-lowest: #08100b;
    --ct-sys-color-surface-dim: #0d1510;
    --ct-sys-color-surface-tint: #ffb4a8;
    --ct-sys-color-surface-variant: #3c4a41;
    --ct-sys-color-tertiary: #8cd3ce;
    --ct-sys-color-tertiary-container: #00504d;
    --ct-sys-color-tertiary-dim: #b0f8f3;
    --ct-sys-color-tertiary-fixed: #a8f0eb;
    --ct-sys-color-tertiary-fixed-dim: #8cd3ce;
    --ct-sys-color-tertiary-palette-key-color: #3a827e;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-neon {
    --ct-sys-color-background: #15121c;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #332e39;
    --ct-sys-color-inverse-primary: #7a00fd;
    --ct-sys-color-inverse-surface: #e8dfee;
    --ct-sys-color-neutral-palette-key-color: #7b7582;
    --ct-sys-color-neutral-variant-palette-key-color: #7b7484;
    --ct-sys-color-on-background: #e8dfee;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #40008c;
    --ct-sys-color-on-primary-container: #ebdcff;
    --ct-sys-color-on-primary-fixed: #260058;
    --ct-sys-color-on-primary-fixed-variant: #5c00c3;
    --ct-sys-color-on-secondary: #3b2947;
    --ct-sys-color-on-secondary-container: #f4daff;
    --ct-sys-color-on-secondary-fixed: #251431;
    --ct-sys-color-on-secondary-fixed-variant: #533f5f;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e8dfee;
    --ct-sys-color-on-surface-variant: #ccc3d5;
    --ct-sys-color-on-tertiary: #46234a;
    --ct-sys-color-on-tertiary-container: #ffd6fd;
    --ct-sys-color-on-tertiary-fixed: #2f0d33;
    --ct-sys-color-on-tertiary-fixed-variant: #5f3962;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #958e9e;
    --ct-sys-color-outline-variant: #4a4453;
    --ct-sys-color-primary: #d4bbff;
    --ct-sys-color-primary-container: #5c00c3;
    --ct-sys-color-primary-dim: #a776ff;
    --ct-sys-color-primary-fixed: #ebdcff;
    --ct-sys-color-primary-fixed-dim: #d4bbff;
    --ct-sys-color-primary-palette-key-color: #7a00fd;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #d7bde4;
    --ct-sys-color-secondary-container: #533f5f;
    --ct-sys-color-secondary-dim: #f1d6fe;
    --ct-sys-color-secondary-fixed: #f4daff;
    --ct-sys-color-secondary-fixed-dim: #d7bde4;
    --ct-sys-color-secondary-palette-key-color: #856f91;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #15121c;
    --ct-sys-color-surface-bright: #3c3742;
    --ct-sys-color-surface-container: #221e28;
    --ct-sys-color-surface-container-high: #2c2833;
    --ct-sys-color-surface-container-highest: #37333e;
    --ct-sys-color-surface-container-low: #1e1a24;
    --ct-sys-color-surface-container-lowest: #100c16;
    --ct-sys-color-surface-dim: #15121c;
    --ct-sys-color-surface-tint: #d4bbff;
    --ct-sys-color-surface-variant: #4a4453;
    --ct-sys-color-tertiary: #e8b7e7;
    --ct-sys-color-tertiary-container: #5f3962;
    --ct-sys-color-tertiary-dim: #f9c7f9;
    --ct-sys-color-tertiary-fixed: #ffd6fd;
    --ct-sys-color-tertiary-fixed-dim: #e8b7e7;
    --ct-sys-color-tertiary-palette-key-color: #936995;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-heritage {
    --ct-sys-color-background: #0c0e12;
    --ct-sys-color-error: #fa746f;
    --ct-sys-color-error-container: #871f21;
    --ct-sys-color-error-dim: #c54d4a;
    --ct-sys-color-information: #00a7f0;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #535559;
    --ct-sys-color-inverse-primary: #49607f;
    --ct-sys-color-inverse-surface: #f9f9fe;
    --ct-sys-color-neutral-palette-key-color: #75777b;
    --ct-sys-color-neutral-variant-palette-key-color: #737780;
    --ct-sys-color-on-background: #e2e5ef;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #29415f;
    --ct-sys-color-on-primary-container: #d4e4ff;
    --ct-sys-color-on-primary-fixed: #162f4c;
    --ct-sys-color-on-primary-fixed-variant: #354c6a;
    --ct-sys-color-on-secondary: #354151;
    --ct-sys-color-on-secondary-container: #b4c0d4;
    --ct-sys-color-on-secondary-fixed: #354050;
    --ct-sys-color-on-secondary-fixed-variant: #515c6d;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #e2e5ef;
    --ct-sys-color-on-surface-variant: #a7abb4;
    --ct-sys-color-on-tertiary: #514871;
    --ct-sys-color-on-tertiary-container: #484068;
    --ct-sys-color-on-tertiary-fixed: #352c53;
    --ct-sys-color-on-tertiary-fixed-variant: #524972;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #71767e;
    --ct-sys-color-outline-variant: #444850;
    --ct-sys-color-primary: #b0c8ec;
    --ct-sys-color-primary-container: #3c5472;
    --ct-sys-color-primary-dim: #a2badd;
    --ct-sys-color-primary-fixed: #b3cbef;
    --ct-sys-color-primary-fixed-dim: #a5bde0;
    --ct-sys-color-primary-palette-key-color: #617999;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #bbc7db;
    --ct-sys-color-secondary-container: #313c4c;
    --ct-sys-color-secondary-dim: #aebacd;
    --ct-sys-color-secondary-fixed: #d7e3f8;
    --ct-sys-color-secondary-fixed-dim: #c9d5e9;
    --ct-sys-color-secondary-palette-key-color: #6c788a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #3cb360;
    --ct-sys-color-success-container: #005323;
    --ct-sys-color-surface: #0c0e12;
    --ct-sys-color-surface-bright: #282c34;
    --ct-sys-color-surface-container: #161a1f;
    --ct-sys-color-surface-container-high: #1c2026;
    --ct-sys-color-surface-container-highest: #21262d;
    --ct-sys-color-surface-container-low: #111418;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #0c0e12;
    --ct-sys-color-surface-tint: #b0c8ec;
    --ct-sys-color-surface-variant: #21262d;
    --ct-sys-color-tertiary: #e2d7ff;
    --ct-sys-color-tertiary-container: #d4c8f9;
    --ct-sys-color-tertiary-dim: #d4c8f9;
    --ct-sys-color-tertiary-fixed: #d4c8f9;
    --ct-sys-color-tertiary-fixed-dim: #c6baeb;
    --ct-sys-color-tertiary-palette-key-color: #7b719d;
    --ct-sys-color-warning: #c69600;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-artisan {
    --ct-sys-color-background: #100e0e;
    --ct-sys-color-error: #ee7d77;
    --ct-sys-color-error-container: #7f2927;
    --ct-sys-color-error-dim: #bb5551;
    --ct-sys-color-information: #42a6e4;
    --ct-sys-color-information-container: #004b70;
    --ct-sys-color-inverse-on-surface: #585454;
    --ct-sys-color-inverse-primary: #6b5b5e;
    --ct-sys-color-inverse-surface: #fff8f7;
    --ct-sys-color-neutral-palette-key-color: #7a7676;
    --ct-sys-color-neutral-variant-palette-key-color: #7d7576;
    --ct-sys-color-on-background: #ede3e3;
    --ct-sys-color-on-error: #490106;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002336;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #4b3d3f;
    --ct-sys-color-on-primary-container: #e0cbce;
    --ct-sys-color-on-primary-fixed: #4a3c3e;
    --ct-sys-color-on-primary-fixed-variant: #67585a;
    --ct-sys-color-on-secondary: #251f20;
    --ct-sys-color-on-secondary-container: #c8bdbd;
    --ct-sys-color-on-secondary-fixed: #453d3e;
    --ct-sys-color-on-secondary-fixed-variant: #62595a;
    --ct-sys-color-on-success: #00270d;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #ede3e3;
    --ct-sys-color-on-surface-variant: #b2a9a9;
    --ct-sys-color-on-tertiary: #6c5268;
    --ct-sys-color-on-tertiary-container: #634a60;
    --ct-sys-color-on-tertiary-fixed: #50384d;
    --ct-sys-color-on-tertiary-fixed-variant: #6e536a;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #7b7474;
    --ct-sys-color-outline-variant: #4c4647;
    --ct-sys-color-primary: #d6c2c4;
    --ct-sys-color-primary-container: #524346;
    --ct-sys-color-primary-dim: #c8b4b7;
    --ct-sys-color-primary-fixed: #f3dde0;
    --ct-sys-color-primary-fixed-dim: #e4cfd2;
    --ct-sys-color-primary-palette-key-color: #847376;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #a69b9c;
    --ct-sys-color-secondary-container: #413a3b;
    --ct-sys-color-secondary-dim: #a69b9c;
    --ct-sys-color-secondary-fixed: #ece0e0;
    --ct-sys-color-secondary-fixed-dim: #ddd2d2;
    --ct-sys-color-secondary-palette-key-color: #7e7576;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #58b06c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #100e0e;
    --ct-sys-color-surface-bright: #302b2b;
    --ct-sys-color-surface-container: #1c1919;
    --ct-sys-color-surface-container-high: #231f1f;
    --ct-sys-color-surface-container-highest: #2a2525;
    --ct-sys-color-surface-container-low: #151313;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #100e0e;
    --ct-sys-color-surface-tint: #d6c2c4;
    --ct-sys-color-surface-variant: #2a2525;
    --ct-sys-color-tertiary: #ffebf8;
    --ct-sys-color-tertiary-container: #fbd8f3;
    --ct-sys-color-tertiary-dim: #fbd8f3;
    --ct-sys-color-tertiary-fixed: #fbd8f3;
    --ct-sys-color-tertiary-fixed-dim: #eccae5;
    --ct-sys-color-tertiary-palette-key-color: #8b6e86;
    --ct-sys-color-warning: #c59715;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-minimal {
    --ct-sys-color-background: #0e0e0f;
    --ct-sys-color-error: #ee7d77;
    --ct-sys-color-error-container: #7f2927;
    --ct-sys-color-error-dim: #bb5551;
    --ct-sys-color-information: #42a6e4;
    --ct-sys-color-information-container: #004b70;
    --ct-sys-color-inverse-on-surface: #565555;
    --ct-sys-color-inverse-primary: #595f6c;
    --ct-sys-color-inverse-surface: #fcf8f9;
    --ct-sys-color-neutral-palette-key-color: #787778;
    --ct-sys-color-neutral-variant-palette-key-color: #777779;
    --ct-sys-color-on-background: #e7e5e7;
    --ct-sys-color-on-error: #490106;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002336;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #3a404c;
    --ct-sys-color-on-primary-container: #cad0df;
    --ct-sys-color-on-primary-fixed: #39404c;
    --ct-sys-color-on-primary-fixed-variant: #555c68;
    --ct-sys-color-on-secondary: #1e2025;
    --ct-sys-color-on-secondary-container: #bebfc5;
    --ct-sys-color-on-secondary-fixed: #3d3f45;
    --ct-sys-color-on-secondary-fixed-variant: #595b61;
    --ct-sys-color-on-success: #00270d;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #e7e5e7;
    --ct-sys-color-on-surface-variant: #acaaad;
    --ct-sys-color-on-tertiary: #54546f;
    --ct-sys-color-on-tertiary-container: #4b4c67;
    --ct-sys-color-on-tertiary-fixed: #393953;
    --ct-sys-color-on-tertiary-fixed-variant: #555671;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #757578;
    --ct-sys-color-outline-variant: #47484a;
    --ct-sys-color-primary: #c0c6d5;
    --ct-sys-color-primary-container: #404753;
    --ct-sys-color-primary-dim: #b2b9c7;
    --ct-sys-color-primary-fixed: #dce2f2;
    --ct-sys-color-primary-fixed-dim: #ced4e4;
    --ct-sys-color-primary-palette-key-color: #717785;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #9c9ea4;
    --ct-sys-color-secondary-container: #393b41;
    --ct-sys-color-secondary-dim: #9c9ea4;
    --ct-sys-color-secondary-fixed: #e1e2e9;
    --ct-sys-color-secondary-fixed-dim: #d3d4da;
    --ct-sys-color-secondary-palette-key-color: #75777d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #58b06c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #0e0e0f;
    --ct-sys-color-surface-bright: #2b2c2f;
    --ct-sys-color-surface-container: #19191b;
    --ct-sys-color-surface-container-high: #1f1f21;
    --ct-sys-color-surface-container-highest: #252628;
    --ct-sys-color-surface-container-low: #131314;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #0e0e0f;
    --ct-sys-color-surface-tint: #c0c6d5;
    --ct-sys-color-surface-variant: #252628;
    --ct-sys-color-tertiary: #ebe9ff;
    --ct-sys-color-tertiary-container: #dbdafb;
    --ct-sys-color-tertiary-dim: #dbdafb;
    --ct-sys-color-tertiary-fixed: #dbdafb;
    --ct-sys-color-tertiary-fixed-dim: #cdccec;
    --ct-sys-color-tertiary-palette-key-color: #757591;
    --ct-sys-color-warning: #c59715;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-playful {
    --ct-sys-color-background: #1c1014;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3b2c31;
    --ct-sys-color-inverse-primary: #704d9f;
    --ct-sys-color-inverse-surface: #f5dce3;
    --ct-sys-color-neutral-palette-key-color: #867278;
    --ct-sys-color-neutral-variant-palette-key-color: #8e6f79;
    --ct-sys-color-on-background: #f5dce3;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #401b6d;
    --ct-sys-color-on-primary-container: #eddcff;
    --ct-sys-color-on-primary-fixed: #290055;
    --ct-sys-color-on-primary-fixed-variant: #583486;
    --ct-sys-color-on-secondary: #3c255a;
    --ct-sys-color-on-secondary-container: #eddcff;
    --ct-sys-color-on-secondary-fixed: #260e44;
    --ct-sys-color-on-secondary-fixed-variant: #533b72;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f5dce3;
    --ct-sys-color-on-surface-variant: #e2bdc8;
    --ct-sys-color-on-tertiary: #541d35;
    --ct-sys-color-on-tertiary-container: #ffd9e4;
    --ct-sys-color-on-tertiary-fixed: #390720;
    --ct-sys-color-on-tertiary-fixed-variant: #6f334c;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a98892;
    --ct-sys-color-outline-variant: #5a3f48;
    --ct-sys-color-primary: #d8b9ff;
    --ct-sys-color-primary-container: #583486;
    --ct-sys-color-primary-dim: #cca4ff;
    --ct-sys-color-primary-fixed: #eddcff;
    --ct-sys-color-primary-fixed-dim: #d8b9ff;
    --ct-sys-color-primary-palette-key-color: #8a66ba;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #d7bafb;
    --ct-sys-color-secondary-container: #533b72;
    --ct-sys-color-secondary-dim: #dabdfe;
    --ct-sys-color-secondary-fixed: #eddcff;
    --ct-sys-color-secondary-fixed-dim: #d7bafb;
    --ct-sys-color-secondary-palette-key-color: #856ca6;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1c1014;
    --ct-sys-color-surface-bright: #45353a;
    --ct-sys-color-surface-container: #291c20;
    --ct-sys-color-surface-container-high: #35262b;
    --ct-sys-color-surface-container-highest: #403136;
    --ct-sys-color-surface-container-low: #25181c;
    --ct-sys-color-surface-container-lowest: #170b0f;
    --ct-sys-color-surface-dim: #1c1014;
    --ct-sys-color-surface-tint: #d8b9ff;
    --ct-sys-color-surface-variant: #5a3f48;
    --ct-sys-color-tertiary: #ffb0cc;
    --ct-sys-color-tertiary-container: #6f334c;
    --ct-sys-color-tertiary-dim: #ee9fbc;
    --ct-sys-color-tertiary-fixed: #ffd9e4;
    --ct-sys-color-tertiary-fixed-dim: #ffb0cc;
    --ct-sys-color-tertiary-palette-key-color: #a7627c;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-signal {
    --ct-sys-color-background: #1a120b;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #392e26;
    --ct-sys-color-inverse-primary: #904d00;
    --ct-sys-color-inverse-surface: #f2dfd3;
    --ct-sys-color-neutral-palette-key-color: #83746a;
    --ct-sys-color-neutral-variant-palette-key-color: #887364;
    --ct-sys-color-on-background: #f2dfd3;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #4d2600;
    --ct-sys-color-on-primary-container: #432000;
    --ct-sys-color-on-primary-fixed: #2f1500;
    --ct-sys-color-on-primary-fixed-variant: #6e3900;
    --ct-sys-color-on-secondary: #4c2703;
    --ct-sys-color-on-secondary-container: #e4a97a;
    --ct-sys-color-on-secondary-fixed: #2f1500;
    --ct-sys-color-on-secondary-fixed-variant: #673d17;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f2dfd3;
    --ct-sys-color-on-surface-variant: #dbc2b0;
    --ct-sys-color-on-tertiary: #2d3400;
    --ct-sys-color-on-tertiary-container: #272d00;
    --ct-sys-color-on-tertiary-fixed: #1a1e00;
    --ct-sys-color-on-tertiary-fixed-variant: #434b00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a38c7c;
    --ct-sys-color-outline-variant: #554336;
    --ct-sys-color-primary: #ffb77d;
    --ct-sys-color-primary-container: #d97707;
    --ct-sys-color-primary-dim: #fe932c;
    --ct-sys-color-primary-fixed: #ffdcc3;
    --ct-sys-color-primary-fixed-dim: #ffb77d;
    --ct-sys-color-primary-palette-key-color: #d67502;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f7ba8a;
    --ct-sys-color-secondary-container: #673d17;
    --ct-sys-color-secondary-dim: #f4b787;
    --ct-sys-color-secondary-fixed: #ffdcc3;
    --ct-sys-color-secondary-fixed-dim: #f7ba8a;
    --ct-sys-color-secondary-palette-key-color: #9e6c42;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1a120b;
    --ct-sys-color-surface-bright: #42372f;
    --ct-sys-color-surface-container: #271e16;
    --ct-sys-color-surface-container-high: #322820;
    --ct-sys-color-surface-container-highest: #3e332b;
    --ct-sys-color-surface-container-low: #231a13;
    --ct-sys-color-surface-container-lowest: #150c06;
    --ct-sys-color-surface-dim: #1a120b;
    --ct-sys-color-surface-tint: #ffb77d;
    --ct-sys-color-surface-variant: #554336;
    --ct-sys-color-tertiary: #bfd043;
    --ct-sys-color-tertiary-container: #899900;
    --ct-sys-color-tertiary-dim: #e9fc6a;
    --ct-sys-color-tertiary-fixed: #daed5d;
    --ct-sys-color-tertiary-fixed-dim: #bfd043;
    --ct-sys-color-tertiary-palette-key-color: #899900;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-prism {
    --ct-sys-color-background: #131313;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #303030;
    --ct-sys-color-inverse-primary: #1260a4;
    --ct-sys-color-inverse-surface: #e2e2e2;
    --ct-sys-color-neutral-palette-key-color: #777777;
    --ct-sys-color-neutral-variant-palette-key-color: #777777;
    --ct-sys-color-on-background: #e2e2e2;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00315b;
    --ct-sys-color-on-primary-container: #d3e4ff;
    --ct-sys-color-on-primary-fixed: #001c38;
    --ct-sys-color-on-primary-fixed-variant: #004881;
    --ct-sys-color-on-secondary: #263141;
    --ct-sys-color-on-secondary-container: #d7e3f8;
    --ct-sys-color-on-secondary-fixed: #101c2b;
    --ct-sys-color-on-secondary-fixed-variant: #3c4858;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e2e2e2;
    --ct-sys-color-on-surface-variant: #c6c6c6;
    --ct-sys-color-on-tertiary: #3c2947;
    --ct-sys-color-on-tertiary-container: #f4d9ff;
    --ct-sys-color-on-tertiary-fixed: #261431;
    --ct-sys-color-on-tertiary-fixed-variant: #533f5e;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #919191;
    --ct-sys-color-outline-variant: #474747;
    --ct-sys-color-primary: #a2c9ff;
    --ct-sys-color-primary-container: #004881;
    --ct-sys-color-primary-dim: #75b1fb;
    --ct-sys-color-primary-fixed: #d3e4ff;
    --ct-sys-color-primary-fixed-dim: #a2c9ff;
    --ct-sys-color-primary-palette-key-color: #397ac0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #bbc7db;
    --ct-sys-color-secondary-container: #3c4858;
    --ct-sys-color-secondary-dim: #d7e3f8;
    --ct-sys-color-secondary-fixed: #d7e3f8;
    --ct-sys-color-secondary-fixed-dim: #bbc7db;
    --ct-sys-color-secondary-palette-key-color: #6c788a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #131313;
    --ct-sys-color-surface-bright: #393939;
    --ct-sys-color-surface-container: #1f1f1f;
    --ct-sys-color-surface-container-high: #2a2a2a;
    --ct-sys-color-surface-container-highest: #353535;
    --ct-sys-color-surface-container-low: #1b1b1b;
    --ct-sys-color-surface-container-lowest: #0e0e0e;
    --ct-sys-color-surface-dim: #131313;
    --ct-sys-color-surface-tint: #a2c9ff;
    --ct-sys-color-surface-variant: #474747;
    --ct-sys-color-tertiary: #d8bde3;
    --ct-sys-color-tertiary-container: #533f5e;
    --ct-sys-color-tertiary-dim: #e6cbf2;
    --ct-sys-color-tertiary-fixed: #f4d9ff;
    --ct-sys-color-tertiary-fixed-dim: #d8bde3;
    --ct-sys-color-tertiary-palette-key-color: #866f91;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-contrail {
    --ct-sys-color-background: #060e1b;
    --ct-sys-color-error: #ff716c;
    --ct-sys-color-error-container: #8a1a1e;
    --ct-sys-color-error-dim: #c94947;
    --ct-sys-color-information: #00a7f1;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #4d5564;
    --ct-sys-color-inverse-primary: #3d6090;
    --ct-sys-color-inverse-surface: #f9f9ff;
    --ct-sys-color-neutral-palette-key-color: #6f7787;
    --ct-sys-color-neutral-variant-palette-key-color: #5b78a4;
    --ct-sys-color-on-background: #d9e6ff;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #254a79;
    --ct-sys-color-on-primary-container: #1a416f;
    --ct-sys-color-on-primary-fixed: #002c58;
    --ct-sys-color-on-primary-fixed-variant: #254a79;
    --ct-sys-color-on-secondary: #304539;
    --ct-sys-color-on-secondary-container: #92a99a;
    --ct-sys-color-on-secondary-fixed: #374d40;
    --ct-sys-color-on-secondary-fixed-variant: #53695c;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #d9e6ff;
    --ct-sys-color-on-surface-variant: #9bacca;
    --ct-sys-color-on-tertiary: #006c3f;
    --ct-sys-color-on-tertiary-container: #006239;
    --ct-sys-color-on-tertiary-fixed: #004e2c;
    --ct-sys-color-on-tertiary-fixed-variant: #006e40;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #657692;
    --ct-sys-color-outline-variant: #384962;
    --ct-sys-color-primary: #bdd6ff;
    --ct-sys-color-primary-container: #a6c8ff;
    --ct-sys-color-primary-dim: #a6c8ff;
    --ct-sys-color-primary-fixed: #a6c8ff;
    --ct-sys-color-primary-fixed-dim: #98baf0;
    --ct-sys-color-primary-palette-key-color: #5678aa;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b4ccbc;
    --ct-sys-color-secondary-container: #152a1f;
    --ct-sys-color-secondary-dim: #a7beaf;
    --ct-sys-color-secondary-fixed: #def7e6;
    --ct-sys-color-secondary-fixed-dim: #d0e8d8;
    --ct-sys-color-secondary-palette-key-color: #657c6e;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #2cb55c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #060e1b;
    --ct-sys-color-surface-bright: #192d48;
    --ct-sys-color-surface-container: #0d1a2c;
    --ct-sys-color-surface-container-high: #112035;
    --ct-sys-color-surface-container-highest: #15263e;
    --ct-sys-color-surface-container-low: #091423;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #060e1b;
    --ct-sys-color-surface-tint: #bdd6ff;
    --ct-sys-color-surface-variant: #15263e;
    --ct-sys-color-tertiary: #ddffe4;
    --ct-sys-color-tertiary-container: #9bfdbe;
    --ct-sys-color-tertiary-dim: #9bfdbe;
    --ct-sys-color-tertiary-fixed: #9bfdbe;
    --ct-sys-color-tertiary-fixed-dim: #8deeb1;
    --ct-sys-color-tertiary-palette-key-color: #208854;
    --ct-sys-color-warning: #c79700;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-atelier {
    --ct-sys-color-background: #151311;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #32302e;
    --ct-sys-color-inverse-primary: #6a5c47;
    --ct-sys-color-inverse-surface: #e7e1de;
    --ct-sys-color-neutral-palette-key-color: #7a7674;
    --ct-sys-color-neutral-variant-palette-key-color: #7d766c;
    --ct-sys-color-on-background: #e7e1de;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #392f1d;
    --ct-sys-color-on-primary-container: #3b311e;
    --ct-sys-color-on-primary-fixed: #231a0a;
    --ct-sys-color-on-primary-fixed-variant: #514531;
    --ct-sys-color-on-secondary: #353027;
    --ct-sys-color-on-secondary-container: #bdb4a8;
    --ct-sys-color-on-secondary-fixed: #201b13;
    --ct-sys-color-on-secondary-fixed-variant: #4c463c;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e7e1de;
    --ct-sys-color-on-surface-variant: #cfc5ba;
    --ct-sys-color-on-tertiary: #2d3222;
    --ct-sys-color-on-tertiary-container: #303424;
    --ct-sys-color-on-tertiary-fixed: #191d0e;
    --ct-sys-color-on-tertiary-fixed-variant: #444937;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #988f85;
    --ct-sys-color-outline-variant: #4c463d;
    --ct-sys-color-primary: #d6c4aa;
    --ct-sys-color-primary-container: #a89880;
    --ct-sys-color-primary-dim: #fce8cd;
    --ct-sys-color-primary-fixed: #f3e0c5;
    --ct-sys-color-primary-fixed-dim: #d6c4aa;
    --ct-sys-color-primary-palette-key-color: #84755f;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #cfc5b8;
    --ct-sys-color-secondary-container: #4c463c;
    --ct-sys-color-secondary-dim: #ece1d4;
    --ct-sys-color-secondary-fixed: #ece1d4;
    --ct-sys-color-secondary-fixed-dim: #cfc5b8;
    --ct-sys-color-secondary-palette-key-color: #7e766b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #151311;
    --ct-sys-color-surface-bright: #3b3937;
    --ct-sys-color-surface-container: #211f1d;
    --ct-sys-color-surface-container-high: #2c2a28;
    --ct-sys-color-surface-container-highest: #373432;
    --ct-sys-color-surface-container-low: #1d1b19;
    --ct-sys-color-surface-container-lowest: #0f0e0c;
    --ct-sys-color-surface-dim: #151311;
    --ct-sys-color-surface-tint: #d6c4aa;
    --ct-sys-color-surface-variant: #4c463d;
    --ct-sys-color-tertiary: #c4c9b1;
    --ct-sys-color-tertiary-container: #989d87;
    --ct-sys-color-tertiary-dim: #eff3da;
    --ct-sys-color-tertiary-fixed: #e0e5cc;
    --ct-sys-color-tertiary-fixed-dim: #c4c9b1;
    --ct-sys-color-tertiary-palette-key-color: #989d87;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-racer {
    --ct-sys-color-background: #1b0904;
    --ct-sys-color-error: #ff8796;
    --ct-sys-color-error-container: #b53950;
    --ct-sys-color-error-dim: #fd6f85;
    --ct-sys-color-information: #2db8ed;
    --ct-sys-color-information-container: #006e92;
    --ct-sys-color-inverse-on-surface: #563c34;
    --ct-sys-color-inverse-primary: #89453b;
    --ct-sys-color-inverse-surface: #fff8f6;
    --ct-sys-color-neutral-palette-key-color: #8f7066;
    --ct-sys-color-neutral-variant-palette-key-color: #a8664f;
    --ct-sys-color-on-background: #ffffff;
    --ct-sys-color-on-error: #520017;
    --ct-sys-color-on-error-container: #ffffff;
    --ct-sys-color-on-information: #002938;
    --ct-sys-color-on-information-container: #ffffff;
    --ct-sys-color-on-primary: #60261d;
    --ct-sys-color-on-primary-container: #531c14;
    --ct-sys-color-on-primary-fixed: #1f0000;
    --ct-sys-color-on-primary-fixed-variant: #592018;
    --ct-sys-color-on-secondary: #283d46;
    --ct-sys-color-on-secondary-container: #ffffff;
    --ct-sys-color-on-secondary-fixed: #1f343d;
    --ct-sys-color-on-secondary-fixed-variant: #3d515b;
    --ct-sys-color-on-success: #012d00;
    --ct-sys-color-on-success-container: #ffffff;
    --ct-sys-color-on-surface: #ffffff;
    --ct-sys-color-on-surface-variant: #dea795;
    --ct-sys-color-on-tertiary: #004657;
    --ct-sys-color-on-tertiary-container: #003c4a;
    --ct-sys-color-on-tertiary-fixed: #000c11;
    --ct-sys-color-on-tertiary-fixed-variant: #003846;
    --ct-sys-color-on-warning: #312300;
    --ct-sys-color-on-warning-container: #ffffff;
    --ct-sys-color-outline: #ae7d6c;
    --ct-sys-color-outline-variant: #885b4c;
    --ct-sys-color-primary: #ffb0a3;
    --ct-sys-color-primary-container: #f79f91;
    --ct-sys-color-primary-dim: #f79f91;
    --ct-sys-color-primary-fixed: #ffac9e;
    --ct-sys-color-primary-fixed-dim: #f49d8f;
    --ct-sys-color-primary-palette-key-color: #ad6256;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b4cad5;
    --ct-sys-color-secondary-container: #546973;
    --ct-sys-color-secondary-dim: #a6bcc8;
    --ct-sys-color-secondary-fixed: #d8eefb;
    --ct-sys-color-secondary-fixed-dim: #cae0ec;
    --ct-sys-color-secondary-palette-key-color: #657a85;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #76bc65;
    --ct-sys-color-success-container: #18770f;
    --ct-sys-color-surface: #1b0904;
    --ct-sys-color-surface-bright: #472214;
    --ct-sys-color-surface-container: #2b130a;
    --ct-sys-color-surface-container-high: #34180d;
    --ct-sys-color-surface-container-highest: #3d1d11;
    --ct-sys-color-surface-container-low: #220e06;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #1b0904;
    --ct-sys-color-surface-tint: #ffb0a3;
    --ct-sys-color-surface-variant: #3d1d11;
    --ct-sys-color-tertiary: #73dcff;
    --ct-sys-color-tertiary-container: #55cff5;
    --ct-sys-color-tertiary-dim: #55cff5;
    --ct-sys-color-tertiary-fixed: #55cff5;
    --ct-sys-color-tertiary-fixed-dim: #43c1e6;
    --ct-sys-color-tertiary-palette-key-color: #0ba6ca;
    --ct-sys-color-warning: #d5a41a;
    --ct-sys-color-warning-container: #8f5b00;
  }
  .theme-transfer-window {
    --ct-sys-color-background: #0e150d;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2b3229;
    --ct-sys-color-inverse-primary: #006e24;
    --ct-sys-color-inverse-surface: #dce5d7;
    --ct-sys-color-neutral-palette-key-color: #71796e;
    --ct-sys-color-neutral-variant-palette-key-color: #6d7b6a;
    --ct-sys-color-on-background: #dce5d7;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00390f;
    --ct-sys-color-on-primary-container: #003a0f;
    --ct-sys-color-on-primary-fixed: #002106;
    --ct-sys-color-on-primary-fixed-variant: #005319;
    --ct-sys-color-on-secondary: #00390f;
    --ct-sys-color-on-secondary-container: #85c484;
    --ct-sys-color-on-secondary-fixed: #002106;
    --ct-sys-color-on-secondary-fixed-variant: #13521f;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dce5d7;
    --ct-sys-color-on-surface-variant: #bccbb7;
    --ct-sys-color-on-tertiary: #003061;
    --ct-sys-color-on-tertiary-container: #003162;
    --ct-sys-color-on-tertiary-fixed: #001b3c;
    --ct-sys-color-on-tertiary-fixed-variant: #004689;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #869583;
    --ct-sys-color-outline-variant: #3d4a3c;
    --ct-sys-color-primary: #51e169;
    --ct-sys-color-primary-container: #00b140;
    --ct-sys-color-primary-dim: #70ff82;
    --ct-sys-color-primary-fixed: #70ff82;
    --ct-sys-color-primary-fixed-dim: #51e169;
    --ct-sys-color-primary-palette-key-color: #08b342;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #95d695;
    --ct-sys-color-secondary-container: #13521f;
    --ct-sys-color-secondary-dim: #b1f3af;
    --ct-sys-color-secondary-fixed: #b1f3af;
    --ct-sys-color-secondary-fixed-dim: #95d695;
    --ct-sys-color-secondary-palette-key-color: #48844b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0e150d;
    --ct-sys-color-surface-bright: #333b32;
    --ct-sys-color-surface-container: #1a2219;
    --ct-sys-color-surface-container-high: #242c23;
    --ct-sys-color-surface-container-highest: #2f372e;
    --ct-sys-color-surface-container-low: #161d15;
    --ct-sys-color-surface-container-lowest: #091008;
    --ct-sys-color-surface-dim: #0e150d;
    --ct-sys-color-surface-tint: #51e169;
    --ct-sys-color-surface-variant: #3d4a3c;
    --ct-sys-color-tertiary: #a7c8ff;
    --ct-sys-color-tertiary-container: #4d9aff;
    --ct-sys-color-tertiary-dim: #4c99fe;
    --ct-sys-color-tertiary-fixed: #d5e3ff;
    --ct-sys-color-tertiary-fixed-dim: #a7c8ff;
    --ct-sys-color-tertiary-palette-key-color: #4d9aff;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-hex-pixels {
    --ct-sys-color-background: #120e00;
    --ct-sys-color-error: #ff9c84;
    --ct-sys-color-error-container: #d23b16;
    --ct-sys-color-error-dim: #ff8567;
    --ct-sys-color-information: #84baf5;
    --ct-sys-color-information-container: #0076c1;
    --ct-sys-color-inverse-on-surface: #443a04;
    --ct-sys-color-inverse-primary: #565a00;
    --ct-sys-color-inverse-surface: #fff9ed;
    --ct-sys-color-neutral-palette-key-color: #84773d;
    --ct-sys-color-neutral-variant-palette-key-color: #867728;
    --ct-sys-color-on-background: #ffffff;
    --ct-sys-color-on-error: #580e00;
    --ct-sys-color-on-error-container: #ffffff;
    --ct-sys-color-on-information: #002d4e;
    --ct-sys-color-on-information-container: #ffffff;
    --ct-sys-color-on-primary: #555800;
    --ct-sys-color-on-primary-container: #4d4f00;
    --ct-sys-color-on-primary-fixed: #292b00;
    --ct-sys-color-on-primary-fixed-variant: #474a00;
    --ct-sys-color-on-secondary: #4f4300;
    --ct-sys-color-on-secondary-container: #ffffff;
    --ct-sys-color-on-secondary-fixed: #211b00;
    --ct-sys-color-on-secondary-fixed-variant: #463c00;
    --ct-sys-color-on-success: #00321e;
    --ct-sys-color-on-success-container: #ffffff;
    --ct-sys-color-on-surface: #ffffff;
    --ct-sys-color-on-surface-variant: #c7b876;
    --ct-sys-color-on-tertiary: #513d00;
    --ct-sys-color-on-tertiary-container: #463500;
    --ct-sys-color-on-tertiary-fixed: #000000;
    --ct-sys-color-on-tertiary-fixed-variant: #3b2c00;
    --ct-sys-color-on-warning: #382800;
    --ct-sys-color-on-warning-container: #ffffff;
    --ct-sys-color-outline: #9f9154;
    --ct-sys-color-outline-variant: #7f7238;
    --ct-sys-color-primary: #f8ff62;
    --ct-sys-color-primary-container: #eaf203;
    --ct-sys-color-primary-dim: #eaf203;
    --ct-sys-color-primary-fixed: #ecf50d;
    --ct-sys-color-primary-fixed-dim: #dee600;
    --ct-sys-color-primary-palette-key-color: #eaf205;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f7da41;
    --ct-sys-color-secondary-container: #847200;
    --ct-sys-color-secondary-dim: #e8cc33;
    --ct-sys-color-secondary-fixed: #f7da41;
    --ct-sys-color-secondary-fixed-dim: #e8cc33;
    --ct-sys-color-secondary-palette-key-color: #c4aa02;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #74c799;
    --ct-sys-color-success-container: #008354;
    --ct-sys-color-surface: #120e00;
    --ct-sys-color-surface-bright: #342c00;
    --ct-sys-color-surface-container: #1f1900;
    --ct-sys-color-surface-container-high: #261f00;
    --ct-sys-color-surface-container-highest: #2d2600;
    --ct-sys-color-surface-container-low: #181300;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #120e00;
    --ct-sys-color-surface-tint: #f8ff62;
    --ct-sys-color-surface-variant: #2d2600;
    --ct-sys-color-tertiary: #ffce47;
    --ct-sys-color-tertiary-container: #f2c026;
    --ct-sys-color-tertiary-dim: #f2c026;
    --ct-sys-color-tertiary-fixed: #f2c026;
    --ct-sys-color-tertiary-fixed-dim: #e3b213;
    --ct-sys-color-tertiary-palette-key-color: #ddad07;
    --ct-sys-color-warning: #dab04d;
    --ct-sys-color-warning-container: #9f6600;
  }
  .theme-coulis {
    --ct-sys-color-background: #1d1012;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3d2c2e;
    --ct-sys-color-inverse-primary: #b7184a;
    --ct-sys-color-inverse-surface: #f7dcde;
    --ct-sys-color-neutral-palette-key-color: #877274;
    --ct-sys-color-neutral-variant-palette-key-color: #8d7073;
    --ct-sys-color-on-background: #f7dcde;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #670023;
    --ct-sys-color-on-primary-container: #ffc5cc;
    --ct-sys-color-on-primary-fixed: #400013;
    --ct-sys-color-on-primary-fixed-variant: #910035;
    --ct-sys-color-on-secondary: #5e1226;
    --ct-sys-color-on-secondary-container: #ff9cab;
    --ct-sys-color-on-secondary-fixed: #400013;
    --ct-sys-color-on-secondary-fixed-variant: #7c2a3c;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f7dcde;
    --ct-sys-color-on-surface-variant: #e1bec1;
    --ct-sys-color-on-tertiary: #571e00;
    --ct-sys-color-on-tertiary-container: #ffc8b0;
    --ct-sys-color-on-tertiary-fixed: #351000;
    --ct-sys-color-on-tertiary-fixed-variant: #7c2e00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a8898c;
    --ct-sys-color-outline-variant: #594043;
    --ct-sys-color-primary: #ffb2bc;
    --ct-sys-color-primary-container: #b31447;
    --ct-sys-color-primary-dim: #fc517a;
    --ct-sys-color-primary-fixed: #ffd9dd;
    --ct-sys-color-primary-fixed-dim: #ffb2bc;
    --ct-sys-color-primary-palette-key-color: #da3761;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffb2bc;
    --ct-sys-color-secondary-container: #7f2c3e;
    --ct-sys-color-secondary-dim: #fe90a2;
    --ct-sys-color-secondary-fixed: #ffd9dd;
    --ct-sys-color-secondary-fixed-dim: #ffb2bc;
    --ct-sys-color-secondary-palette-key-color: #b9596a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1d1012;
    --ct-sys-color-surface-bright: #463537;
    --ct-sys-color-surface-container: #2a1c1e;
    --ct-sys-color-surface-container-high: #362628;
    --ct-sys-color-surface-container-highest: #413032;
    --ct-sys-color-surface-container-low: #26181a;
    --ct-sys-color-surface-container-lowest: #170b0c;
    --ct-sys-color-surface-dim: #1d1012;
    --ct-sys-color-surface-tint: #ffb2bc;
    --ct-sys-color-surface-variant: #594043;
    --ct-sys-color-tertiary: #ffb695;
    --ct-sys-color-tertiary-container: #9d3d00;
    --ct-sys-color-tertiary-dim: #fd8448;
    --ct-sys-color-tertiary-fixed: #ffdbcc;
    --ct-sys-color-tertiary-fixed-dim: #ffb695;
    --ct-sys-color-tertiary-palette-key-color: #9d3d00;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-soft {
    --ct-sys-color-background: #14121b;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #312f38;
    --ct-sys-color-inverse-primary: #6341d5;
    --ct-sys-color-inverse-surface: #e6e0ed;
    --ct-sys-color-neutral-palette-key-color: #797580;
    --ct-sys-color-neutral-variant-palette-key-color: #797586;
    --ct-sys-color-on-background: #e6e0ed;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #330099;
    --ct-sys-color-on-primary-container: #1e0062;
    --ct-sys-color-on-primary-fixed: #1d0061;
    --ct-sys-color-on-primary-fixed-variant: #4a21bd;
    --ct-sys-color-on-secondary: #322761;
    --ct-sys-color-on-secondary-container: #b9acf0;
    --ct-sys-color-on-secondary-fixed: #1d0f4c;
    --ct-sys-color-on-secondary-fixed-variant: #493e7a;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e6e0ed;
    --ct-sys-color-on-surface-variant: #cac4d7;
    --ct-sys-color-on-tertiary: #5e0051;
    --ct-sys-color-on-tertiary-container: #3b0032;
    --ct-sys-color-on-tertiary-fixed: #3a0031;
    --ct-sys-color-on-tertiary-fixed-variant: #850073;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #938ea0;
    --ct-sys-color-outline-variant: #484554;
    --ct-sys-color-primary: #cbbeff;
    --ct-sys-color-primary-container: #967cff;
    --ct-sys-color-primary-dim: #967dff;
    --ct-sys-color-primary-fixed: #e6deff;
    --ct-sys-color-primary-fixed-dim: #cbbeff;
    --ct-sys-color-primary-palette-key-color: #7c5df0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #cbbeff;
    --ct-sys-color-secondary-container: #493e7a;
    --ct-sys-color-secondary-dim: #c0b2f7;
    --ct-sys-color-secondary-fixed: #e6deff;
    --ct-sys-color-secondary-fixed-dim: #cbbeff;
    --ct-sys-color-secondary-palette-key-color: #7a6eae;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #14121b;
    --ct-sys-color-surface-bright: #3a3841;
    --ct-sys-color-surface-container: #201e27;
    --ct-sys-color-surface-container-high: #2b2932;
    --ct-sys-color-surface-container-highest: #36333d;
    --ct-sys-color-surface-container-low: #1c1a23;
    --ct-sys-color-surface-container-lowest: #0f0d15;
    --ct-sys-color-surface-dim: #14121b;
    --ct-sys-color-surface-tint: #cbbeff;
    --ct-sys-color-surface-variant: #484554;
    --ct-sys-color-tertiary: #ffade6;
    --ct-sys-color-tertiary-container: #e05fc4;
    --ct-sys-color-tertiary-dim: #fd77dd;
    --ct-sys-color-tertiary-fixed: #ffd7ef;
    --ct-sys-color-tertiary-fixed-dim: #ffade6;
    --ct-sys-color-tertiary-palette-key-color: #d152b6;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-pill {
    --ct-sys-color-background: #1b110a;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3a2e25;
    --ct-sys-color-inverse-primary: #944b00;
    --ct-sys-color-inverse-surface: #f4ded2;
    --ct-sys-color-neutral-palette-key-color: #857469;
    --ct-sys-color-neutral-variant-palette-key-color: #8a7262;
    --ct-sys-color-on-background: #f4ded2;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #4f2500;
    --ct-sys-color-on-primary-container: #5f2e00;
    --ct-sys-color-on-primary-fixed: #301400;
    --ct-sys-color-on-primary-fixed-variant: #703700;
    --ct-sys-color-on-secondary: #4f2500;
    --ct-sys-color-on-secondary-container: #f1a873;
    --ct-sys-color-on-secondary-fixed: #301400;
    --ct-sys-color-on-secondary-fixed-variant: #6c3a0e;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f4ded2;
    --ct-sys-color-on-surface-variant: #dec1ae;
    --ct-sys-color-on-tertiary: #303300;
    --ct-sys-color-on-tertiary-container: #3b3e00;
    --ct-sys-color-on-tertiary-fixed: #1b1d00;
    --ct-sys-color-on-tertiary-fixed-variant: #464a00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a58c7b;
    --ct-sys-color-outline-variant: #574335;
    --ct-sys-color-primary: #ffb783;
    --ct-sys-color-primary-container: #fe8500;
    --ct-sys-color-primary-dim: #fe8501;
    --ct-sys-color-primary-fixed: #ffdcc5;
    --ct-sys-color-primary-fixed-dim: #ffb783;
    --ct-sys-color-primary-palette-key-color: #fe8500;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffb783;
    --ct-sys-color-secondary-container: #6f3c10;
    --ct-sys-color-secondary-dim: #feb37e;
    --ct-sys-color-secondary-fixed: #ffdcc5;
    --ct-sys-color-secondary-fixed-dim: #ffb783;
    --ct-sys-color-secondary-palette-key-color: #a6693a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1b110a;
    --ct-sys-color-surface-bright: #44372e;
    --ct-sys-color-surface-container: #291d15;
    --ct-sys-color-surface-container-high: #34271f;
    --ct-sys-color-surface-container-highest: #3f322a;
    --ct-sys-color-surface-container-low: #241912;
    --ct-sys-color-surface-container-lowest: #160c06;
    --ct-sys-color-surface-dim: #1b110a;
    --ct-sys-color-surface-tint: #ffb783;
    --ct-sys-color-surface-variant: #574335;
    --ct-sys-color-tertiary: #c6cf32;
    --ct-sys-color-tertiary-container: #a5ad00;
    --ct-sys-color-tertiary-dim: #f1fa5b;
    --ct-sys-color-tertiary-fixed: #e2eb4e;
    --ct-sys-color-tertiary-fixed-dim: #c6cf32;
    --ct-sys-color-tertiary-palette-key-color: #a5ad00;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-tight {
    --ct-sys-color-background: #1c1011;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3c2d2d;
    --ct-sys-color-inverse-primary: #b02a40;
    --ct-sys-color-inverse-surface: #f5dddd;
    --ct-sys-color-neutral-palette-key-color: #867273;
    --ct-sys-color-neutral-variant-palette-key-color: #8c7071;
    --ct-sys-color-on-background: #f5dddd;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #68001a;
    --ct-sys-color-on-primary-container: #41000d;
    --ct-sys-color-on-primary-fixed: #40000d;
    --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
    --ct-sys-color-on-secondary: #581b22;
    --ct-sys-color-on-secondary-container: #fb9fa4;
    --ct-sys-color-on-secondary-fixed: #3c060f;
    --ct-sys-color-on-secondary-fixed-variant: #743137;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f5dddd;
    --ct-sys-color-on-surface-variant: #e0bfbf;
    --ct-sys-color-on-tertiary: #4c2700;
    --ct-sys-color-on-tertiary-container: #2f1600;
    --ct-sys-color-on-tertiary-fixed: #2e1500;
    --ct-sys-color-on-tertiary-fixed-variant: #6c3a00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a78a8a;
    --ct-sys-color-outline-variant: #584142;
    --ct-sys-color-primary: #ffb3b6;
    --ct-sys-color-primary-container: #f45d6e;
    --ct-sys-color-primary-dim: #fe6475;
    --ct-sys-color-primary-fixed: #ffdada;
    --ct-sys-color-primary-fixed-dim: #ffb3b6;
    --ct-sys-color-primary-palette-key-color: #d24356;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffb3b6;
    --ct-sys-color-secondary-container: #77333a;
    --ct-sys-color-secondary-dim: #ffa2a7;
    --ct-sys-color-secondary-fixed: #ffdada;
    --ct-sys-color-secondary-fixed-dim: #ffb3b6;
    --ct-sys-color-secondary-palette-key-color: #af6065;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1c1011;
    --ct-sys-color-surface-bright: #453536;
    --ct-sys-color-surface-container: #2a1c1d;
    --ct-sys-color-surface-container-high: #352627;
    --ct-sys-color-surface-container-highest: #403131;
    --ct-sys-color-surface-container-low: #251819;
    --ct-sys-color-surface-container-lowest: #170b0c;
    --ct-sys-color-surface-dim: #1c1011;
    --ct-sys-color-surface-tint: #ffb3b6;
    --ct-sys-color-surface-variant: #584142;
    --ct-sys-color-tertiary: #ffb779;
    --ct-sys-color-tertiary-container: #d57a14;
    --ct-sys-color-tertiary-dim: #f59431;
    --ct-sys-color-tertiary-fixed: #ffdcc1;
    --ct-sys-color-tertiary-fixed-dim: #ffb779;
    --ct-sys-color-tertiary-palette-key-color: #c56e00;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-scoop {
    --ct-sys-color-background: #161309;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #343024;
    --ct-sys-color-inverse-primary: #715c00;
    --ct-sys-color-inverse-surface: #eae2d0;
    --ct-sys-color-neutral-palette-key-color: #7d7768;
    --ct-sys-color-neutral-variant-palette-key-color: #7f7760;
    --ct-sys-color-on-background: #eae2d0;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #3b2f00;
    --ct-sys-color-on-primary-container: #6e5900;
    --ct-sys-color-on-primary-fixed: #231b00;
    --ct-sys-color-on-primary-fixed-variant: #564500;
    --ct-sys-color-on-secondary: #3b2f00;
    --ct-sys-color-on-secondary-container: #cab46a;
    --ct-sys-color-on-secondary-fixed: #231b00;
    --ct-sys-color-on-secondary-fixed-variant: #554503;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #eae2d0;
    --ct-sys-color-on-surface-variant: #d0c6ab;
    --ct-sys-color-on-tertiary: #283500;
    --ct-sys-color-on-tertiary-container: #4d6300;
    --ct-sys-color-on-tertiary-fixed: #161f00;
    --ct-sys-color-on-tertiary-fixed-variant: #3c4d00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #999078;
    --ct-sys-color-outline-variant: #4d4632;
    --ct-sys-color-primary: #fff0c6;
    --ct-sys-color-primary-container: #fcd000;
    --ct-sys-color-primary-dim: #fcd001;
    --ct-sys-color-primary-fixed: #ffe17b;
    --ct-sys-color-primary-fixed-dim: #ecc300;
    --ct-sys-color-primary-palette-key-color: #fcd000;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ddc579;
    --ct-sys-color-secondary-container: #554503;
    --ct-sys-color-secondary-dim: #fae192;
    --ct-sys-color-secondary-fixed: #fae192;
    --ct-sys-color-secondary-fixed-dim: #ddc579;
    --ct-sys-color-secondary-palette-key-color: #897633;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #161309;
    --ct-sys-color-surface-bright: #3d392c;
    --ct-sys-color-surface-container: #231f14;
    --ct-sys-color-surface-container-high: #2e2a1e;
    --ct-sys-color-surface-container-highest: #393428;
    --ct-sys-color-surface-container-low: #1f1b10;
    --ct-sys-color-surface-container-lowest: #110e05;
    --ct-sys-color-surface-dim: #161309;
    --ct-sys-color-surface-tint: #ecc300;
    --ct-sys-color-surface-variant: #4d4632;
    --ct-sys-color-tertiary: #d9ff6a;
    --ct-sys-color-tertiary-container: #bde24e;
    --ct-sys-color-tertiary-dim: #d6fd65;
    --ct-sys-color-tertiary-fixed: #cbf15b;
    --ct-sys-color-tertiary-fixed-dim: #b0d441;
    --ct-sys-color-tertiary-palette-key-color: #bde24e;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-flat {
    --ct-sys-color-background: #0d1512;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2a322f;
    --ct-sys-color-inverse-primary: #006b56;
    --ct-sys-color-inverse-surface: #dbe5df;
    --ct-sys-color-neutral-palette-key-color: #707975;
    --ct-sys-color-neutral-variant-palette-key-color: #6a7b74;
    --ct-sys-color-on-background: #dbe5df;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00382b;
    --ct-sys-color-on-primary-container: #006853;
    --ct-sys-color-on-primary-fixed: #002018;
    --ct-sys-color-on-primary-fixed-variant: #005140;
    --ct-sys-color-on-secondary: #00382b;
    --ct-sys-color-on-secondary-container: #86c5b0;
    --ct-sys-color-on-secondary-fixed: #002018;
    --ct-sys-color-on-secondary-fixed-variant: #095040;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dbe5df;
    --ct-sys-color-on-surface-variant: #b9cac3;
    --ct-sys-color-on-tertiary: #133251;
    --ct-sys-color-on-tertiary-container: #425d80;
    --ct-sys-color-on-tertiary-fixed: #001c37;
    --ct-sys-color-on-tertiary-fixed-variant: #2c4869;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #84948d;
    --ct-sys-color-outline-variant: #3a4a44;
    --ct-sys-color-primary: #bbffe7;
    --ct-sys-color-primary-container: #00f0c3;
    --ct-sys-color-primary-dim: #10f3c5;
    --ct-sys-color-primary-fixed: #32fed0;
    --ct-sys-color-primary-fixed-dim: #00e0b6;
    --ct-sys-color-primary-palette-key-color: #00f0c3;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #94d3be;
    --ct-sys-color-secondary-container: #0e5343;
    --ct-sys-color-secondary-dim: #b0f0d9;
    --ct-sys-color-secondary-fixed: #b0f0d9;
    --ct-sys-color-secondary-fixed-dim: #94d3be;
    --ct-sys-color-secondary-palette-key-color: #458270;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0d1512;
    --ct-sys-color-surface-bright: #323b37;
    --ct-sys-color-surface-container: #19211e;
    --ct-sys-color-surface-container-high: #232c28;
    --ct-sys-color-surface-container-highest: #2e3733;
    --ct-sys-color-surface-container-low: #151d1a;
    --ct-sys-color-surface-container-lowest: #08100d;
    --ct-sys-color-surface-dim: #0d1512;
    --ct-sys-color-surface-tint: #00e0b6;
    --ct-sys-color-surface-variant: #3a4a44;
    --ct-sys-color-tertiary: #ebf1ff;
    --ct-sys-color-tertiary-container: #bbd7ff;
    --ct-sys-color-tertiary-dim: #bad6fe;
    --ct-sys-color-tertiary-fixed: #d2e4ff;
    --ct-sys-color-tertiary-fixed-dim: #adc9f0;
    --ct-sys-color-tertiary-palette-key-color: #bbd7ff;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-deep {
    --ct-sys-color-background: #191117;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #372d35;
    --ct-sys-color-inverse-primary: #9e2a9a;
    --ct-sys-color-inverse-surface: #efdee8;
    --ct-sys-color-neutral-palette-key-color: #80737c;
    --ct-sys-color-neutral-variant-palette-key-color: #85727f;
    --ct-sys-color-on-background: #efdee8;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #5b005a;
    --ct-sys-color-on-primary-container: #390038;
    --ct-sys-color-on-primary-fixed: #380037;
    --ct-sys-color-on-primary-fixed-variant: #810180;
    --ct-sys-color-on-secondary: #4e1d4a;
    --ct-sys-color-on-secondary-container: #e5a4d9;
    --ct-sys-color-on-secondary-fixed: #350634;
    --ct-sys-color-on-secondary-fixed-variant: #673462;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #efdee8;
    --ct-sys-color-on-surface-variant: #d7c0cf;
    --ct-sys-color-on-tertiary: #67001b;
    --ct-sys-color-on-tertiary-container: #41000e;
    --ct-sys-color-on-tertiary-fixed: #40000d;
    --ct-sys-color-on-tertiary-fixed-variant: #8f0c2c;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9f8b99;
    --ct-sys-color-outline-variant: #52424e;
    --ct-sys-color-primary: #ffabf2;
    --ct-sys-color-primary-container: #da61d1;
    --ct-sys-color-primary-dim: #f97cee;
    --ct-sys-color-primary-fixed: #ffd7f5;
    --ct-sys-color-primary-fixed-dim: #ffabf2;
    --ct-sys-color-primary-palette-key-color: #bc46b5;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f4b1e8;
    --ct-sys-color-secondary-container: #6a3665;
    --ct-sys-color-secondary-dim: #f7b4eb;
    --ct-sys-color-secondary-fixed: #ffd7f5;
    --ct-sys-color-secondary-fixed-dim: #f4b1e8;
    --ct-sys-color-secondary-palette-key-color: #9d6495;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #191117;
    --ct-sys-color-surface-bright: #41363e;
    --ct-sys-color-surface-container: #261d24;
    --ct-sys-color-surface-container-high: #31272e;
    --ct-sys-color-surface-container-highest: #3c3239;
    --ct-sys-color-surface-container-low: #221920;
    --ct-sys-color-surface-container-lowest: #140c12;
    --ct-sys-color-surface-dim: #191117;
    --ct-sys-color-surface-tint: #ffabf2;
    --ct-sys-color-surface-variant: #52424e;
    --ct-sys-color-tertiary: #ffb2b7;
    --ct-sys-color-tertiary-container: #f45d70;
    --ct-sys-color-tertiary-dim: #fe6477;
    --ct-sys-color-tertiary-fixed: #ffdadb;
    --ct-sys-color-tertiary-fixed-dim: #ffb2b7;
    --ct-sys-color-tertiary-palette-key-color: #e35064;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
}
@supports (color: light-dark(red, red)) {
  :root, .theme-site {
    --ct-sys-color-background: light-dark(#ffffff, #050f1b);
    --ct-sys-color-error: light-dark(#ac3434, #ff716c);
    --ct-sys-color-error-container: light-dark(#f56965, #8a1a1e);
    --ct-sys-color-error-dim: light-dark(#70030f, #c94947);
    --ct-sys-color-information: light-dark(#006593, #00a7f1);
    --ct-sys-color-information-container: light-dark(#009fe4, #004b6f);
    --ct-sys-color-inverse-on-surface: light-dark(#8f9eb4, #4c5664);
    --ct-sys-color-inverse-primary: light-dark(#76b4fd, #38618f);
    --ct-sys-color-inverse-surface: light-dark(#010f1f, #f8f9ff);
    --ct-sys-color-neutral-palette-key-color: light-dark(#6a788d, #6e7887);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#477ab3, #5779a2);
    --ct-sys-color-on-background: light-dark(#143454, #d7e7ff);
    --ct-sys-color-on-error: light-dark(#fff7f6, #490006);
    --ct-sys-color-on-error-container: light-dark(#65000b, #ff9993);
    --ct-sys-color-on-information: light-dark(#fbf8f9, #002236);
    --ct-sys-color-on-information-container: light-dark(#00324c, #75bcf0);
    --ct-sys-color-on-primary: light-dark(#f7f9ff, #1e4b78);
    --ct-sys-color-on-primary-container: light-dark(#003e6e, #12426e);
    --ct-sys-color-on-primary-fixed: light-dark(#00294b, #002d52);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#00477c, #1f4b78);
    --ct-sys-color-on-secondary: light-dark(#e7ffeb, #314537);
    --ct-sys-color-on-secondary-container: light-dark(#3d6049, #93a998);
    --ct-sys-color-on-secondary-fixed: light-dark(#2b4d38, #384d3f);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#476a53, #54695a);
    --ct-sys-color-on-success: light-dark(#fbf8f6, #00260c);
    --ct-sys-color-on-success-container: light-dark(#003715, #7ec58a);
    --ct-sys-color-on-surface: light-dark(#143454, #d7e7ff);
    --ct-sys-color-on-surface-variant: light-dark(#446184, #99adc9);
    --ct-sys-color-on-tertiary: light-dark(#e8ffe8, #076e37);
    --ct-sys-color-on-tertiary-container: light-dark(#006531, #006531);
    --ct-sys-color-on-tertiary-fixed: light-dark(#005026, #005026);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#0b7039, #0b7039);
    --ct-sys-color-on-warning: light-dark(#fdf8f4, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#3d2c00, #daaf4a);
    --ct-sys-color-outline: light-dark(#607da1, #637791);
    --ct-sys-color-outline-variant: light-dark(#97b4db, #364962);
    --ct-sys-color-primary: light-dark(#0d61a5, #b9d7ff);
    --ct-sys-color-primary-container: light-dark(#95c4ff, #a1c9fd);
    --ct-sys-color-primary-dim: light-dark(#005593, #a1c9fd);
    --ct-sys-color-primary-fixed: light-dark(#95c4ff, #a1c9fd);
    --ct-sys-color-primary-fixed-dim: light-dark(#79b7ff, #94bcef);
    --ct-sys-color-primary-palette-key-color: light-dark(#357abf, #5179a8);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#436750, #b5ccba);
    --ct-sys-color-secondary-container: light-dark(#d0f8da, #162a1e);
    --ct-sys-color-secondary-dim: light-dark(#385a44, #a8beac);
    --ct-sys-color-secondary-fixed: light-dark(#d0f8da, #dff7e3);
    --ct-sys-color-secondary-fixed-dim: light-dark(#c2e9cc, #d1e8d5);
    --ct-sys-color-secondary-palette-key-color: light-dark(#5b7f67, #677c6c);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006e32, #2cb55c);
    --ct-sys-color-success-container: light-dark(#1eac54, #005324);
    --ct-sys-color-surface: light-dark(#f8f9ff, #050f1b);
    --ct-sys-color-surface-bright: light-dark(#f8f9ff, #152d47);
    --ct-sys-color-surface-container: light-dark(#e5eeff, #0b1a2b);
    --ct-sys-color-surface-container-high: light-dark(#dce9ff, #0e2034);
    --ct-sys-color-surface-container-highest: light-dark(#d2e4ff, #12273e);
    --ct-sys-color-surface-container-low: light-dark(#eff4ff, #071422);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#c3dcff, #050f1b);
    --ct-sys-color-surface-tint: light-dark(#0d61a5, #b9d7ff);
    --ct-sys-color-surface-variant: light-dark(#d2e4ff, #12273e);
    --ct-sys-color-tertiary: light-dark(#076e37, #eaffea);
    --ct-sys-color-tertiary-container: light-dark(#a5ffb9, #a5ffb9);
    --ct-sys-color-tertiary-dim: light-dark(#00602f, #a5ffb9);
    --ct-sys-color-tertiary-fixed: light-dark(#a5ffb9, #a5ffb9);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#97f0ac, #97f0ac);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#2e874e, #2e874e);
    --ct-sys-color-warning: light-dark(#855500, #c79700);
    --ct-sys-color-warning-container: light-dark(#bd8f00, #643f00);
  }
  .theme-hero {
    --ct-sys-color-background: light-dark(#ffffff, #01110b);
    --ct-sys-color-error: light-dark(#ac3434, #ff716c);
    --ct-sys-color-error-container: light-dark(#f56965, #8a1a1e);
    --ct-sys-color-error-dim: light-dark(#70030f, #c94947);
    --ct-sys-color-information: light-dark(#006593, #00a7f1);
    --ct-sys-color-information-container: light-dark(#009fe4, #004b6f);
    --ct-sys-color-inverse-on-surface: light-dark(#86a395, #465950);
    --ct-sys-color-inverse-primary: light-dark(#98fdc1, #2a6b48);
    --ct-sys-color-inverse-surface: light-dark(#00120a, #e9fff2);
    --ct-sys-color-neutral-palette-key-color: light-dark(#617d70, #687c72);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#238667, #44836b);
    --ct-sys-color-on-background: light-dark(#003a2a, #c6efdb);
    --ct-sys-color-on-error: light-dark(#fff7f6, #490006);
    --ct-sys-color-on-error-container: light-dark(#65000b, #ff9993);
    --ct-sys-color-on-information: light-dark(#fbf8f9, #002236);
    --ct-sys-color-on-information-container: light-dark(#00324c, #75bcf0);
    --ct-sys-color-on-primary: light-dark(#e7ffec, #266745);
    --ct-sys-color-on-primary-container: light-dark(#005e38, #1c5f3d);
    --ct-sys-color-on-primary-fixed: light-dark(#00492b, #00492b);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#006940, #266745);
    --ct-sys-color-on-secondary: light-dark(#fff7f4, #533b28);
    --ct-sys-color-on-secondary-container: light-dark(#6e4a2a, #be9e84);
    --ct-sys-color-on-secondary-fixed: light-dark(#593819, #523a27);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#795332, #705641);
    --ct-sys-color-on-success: light-dark(#fbf8f6, #00260c);
    --ct-sys-color-on-success-container: light-dark(#003715, #7ec58a);
    --ct-sys-color-on-surface: light-dark(#003a2a, #c6efdb);
    --ct-sys-color-on-surface-variant: light-dark(#346955, #8db4a2);
    --ct-sys-color-on-tertiary: light-dark(#fff7f4, #673200);
    --ct-sys-color-on-tertiary-container: light-dark(#582a00, #582a00);
    --ct-sys-color-on-tertiary-fixed: light-dark(#371800, #371800);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#653100, #653100);
    --ct-sys-color-on-warning: light-dark(#fdf8f4, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#3d2c00, #daaf4a);
    --ct-sys-color-outline: light-dark(#508570, #587d6d);
    --ct-sys-color-outline-variant: light-dark(#87bda6, #2a4f41);
    --ct-sys-color-primary: light-dark(#006d42, #cfffdd);
    --ct-sys-color-primary-container: light-dark(#93f7bb, #b1f5c8);
    --ct-sys-color-primary-dim: light-dark(#006039, #b1f5c8);
    --ct-sys-color-primary-fixed: light-dark(#93f7bb, #aef2c6);
    --ct-sys-color-primary-fixed-dim: light-dark(#85e8ae, #a0e3b8);
    --ct-sys-color-primary-palette-key-color: light-dark(#1a8856, #44845f);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#7d5735, #e3c0a5);
    --ct-sys-color-secondary-container: light-dark(#ffdcc1, #352110);
    --ct-sys-color-secondary-dim: light-dark(#704b2b, #d4b298);
    --ct-sys-color-secondary-fixed: light-dark(#ffdcc1, #ffdcc1);
    --ct-sys-color-secondary-fixed-dim: light-dark(#fecaa1, #f1ceb2);
    --ct-sys-color-secondary-palette-key-color: light-dark(#986e4b, #8e715a);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006e32, #2cb55c);
    --ct-sys-color-success-container: light-dark(#1eac54, #005324);
    --ct-sys-color-surface: light-dark(#e7fff2, #01110b);
    --ct-sys-color-surface-bright: light-dark(#e7fff2, #043325);
    --ct-sys-color-surface-container: light-dark(#ccf8e3, #021e15);
    --ct-sys-color-surface-container-high: light-dark(#c1f3dc, #03251a);
    --ct-sys-color-surface-container-highest: light-dark(#b6efd5, #042c1f);
    --ct-sys-color-surface-container-low: light-dark(#d7fcea, #02170f);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#a8e7cc, #01110b);
    --ct-sys-color-surface-tint: light-dark(#006d42, #cfffdd);
    --ct-sys-color-surface-variant: light-dark(#b6efd5, #042c1f);
    --ct-sys-color-tertiary: light-dark(#954b00, #ffb783);
    --ct-sys-color-tertiary-container: light-dark(#ffa35c, #ffa35c);
    --ct-sys-color-tertiary-dim: light-dark(#834100, #ff9f55);
    --ct-sys-color-tertiary-fixed: light-dark(#ffa35c, #ffa35c);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#f2954b, #f2954b);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#b3621c, #b3621c);
    --ct-sys-color-warning: light-dark(#855500, #c79700);
    --ct-sys-color-warning-container: light-dark(#bd8f00, #643f00);
  }
  .theme-tidal {
    --ct-sys-color-background: light-dark(#fff7f9, #170a15);
    --ct-sys-color-error: light-dark(#ac3149, #fd6f85);
    --ct-sys-color-error-container: light-dark(#f76a80, #8a1632);
    --ct-sys-color-error-dim: light-dark(#770326, #c8475d);
    --ct-sys-color-information: light-dark(#006788, #00aade);
    --ct-sys-color-information-container: light-dark(#00a4d8, #004c67);
    --ct-sys-color-inverse-on-surface: light-dark(#b195aa, #62505e);
    --ct-sys-color-inverse-primary: light-dark(#fba8f1, #804e7b);
    --ct-sys-color-inverse-surface: light-dark(#190818, #fff7f9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#896f84, #857180);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#9f6299, #976891);
    --ct-sys-color-on-background: light-dark(#492646, #ffdbf6);
    --ct-sys-color-on-error: light-dark(#fff7f7, #490013);
    --ct-sys-color-on-error-container: light-dark(#68001f, #ff97a3);
    --ct-sys-color-on-information: light-dark(#faf8f9, #002432);
    --ct-sys-color-on-information-container: light-dark(#003549, #64bfeb);
    --ct-sys-color-on-primary: light-dark(#fff7f9, #6f3f6b);
    --ct-sys-color-on-primary-container: light-dark(#652363, #663662);
    --ct-sys-color-on-primary-fixed: light-dark(#4c0a4d, #50234e);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#6f2d6d, #703f6c);
    --ct-sys-color-on-secondary: light-dark(#e4fff3, #2d453c);
    --ct-sys-color-on-secondary-container: light-dark(#386254, #90aa9f);
    --ct-sys-color-on-secondary-fixed: light-dark(#254f42, #354d44);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#426c5e, #516960);
    --ct-sys-color-on-success: light-dark(#fbf8f5, #002700);
    --ct-sys-color-on-success-container: light-dark(#003a00, #8ac379);
    --ct-sys-color-on-surface: light-dark(#492646, #ffdbf6);
    --ct-sys-color-on-surface-variant: light-dark(#795275, #c4a0bd);
    --ct-sys-color-on-tertiary: light-dark(#e5fff0, #006b4e);
    --ct-sys-color-on-tertiary-container: light-dark(#006147, #006147);
    --ct-sys-color-on-tertiary-fixed: light-dark(#004d37, #004d37);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#006d4f, #006d4f);
    --ct-sys-color-on-warning: light-dark(#fef8f3, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#402e00, #dbaf45);
    --ct-sys-color-outline: light-dark(#976d91, #8c6c86);
    --ct-sys-color-outline-variant: light-dark(#d2a3ca, #5b3f57);
    --ct-sys-color-primary: light-dark(#8a4586, #ffd2f6);
    --ct-sys-color-primary-container: light-dark(#fba8f1, #fcbef3);
    --ct-sys-color-primary-dim: light-dark(#7d3979, #fcbef3);
    --ct-sys-color-primary-fixed: light-dark(#fba8f1, #fcbef3);
    --ct-sys-color-primary-fixed-dim: light-dark(#ec9be3, #edb1e4);
    --ct-sys-color-primary-palette-key-color: light-dark(#a65da0, #9a6594);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#3d6759, #b2ccc1);
    --ct-sys-color-secondary-container: light-dark(#cdfbe8, #132a22);
    --ct-sys-color-secondary-dim: light-dark(#315b4d, #a4bfb3);
    --ct-sys-color-secondary-fixed: light-dark(#cdfbe8, #dcf7eb);
    --ct-sys-color-secondary-fixed-dim: light-dark(#bfecda, #cee9dd);
    --ct-sys-color-secondary-palette-key-color: light-dark(#557f70, #647c72);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#086f03, #57b145);
    --ct-sys-color-success-container: light-dark(#52ac40, #015300);
    --ct-sys-color-surface: light-dark(#fff7f9, #170a15);
    --ct-sys-color-surface-bright: light-dark(#fff7f9, #3e223c);
    --ct-sys-color-surface-container: light-dark(#ffe7f8, #261324);
    --ct-sys-color-surface-container-high: light-dark(#ffdff7, #2e182c);
    --ct-sys-color-surface-container-highest: light-dark(#ffd7f6, #361d34);
    --ct-sys-color-surface-container-low: light-dark(#ffeff8, #1e0e1c);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#ffcaf5, #170a15);
    --ct-sys-color-surface-tint: light-dark(#8a4586, #ffd2f6);
    --ct-sys-color-surface-variant: light-dark(#ffd7f6, #361d34);
    --ct-sys-color-tertiary: light-dark(#006d4f, #daffec);
    --ct-sys-color-tertiary-container: light-dark(#8cfed0, #8cfed0);
    --ct-sys-color-tertiary-dim: light-dark(#005f45, #8cfed0);
    --ct-sys-color-tertiary-fixed: light-dark(#8cfed0, #8cfed0);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#7defc2, #7defc2);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#08966f, #08966f);
    --ct-sys-color-warning: light-dark(#855500, #c69600);
    --ct-sys-color-warning-container: light-dark(#c09200, #643f00);
  }
  .theme-botanical {
    --ct-sys-color-background: light-dark(#f3fcf3, #0d1510);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#eaf3ea, #2a322d);
    --ct-sys-color-inverse-primary: light-dark(#ffb4a8, #94483c);
    --ct-sys-color-inverse-surface: light-dark(#2a322d, #dce5dc);
    --ct-sys-color-neutral-palette-key-color: light-dark(#707972, #707972);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#6c7b70, #6c7b70);
    --ct-sys-color-on-background: light-dark(#151d18, #dce5dc);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #591b13);
    --ct-sys-color-on-primary-container: light-dark(#763127, #ffdad4);
    --ct-sys-color-on-primary-fixed: light-dark(#3d0603, #3d0603);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#763127, #763127);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #0e3728);
    --ct-sys-color-on-secondary-container: light-dark(#274e3d, #c1ecd5);
    --ct-sys-color-on-secondary-fixed: light-dark(#002115, #002115);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#274e3d, #274e3d);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#151d18, #dce5dc);
    --ct-sys-color-on-surface-variant: light-dark(#3c4a41, #bacbbe);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #003735);
    --ct-sys-color-on-tertiary-container: light-dark(#00504d, #a8f0eb);
    --ct-sys-color-on-tertiary-fixed: light-dark(#00201f, #00201f);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#00504d, #00504d);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6b7b70, #859589);
    --ct-sys-color-outline-variant: light-dark(#bacbbe, #3c4a41);
    --ct-sys-color-primary: light-dark(#94483c, #ffb4a8);
    --ct-sys-color-primary-container: light-dark(#ffdad4, #763127);
    --ct-sys-color-primary-dim: light-dark(#853c32, #fd9c8d);
    --ct-sys-color-primary-fixed: light-dark(#ffdad4, #ffdad4);
    --ct-sys-color-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);
    --ct-sys-color-primary-palette-key-color: light-dark(#b26053, #b26053);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#3f6654, #a5d0ba);
    --ct-sys-color-secondary-container: light-dark(#c1ecd5, #274e3d);
    --ct-sys-color-secondary-dim: light-dark(#335a49, #c1ecd5);
    --ct-sys-color-secondary-fixed: light-dark(#c1ecd5, #c1ecd5);
    --ct-sys-color-secondary-fixed-dim: light-dark(#a5d0ba, #a5d0ba);
    --ct-sys-color-secondary-palette-key-color: light-dark(#577f6c, #577f6c);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#f3fcf3, #0d1510);
    --ct-sys-color-surface-bright: light-dark(#f3fcf3, #333b35);
    --ct-sys-color-surface-container: light-dark(#e7f0e8, #19211c);
    --ct-sys-color-surface-container-high: light-dark(#e2eae2, #242c26);
    --ct-sys-color-surface-container-highest: light-dark(#dce5dc, #2e3731);
    --ct-sys-color-surface-container-low: light-dark(#edf6ed, #151d18);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #08100b);
    --ct-sys-color-surface-dim: light-dark(#d3dcd4, #0d1510);
    --ct-sys-color-surface-tint: light-dark(#94483c, #ffb4a8);
    --ct-sys-color-surface-variant: light-dark(#d6e7da, #3c4a41);
    --ct-sys-color-tertiary: light-dark(#1b6965, #8cd3ce);
    --ct-sys-color-tertiary-container: light-dark(#a8f0eb, #00504d);
    --ct-sys-color-tertiary-dim: light-dark(#025d59, #b0f8f3);
    --ct-sys-color-tertiary-fixed: light-dark(#a8f0eb, #a8f0eb);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#8cd3ce, #8cd3ce);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#3a827e, #3a827e);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-neon {
    --ct-sys-color-background: light-dark(#fef7ff, #15121c);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f6eefd, #332e39);
    --ct-sys-color-inverse-primary: light-dark(#d4bbff, #7a00fd);
    --ct-sys-color-inverse-surface: light-dark(#332e39, #e8dfee);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7b7582, #7b7582);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7b7484, #7b7484);
    --ct-sys-color-on-background: light-dark(#1e1a24, #e8dfee);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #40008c);
    --ct-sys-color-on-primary-container: light-dark(#5c00c3, #ebdcff);
    --ct-sys-color-on-primary-fixed: light-dark(#260058, #260058);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#5c00c3, #5c00c3);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #3b2947);
    --ct-sys-color-on-secondary-container: light-dark(#533f5f, #f4daff);
    --ct-sys-color-on-secondary-fixed: light-dark(#251431, #251431);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#533f5f, #533f5f);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1e1a24, #e8dfee);
    --ct-sys-color-on-surface-variant: light-dark(#4a4453, #ccc3d5);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #46234a);
    --ct-sys-color-on-tertiary-container: light-dark(#5f3962, #ffd6fd);
    --ct-sys-color-on-tertiary-fixed: light-dark(#2f0d33, #2f0d33);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#5f3962, #5f3962);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#7b7484, #958e9e);
    --ct-sys-color-outline-variant: light-dark(#ccc3d5, #4a4453);
    --ct-sys-color-primary: light-dark(#7a00fd, #d4bbff);
    --ct-sys-color-primary-container: light-dark(#ebdcff, #5c00c3);
    --ct-sys-color-primary-dim: light-dark(#6b00e0, #a776ff);
    --ct-sys-color-primary-fixed: light-dark(#ebdcff, #ebdcff);
    --ct-sys-color-primary-fixed-dim: light-dark(#d4bbff, #d4bbff);
    --ct-sys-color-primary-palette-key-color: light-dark(#7a00fd, #7a00fd);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#6c5778, #d7bde4);
    --ct-sys-color-secondary-container: light-dark(#f4daff, #533f5f);
    --ct-sys-color-secondary-dim: light-dark(#5f4b6b, #f1d6fe);
    --ct-sys-color-secondary-fixed: light-dark(#f4daff, #f4daff);
    --ct-sys-color-secondary-fixed-dim: light-dark(#d7bde4, #d7bde4);
    --ct-sys-color-secondary-palette-key-color: light-dark(#856f91, #856f91);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fef7ff, #15121c);
    --ct-sys-color-surface-bright: light-dark(#fef7ff, #3c3742);
    --ct-sys-color-surface-container: light-dark(#f4ebfa, #221e28);
    --ct-sys-color-surface-container-high: light-dark(#eee5f4, #2c2833);
    --ct-sys-color-surface-container-highest: light-dark(#e8dfee, #37333e);
    --ct-sys-color-surface-container-low: light-dark(#f9f0ff, #1e1a24);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #100c16);
    --ct-sys-color-surface-dim: light-dark(#dfd7e6, #15121c);
    --ct-sys-color-surface-tint: light-dark(#7a00fd, #d4bbff);
    --ct-sys-color-surface-variant: light-dark(#e9dff1, #4a4453);
    --ct-sys-color-tertiary: light-dark(#78517b, #e8b7e7);
    --ct-sys-color-tertiary-container: light-dark(#ffd6fd, #5f3962);
    --ct-sys-color-tertiary-dim: light-dark(#6b456e, #f9c7f9);
    --ct-sys-color-tertiary-fixed: light-dark(#ffd6fd, #ffd6fd);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#e8b7e7, #e8b7e7);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#936995, #936995);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-heritage {
    --ct-sys-color-background: light-dark(#f9f9fe, #0c0e12);
    --ct-sys-color-error: light-dark(#a83836, #fa746f);
    --ct-sys-color-error-container: light-dark(#fa746f, #871f21);
    --ct-sys-color-error-dim: light-dark(#67040d, #c54d4a);
    --ct-sys-color-information: light-dark(#006594, #00a7f0);
    --ct-sys-color-information-container: light-dark(#00a7f0, #004b6f);
    --ct-sys-color-inverse-on-surface: light-dark(#9c9da1, #535559);
    --ct-sys-color-inverse-primary: light-dark(#b0d1ff, #49607f);
    --ct-sys-color-inverse-surface: light-dark(#0c0e12, #f9f9fe);
    --ct-sys-color-neutral-palette-key-color: light-dark(#75777b, #75777b);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#737780, #737780);
    --ct-sys-color-on-background: light-dark(#2e333a, #e2e5ef);
    --ct-sys-color-on-error: light-dark(#fff7f6, #490006);
    --ct-sys-color-on-error-container: light-dark(#6e0a12, #ff9993);
    --ct-sys-color-on-information: light-dark(#fbf8f9, #002236);
    --ct-sys-color-on-information-container: light-dark(#003955, #75bcf0);
    --ct-sys-color-on-primary: light-dark(#f7f9ff, #29415f);
    --ct-sys-color-on-primary-container: light-dark(#25476e, #d4e4ff);
    --ct-sys-color-on-primary-fixed: light-dark(#0c3459, #162f4c);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#2f5077, #354c6a);
    --ct-sys-color-on-secondary: light-dark(#f7f9ff, #354151);
    --ct-sys-color-on-secondary-container: light-dark(#475363, #b4c0d4);
    --ct-sys-color-on-secondary-fixed: light-dark(#354050, #354050);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#515c6d, #515c6d);
    --ct-sys-color-on-success: light-dark(#fbf8f6, #00260c);
    --ct-sys-color-on-success-container: light-dark(#003f19, #7ec58a);
    --ct-sys-color-on-surface: light-dark(#2e333a, #e2e5ef);
    --ct-sys-color-on-surface-variant: light-dark(#5b5f67, #a7abb4);
    --ct-sys-color-on-tertiary: light-dark(#fdf7ff, #514871);
    --ct-sys-color-on-tertiary-container: light-dark(#484068, #484068);
    --ct-sys-color-on-tertiary-fixed: light-dark(#352c53, #352c53);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#524972, #524972);
    --ct-sys-color-on-warning: light-dark(#fdf8f4, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#453200, #daaf4a);
    --ct-sys-color-outline: light-dark(#767b83, #71767e);
    --ct-sys-color-outline-variant: light-dark(#aeb2bb, #444850);
    --ct-sys-color-primary: light-dark(#406189, #b0c8ec);
    --ct-sys-color-primary-container: light-dark(#b0d1ff, #3c5472);
    --ct-sys-color-primary-dim: light-dark(#34557c, #a2badd);
    --ct-sys-color-primary-fixed: light-dark(#b0d1ff, #b3cbef);
    --ct-sys-color-primary-fixed-dim: light-dark(#a3c3f1, #a5bde0);
    --ct-sys-color-primary-palette-key-color: light-dark(#5979a2, #617999);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#546071, #bbc7db);
    --ct-sys-color-secondary-container: light-dark(#d7e3f8, #313c4c);
    --ct-sys-color-secondary-dim: light-dark(#485465, #aebacd);
    --ct-sys-color-secondary-fixed: light-dark(#d7e3f8, #d7e3f8);
    --ct-sys-color-secondary-fixed-dim: light-dark(#c9d5e9, #c9d5e9);
    --ct-sys-color-secondary-palette-key-color: light-dark(#6c788a, #6c788a);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006e32, #3cb360);
    --ct-sys-color-success-container: light-dark(#3cb360, #005323);
    --ct-sys-color-surface: light-dark(#f9f9fe, #0c0e12);
    --ct-sys-color-surface-bright: light-dark(#f9f9fe, #282c34);
    --ct-sys-color-surface-container: light-dark(#ebeef5, #161a1f);
    --ct-sys-color-surface-container-high: light-dark(#e5e8f0, #1c2026);
    --ct-sys-color-surface-container-highest: light-dark(#dfe2ec, #21262d);
    --ct-sys-color-surface-container-low: light-dark(#f2f3fa, #111418);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#d6dae4, #0c0e12);
    --ct-sys-color-surface-tint: light-dark(#406189, #b0c8ec);
    --ct-sys-color-surface-variant: light-dark(#dfe2ec, #21262d);
    --ct-sys-color-tertiary: light-dark(#625983, #e2d7ff);
    --ct-sys-color-tertiary-container: light-dark(#d4c8f9, #d4c8f9);
    --ct-sys-color-tertiary-dim: light-dark(#564d77, #d4c8f9);
    --ct-sys-color-tertiary-fixed: light-dark(#d4c8f9, #d4c8f9);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#c6baeb, #c6baeb);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#7b719d, #7b719d);
    --ct-sys-color-warning: light-dark(#855500, #c69600);
    --ct-sys-color-warning-container: light-dark(#c69600, #643f00);
  }
  .theme-artisan {
    --ct-sys-color-background: light-dark(#fff8f7, #100e0e);
    --ct-sys-color-error: light-dark(#9f403d, #ee7d77);
    --ct-sys-color-error-container: light-dark(#fe8983, #7f2927);
    --ct-sys-color-error-dim: light-dark(#4e0309, #bb5551);
    --ct-sys-color-information: light-dark(#006593, #42a6e4);
    --ct-sys-color-information-container: light-dark(#50b4f3, #004b70);
    --ct-sys-color-inverse-on-surface: light-dark(#a19c9c, #585454);
    --ct-sys-color-inverse-primary: light-dark(#fce6e9, #6b5b5e);
    --ct-sys-color-inverse-surface: light-dark(#100e0e, #fff8f7);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7a7676, #7a7676);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7d7576, #7d7576);
    --ct-sys-color-on-background: light-dark(#363132, #ede3e3);
    --ct-sys-color-on-error: light-dark(#fff7f6, #490106);
    --ct-sys-color-on-error-container: light-dark(#752121, #ff9993);
    --ct-sys-color-on-information: light-dark(#fbf8f9, #002336);
    --ct-sys-color-on-information-container: light-dark(#004364, #75bcf0);
    --ct-sys-color-on-primary: light-dark(#fff5f6, #4b3d3f);
    --ct-sys-color-on-primary-container: light-dark(#5d4e50, #e0cbce);
    --ct-sys-color-on-primary-fixed: light-dark(#4a3c3e, #4a3c3e);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#67585a, #67585a);
    --ct-sys-color-on-secondary: light-dark(#fff7f7, #251f20);
    --ct-sys-color-on-secondary-container: light-dark(#585051, #c8bdbd);
    --ct-sys-color-on-secondary-fixed: light-dark(#453d3e, #453d3e);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#62595a, #62595a);
    --ct-sys-color-on-success: light-dark(#fbf8f6, #00270d);
    --ct-sys-color-on-success-container: light-dark(#004a1f, #7ec58a);
    --ct-sys-color-on-surface: light-dark(#363132, #ede3e3);
    --ct-sys-color-on-surface-variant: light-dark(#645d5e, #b2a9a9);
    --ct-sys-color-on-tertiary: light-dark(#fff7f9, #6c5268);
    --ct-sys-color-on-tertiary-container: light-dark(#634a60, #634a60);
    --ct-sys-color-on-tertiary-fixed: light-dark(#50384d, #50384d);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#6e536a, #6e536a);
    --ct-sys-color-on-warning: light-dark(#fdf8f4, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#513c00, #daaf4a);
    --ct-sys-color-outline: light-dark(#807979, #7b7474);
    --ct-sys-color-outline-variant: light-dark(#b9b0b0, #4c4647);
    --ct-sys-color-primary: light-dark(#6a5a5d, #d6c2c4);
    --ct-sys-color-primary-container: light-dark(#f3dde0, #524346);
    --ct-sys-color-primary-dim: light-dark(#5e4f51, #c8b4b7);
    --ct-sys-color-primary-fixed: light-dark(#f3dde0, #f3dde0);
    --ct-sys-color-primary-fixed-dim: light-dark(#e4cfd2, #e4cfd2);
    --ct-sys-color-primary-palette-key-color: light-dark(#847376, #847376);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#655d5e, #a69b9c);
    --ct-sys-color-secondary-container: light-dark(#ece0e0, #413a3b);
    --ct-sys-color-secondary-dim: light-dark(#595152, #a69b9c);
    --ct-sys-color-secondary-fixed: light-dark(#ece0e0, #ece0e0);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ddd2d2, #ddd2d2);
    --ct-sys-color-secondary-palette-key-color: light-dark(#7e7576, #7e7576);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#046e32, #58b06c);
    --ct-sys-color-success-container: light-dark(#64bd78, #005324);
    --ct-sys-color-surface: light-dark(#fff8f7, #100e0e);
    --ct-sys-color-surface-bright: light-dark(#fff8f7, #302b2b);
    --ct-sys-color-surface-container: light-dark(#f4ecec, #1c1919);
    --ct-sys-color-surface-container-high: light-dark(#efe6e6, #231f1f);
    --ct-sys-color-surface-container-highest: light-dark(#eae0e1, #2a2525);
    --ct-sys-color-surface-container-low: light-dark(#faf2f2, #151313);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#e2d7d8, #100e0e);
    --ct-sys-color-surface-tint: light-dark(#6a5a5d, #d6c2c4);
    --ct-sys-color-surface-variant: light-dark(#eae0e1, #2a2525);
    --ct-sys-color-tertiary: light-dark(#71576d, #ffebf8);
    --ct-sys-color-tertiary-container: light-dark(#fbd8f3, #fbd8f3);
    --ct-sys-color-tertiary-dim: light-dark(#654b61, #fbd8f3);
    --ct-sys-color-tertiary-fixed: light-dark(#fbd8f3, #fbd8f3);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#eccae5, #eccae5);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#8b6e86, #8b6e86);
    --ct-sys-color-warning: light-dark(#855400, #c59715);
    --ct-sys-color-warning-container: light-dark(#d4a424, #643f00);
  }
  .theme-minimal {
    --ct-sys-color-background: light-dark(#fcf8f9, #0e0e0f);
    --ct-sys-color-error: light-dark(#9f403d, #ee7d77);
    --ct-sys-color-error-container: light-dark(#fe8983, #7f2927);
    --ct-sys-color-error-dim: light-dark(#4e0309, #bb5551);
    --ct-sys-color-information: light-dark(#006593, #42a6e4);
    --ct-sys-color-information-container: light-dark(#50b4f3, #004b70);
    --ct-sys-color-inverse-on-surface: light-dark(#9e9c9d, #565555);
    --ct-sys-color-inverse-primary: light-dark(#e2e8f8, #595f6c);
    --ct-sys-color-inverse-surface: light-dark(#0e0e0f, #fcf8f9);
    --ct-sys-color-neutral-palette-key-color: light-dark(#787778, #787778);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#777779, #777779);
    --ct-sys-color-on-background: light-dark(#323235, #e7e5e7);
    --ct-sys-color-on-error: light-dark(#fff7f6, #490106);
    --ct-sys-color-on-error-container: light-dark(#752121, #ff9993);
    --ct-sys-color-on-information: light-dark(#fbf8f9, #002336);
    --ct-sys-color-on-information-container: light-dark(#004364, #75bcf0);
    --ct-sys-color-on-primary: light-dark(#f6f7ff, #3a404c);
    --ct-sys-color-on-primary-container: light-dark(#4b525e, #cad0df);
    --ct-sys-color-on-primary-fixed: light-dark(#39404c, #39404c);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#555c68, #555c68);
    --ct-sys-color-on-secondary: light-dark(#f8f8ff, #1e2025);
    --ct-sys-color-on-secondary-container: light-dark(#505257, #bebfc5);
    --ct-sys-color-on-secondary-fixed: light-dark(#3d3f45, #3d3f45);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#595b61, #595b61);
    --ct-sys-color-on-success: light-dark(#fbf8f6, #00270d);
    --ct-sys-color-on-success-container: light-dark(#004a1f, #7ec58a);
    --ct-sys-color-on-surface: light-dark(#323235, #e7e5e7);
    --ct-sys-color-on-surface-variant: light-dark(#5f5f61, #acaaad);
    --ct-sys-color-on-tertiary: light-dark(#fbf7ff, #54546f);
    --ct-sys-color-on-tertiary-container: light-dark(#4b4c67, #4b4c67);
    --ct-sys-color-on-tertiary-fixed: light-dark(#393953, #393953);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#555671, #555671);
    --ct-sys-color-on-warning: light-dark(#fdf8f4, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#513c00, #daaf4a);
    --ct-sys-color-outline: light-dark(#7b7a7d, #757578);
    --ct-sys-color-outline-variant: light-dark(#b2b1b4, #47484a);
    --ct-sys-color-primary: light-dark(#585f6b, #c0c6d5);
    --ct-sys-color-primary-container: light-dark(#dce2f2, #404753);
    --ct-sys-color-primary-dim: light-dark(#4c535f, #b2b9c7);
    --ct-sys-color-primary-fixed: light-dark(#dce2f2, #dce2f2);
    --ct-sys-color-primary-fixed-dim: light-dark(#ced4e4, #ced4e4);
    --ct-sys-color-primary-palette-key-color: light-dark(#717785, #717785);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#5d5f65, #9c9ea4);
    --ct-sys-color-secondary-container: light-dark(#e1e2e9, #393b41);
    --ct-sys-color-secondary-dim: light-dark(#515358, #9c9ea4);
    --ct-sys-color-secondary-fixed: light-dark(#e1e2e9, #e1e2e9);
    --ct-sys-color-secondary-fixed-dim: light-dark(#d3d4da, #d3d4da);
    --ct-sys-color-secondary-palette-key-color: light-dark(#75777d, #75777d);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#046e32, #58b06c);
    --ct-sys-color-success-container: light-dark(#64bd78, #005324);
    --ct-sys-color-surface: light-dark(#fcf8f9, #0e0e0f);
    --ct-sys-color-surface-bright: light-dark(#fcf8f9, #2b2c2f);
    --ct-sys-color-surface-container: light-dark(#f0edef, #19191b);
    --ct-sys-color-surface-container-high: light-dark(#eae7ea, #1f1f21);
    --ct-sys-color-surface-container-highest: light-dark(#e4e2e5, #252628);
    --ct-sys-color-surface-container-low: light-dark(#f6f3f4, #131314);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#dbd9dd, #0e0e0f);
    --ct-sys-color-surface-tint: light-dark(#585f6b, #c0c6d5);
    --ct-sys-color-surface-variant: light-dark(#e4e2e5, #252628);
    --ct-sys-color-tertiary: light-dark(#5c5d78, #ebe9ff);
    --ct-sys-color-tertiary-container: light-dark(#dbdafb, #dbdafb);
    --ct-sys-color-tertiary-dim: light-dark(#50516c, #dbdafb);
    --ct-sys-color-tertiary-fixed: light-dark(#dbdafb, #dbdafb);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#cdccec, #cdccec);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#757591, #757591);
    --ct-sys-color-warning: light-dark(#855400, #c59715);
    --ct-sys-color-warning-container: light-dark(#d4a424, #643f00);
  }
  .theme-playful {
    --ct-sys-color-background: light-dark(#fff8f8, #1c1014);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffecf0, #3b2c31);
    --ct-sys-color-inverse-primary: light-dark(#d8b9ff, #704d9f);
    --ct-sys-color-inverse-surface: light-dark(#3b2c31, #f5dce3);
    --ct-sys-color-neutral-palette-key-color: light-dark(#867278, #867278);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#8e6f79, #8e6f79);
    --ct-sys-color-on-background: light-dark(#25181c, #f5dce3);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #401b6d);
    --ct-sys-color-on-primary-container: light-dark(#583486, #eddcff);
    --ct-sys-color-on-primary-fixed: light-dark(#290055, #290055);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#583486, #583486);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #3c255a);
    --ct-sys-color-on-secondary-container: light-dark(#533b72, #eddcff);
    --ct-sys-color-on-secondary-fixed: light-dark(#260e44, #260e44);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#533b72, #533b72);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#25181c, #f5dce3);
    --ct-sys-color-on-surface-variant: light-dark(#5a3f48, #e2bdc8);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #541d35);
    --ct-sys-color-on-tertiary-container: light-dark(#6f334c, #ffd9e4);
    --ct-sys-color-on-tertiary-fixed: light-dark(#390720, #390720);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#6f334c, #6f334c);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#8e6f79, #a98892);
    --ct-sys-color-outline-variant: light-dark(#e2bdc8, #5a3f48);
    --ct-sys-color-primary: light-dark(#704d9f, #d8b9ff);
    --ct-sys-color-primary-container: light-dark(#eddcff, #583486);
    --ct-sys-color-primary-dim: light-dark(#644092, #cca4ff);
    --ct-sys-color-primary-fixed: light-dark(#eddcff, #eddcff);
    --ct-sys-color-primary-fixed-dim: light-dark(#d8b9ff, #d8b9ff);
    --ct-sys-color-primary-palette-key-color: light-dark(#8a66ba, #8a66ba);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#6c538c, #d7bafb);
    --ct-sys-color-secondary-container: light-dark(#eddcff, #533b72);
    --ct-sys-color-secondary-dim: light-dark(#5f477f, #dabdfe);
    --ct-sys-color-secondary-fixed: light-dark(#eddcff, #eddcff);
    --ct-sys-color-secondary-fixed-dim: light-dark(#d7bafb, #d7bafb);
    --ct-sys-color-secondary-palette-key-color: light-dark(#856ca6, #856ca6);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f8, #1c1014);
    --ct-sys-color-surface-bright: light-dark(#fff8f8, #45353a);
    --ct-sys-color-surface-container: light-dark(#ffe8ee, #291c20);
    --ct-sys-color-surface-container-high: light-dark(#fbe2e8, #35262b);
    --ct-sys-color-surface-container-highest: light-dark(#f5dce3, #403136);
    --ct-sys-color-surface-container-low: light-dark(#fff0f3, #25181c);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #170b0f);
    --ct-sys-color-surface-dim: light-dark(#ecd4da, #1c1014);
    --ct-sys-color-surface-tint: light-dark(#704d9f, #d8b9ff);
    --ct-sys-color-surface-variant: light-dark(#ffd9e4, #5a3f48);
    --ct-sys-color-tertiary: light-dark(#8b4a64, #ffb0cc);
    --ct-sys-color-tertiary-container: light-dark(#ffd9e4, #6f334c);
    --ct-sys-color-tertiary-dim: light-dark(#7d3e57, #ee9fbc);
    --ct-sys-color-tertiary-fixed: light-dark(#ffd9e4, #ffd9e4);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ffb0cc, #ffb0cc);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#a7627c, #a7627c);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-signal {
    --ct-sys-color-background: light-dark(#fff8f5, #1a120b);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffede3, #392e26);
    --ct-sys-color-inverse-primary: light-dark(#ffb77d, #904d00);
    --ct-sys-color-inverse-surface: light-dark(#392e26, #f2dfd3);
    --ct-sys-color-neutral-palette-key-color: light-dark(#83746a, #83746a);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#887364, #887364);
    --ct-sys-color-on-background: light-dark(#231a13, #f2dfd3);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #4d2600);
    --ct-sys-color-on-primary-container: light-dark(#fffbff, #432000);
    --ct-sys-color-on-primary-fixed: light-dark(#2f1500, #2f1500);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#6e3900, #6e3900);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #4c2703);
    --ct-sys-color-on-secondary-container: light-dark(#784c25, #e4a97a);
    --ct-sys-color-on-secondary-fixed: light-dark(#2f1500, #2f1500);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#673d17, #673d17);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#231a13, #f2dfd3);
    --ct-sys-color-on-surface-variant: light-dark(#554336, #dbc2b0);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #2d3400);
    --ct-sys-color-on-tertiary-container: light-dark(#fdffdd, #272d00);
    --ct-sys-color-on-tertiary-fixed: light-dark(#1a1e00, #1a1e00);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#434b00, #434b00);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#887364, #a38c7c);
    --ct-sys-color-outline-variant: light-dark(#dbc2b0, #554336);
    --ct-sys-color-primary: light-dark(#8d4b00, #ffb77d);
    --ct-sys-color-primary-container: light-dark(#b15f00, #d97707);
    --ct-sys-color-primary-dim: light-dark(#7f4300, #fe932c);
    --ct-sys-color-primary-fixed: light-dark(#ffdcc3, #ffdcc3);
    --ct-sys-color-primary-fixed-dim: light-dark(#ffb77d, #ffb77d);
    --ct-sys-color-primary-palette-key-color: light-dark(#d67502, #d67502);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#82542c, #f7ba8a);
    --ct-sys-color-secondary-container: light-dark(#fdbf8f, #673d17);
    --ct-sys-color-secondary-dim: light-dark(#744822, #f4b787);
    --ct-sys-color-secondary-fixed: light-dark(#ffdcc3, #ffdcc3);
    --ct-sys-color-secondary-fixed-dim: light-dark(#f7ba8a, #f7ba8a);
    --ct-sys-color-secondary-palette-key-color: light-dark(#9e6c42, #9e6c42);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f5, #1a120b);
    --ct-sys-color-surface-bright: light-dark(#fff8f5, #42372f);
    --ct-sys-color-surface-container: light-dark(#fdeade, #271e16);
    --ct-sys-color-surface-container-high: light-dark(#f7e5d9, #322820);
    --ct-sys-color-surface-container-highest: light-dark(#f2dfd3, #3e332b);
    --ct-sys-color-surface-container-low: light-dark(#fff1e9, #231a13);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #150c06);
    --ct-sys-color-surface-dim: light-dark(#e9d7cb, #1a120b);
    --ct-sys-color-surface-tint: light-dark(#904d00, #ffb77d);
    --ct-sys-color-surface-variant: light-dark(#f9ddcb, #554336);
    --ct-sys-color-tertiary: light-dark(#576100, #bfd043);
    --ct-sys-color-tertiary-container: light-dark(#6e7b00, #899900);
    --ct-sys-color-tertiary-dim: light-dark(#4e5700, #e9fc6a);
    --ct-sys-color-tertiary-fixed: light-dark(#daed5d, #daed5d);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#bfd043, #bfd043);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#899900, #899900);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-prism {
    --ct-sys-color-background: light-dark(#f9f9f9, #131313);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f1f1f1, #303030);
    --ct-sys-color-inverse-primary: light-dark(#a2c9ff, #1260a4);
    --ct-sys-color-inverse-surface: light-dark(#303030, #e2e2e2);
    --ct-sys-color-neutral-palette-key-color: light-dark(#777777, #777777);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
    --ct-sys-color-on-background: light-dark(#1b1b1b, #e2e2e2);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00315b);
    --ct-sys-color-on-primary-container: light-dark(#004881, #d3e4ff);
    --ct-sys-color-on-primary-fixed: light-dark(#001c38, #001c38);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#004881, #004881);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #263141);
    --ct-sys-color-on-secondary-container: light-dark(#3c4858, #d7e3f8);
    --ct-sys-color-on-secondary-fixed: light-dark(#101c2b, #101c2b);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#3c4858, #3c4858);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1b1b1b, #e2e2e2);
    --ct-sys-color-on-surface-variant: light-dark(#474747, #c6c6c6);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #3c2947);
    --ct-sys-color-on-tertiary-container: light-dark(#533f5e, #f4d9ff);
    --ct-sys-color-on-tertiary-fixed: light-dark(#261431, #261431);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#533f5e, #533f5e);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#777777, #919191);
    --ct-sys-color-outline-variant: light-dark(#c6c6c6, #474747);
    --ct-sys-color-primary: light-dark(#1260a4, #a2c9ff);
    --ct-sys-color-primary-container: light-dark(#d3e4ff, #004881);
    --ct-sys-color-primary-dim: light-dark(#005494, #75b1fb);
    --ct-sys-color-primary-fixed: light-dark(#d3e4ff, #d3e4ff);
    --ct-sys-color-primary-fixed-dim: light-dark(#a2c9ff, #a2c9ff);
    --ct-sys-color-primary-palette-key-color: light-dark(#397ac0, #397ac0);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#545f70, #bbc7db);
    --ct-sys-color-secondary-container: light-dark(#d7e3f8, #3c4858);
    --ct-sys-color-secondary-dim: light-dark(#485364, #d7e3f8);
    --ct-sys-color-secondary-fixed: light-dark(#d7e3f8, #d7e3f8);
    --ct-sys-color-secondary-fixed-dim: light-dark(#bbc7db, #bbc7db);
    --ct-sys-color-secondary-palette-key-color: light-dark(#6c788a, #6c788a);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#f9f9f9, #131313);
    --ct-sys-color-surface-bright: light-dark(#f9f9f9, #393939);
    --ct-sys-color-surface-container: light-dark(#eeeeee, #1f1f1f);
    --ct-sys-color-surface-container-high: light-dark(#e8e8e8, #2a2a2a);
    --ct-sys-color-surface-container-highest: light-dark(#e2e2e2, #353535);
    --ct-sys-color-surface-container-low: light-dark(#f3f3f3, #1b1b1b);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0e0e0e);
    --ct-sys-color-surface-dim: light-dark(#dadada, #131313);
    --ct-sys-color-surface-tint: light-dark(#1260a4, #a2c9ff);
    --ct-sys-color-surface-variant: light-dark(#e2e2e2, #474747);
    --ct-sys-color-tertiary: light-dark(#6c5677, #d8bde3);
    --ct-sys-color-tertiary-container: light-dark(#f4d9ff, #533f5e);
    --ct-sys-color-tertiary-dim: light-dark(#604b6b, #e6cbf2);
    --ct-sys-color-tertiary-fixed: light-dark(#f4d9ff, #f4d9ff);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#d8bde3, #d8bde3);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#866f91, #866f91);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-contrail {
    --ct-sys-color-background: light-dark(#f9f9ff, #060e1b);
    --ct-sys-color-error: light-dark(#ac3434, #ff716c);
    --ct-sys-color-error-container: light-dark(#f56965, #8a1a1e);
    --ct-sys-color-error-dim: light-dark(#70030f, #c94947);
    --ct-sys-color-information: light-dark(#006593, #00a7f1);
    --ct-sys-color-information-container: light-dark(#009fe4, #004b6f);
    --ct-sys-color-inverse-on-surface: light-dark(#919db4, #4d5564);
    --ct-sys-color-inverse-primary: light-dark(#75aaf6, #3d6090);
    --ct-sys-color-inverse-surface: light-dark(#030e20, #f9f9ff);
    --ct-sys-color-neutral-palette-key-color: light-dark(#6c788d, #6f7787);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#4d78b4, #5b78a4);
    --ct-sys-color-on-background: light-dark(#193355, #d9e6ff);
    --ct-sys-color-on-error: light-dark(#fff7f6, #490006);
    --ct-sys-color-on-error-container: light-dark(#65000b, #ff9993);
    --ct-sys-color-on-information: light-dark(#fbf8f9, #002236);
    --ct-sys-color-on-information-container: light-dark(#00324c, #75bcf0);
    --ct-sys-color-on-primary: light-dark(#f8f8ff, #254a79);
    --ct-sys-color-on-primary-container: light-dark(#003d74, #1a416f);
    --ct-sys-color-on-primary-fixed: light-dark(#002850, #002c58);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#004684, #254a79);
    --ct-sys-color-on-secondary: light-dark(#e6ffee, #304539);
    --ct-sys-color-on-secondary-container: light-dark(#3c624e, #92a99a);
    --ct-sys-color-on-secondary-fixed: light-dark(#2a4f3c, #374d40);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#466c58, #53695c);
    --ct-sys-color-on-success: light-dark(#fbf8f6, #00260c);
    --ct-sys-color-on-success-container: light-dark(#003715, #7ec58a);
    --ct-sys-color-on-surface: light-dark(#193355, #d9e6ff);
    --ct-sys-color-on-surface-variant: light-dark(#486084, #9bacca);
    --ct-sys-color-on-tertiary: light-dark(#e7ffeb, #006c3f);
    --ct-sys-color-on-tertiary-container: light-dark(#006239, #006239);
    --ct-sys-color-on-tertiary-fixed: light-dark(#004e2c, #004e2c);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#006e40, #006e40);
    --ct-sys-color-on-warning: light-dark(#fdf8f4, #2b1e00);
    --ct-sys-color-on-warning-container: light-dark(#3d2c00, #daaf4a);
    --ct-sys-color-outline: light-dark(#647ca2, #657692);
    --ct-sys-color-outline-variant: light-dark(#9bb3dc, #384962);
    --ct-sys-color-primary: light-dark(#2160a7, #bdd6ff);
    --ct-sys-color-primary-container: light-dark(#9cc3ff, #a6c8ff);
    --ct-sys-color-primary-dim: light-dark(#09549a, #a6c8ff);
    --ct-sys-color-primary-fixed: light-dark(#9cc3ff, #a6c8ff);
    --ct-sys-color-primary-fixed-dim: light-dark(#83b5ff, #98baf0);
    --ct-sys-color-primary-palette-key-color: light-dark(#4078c0, #5678aa);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#416753, #b4ccbc);
    --ct-sys-color-secondary-container: light-dark(#d0fbe0, #152a1f);
    --ct-sys-color-secondary-dim: light-dark(#355b47, #a7beaf);
    --ct-sys-color-secondary-fixed: light-dark(#d0fbe0, #def7e6);
    --ct-sys-color-secondary-fixed-dim: light-dark(#c2ecd2, #d0e8d8);
    --ct-sys-color-secondary-palette-key-color: light-dark(#597f6a, #657c6e);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006e32, #2cb55c);
    --ct-sys-color-success-container: light-dark(#1eac54, #005324);
    --ct-sys-color-surface: light-dark(#f9f9ff, #060e1b);
    --ct-sys-color-surface-bright: light-dark(#f9f9ff, #192d48);
    --ct-sys-color-surface-container: light-dark(#e7eeff, #0d1a2c);
    --ct-sys-color-surface-container-high: light-dark(#dee9ff, #112035);
    --ct-sys-color-surface-container-highest: light-dark(#d4e3ff, #15263e);
    --ct-sys-color-surface-container-low: light-dark(#f0f3ff, #091423);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#c7dbff, #060e1b);
    --ct-sys-color-surface-tint: light-dark(#2160a7, #bdd6ff);
    --ct-sys-color-surface-variant: light-dark(#d4e3ff, #15263e);
    --ct-sys-color-tertiary: light-dark(#006e40, #ddffe4);
    --ct-sys-color-tertiary-container: light-dark(#9bfdbe, #9bfdbe);
    --ct-sys-color-tertiary-dim: light-dark(#006037, #9bfdbe);
    --ct-sys-color-tertiary-fixed: light-dark(#9bfdbe, #9bfdbe);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#8deeb1, #8deeb1);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#208854, #208854);
    --ct-sys-color-warning: light-dark(#855500, #c79700);
    --ct-sys-color-warning-container: light-dark(#bd8f00, #643f00);
  }
  .theme-atelier {
    --ct-sys-color-background: light-dark(#fef8f5, #151311);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f5f0ec, #32302e);
    --ct-sys-color-inverse-primary: light-dark(#d6c4aa, #6a5c47);
    --ct-sys-color-inverse-surface: light-dark(#32302e, #e7e1de);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7a7674, #7a7674);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7d766c, #7d766c);
    --ct-sys-color-on-background: light-dark(#1d1b19, #e7e1de);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #392f1d);
    --ct-sys-color-on-primary-container: light-dark(#3b311e, #3b311e);
    --ct-sys-color-on-primary-fixed: light-dark(#231a0a, #231a0a);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#514531, #514531);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #353027);
    --ct-sys-color-on-secondary-container: light-dark(#6b6359, #bdb4a8);
    --ct-sys-color-on-secondary-fixed: light-dark(#201b13, #201b13);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#4c463c, #4c463c);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1d1b19, #e7e1de);
    --ct-sys-color-on-surface-variant: light-dark(#4c463d, #cfc5ba);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #2d3222);
    --ct-sys-color-on-tertiary-container: light-dark(#303424, #303424);
    --ct-sys-color-on-tertiary-fixed: light-dark(#191d0e, #191d0e);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#444937, #444937);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#7d766c, #988f85);
    --ct-sys-color-outline-variant: light-dark(#cfc5ba, #4c463d);
    --ct-sys-color-primary: light-dark(#6a5c47, #d6c4aa);
    --ct-sys-color-primary-container: light-dark(#a89880, #a89880);
    --ct-sys-color-primary-dim: light-dark(#5d513c, #fce8cd);
    --ct-sys-color-primary-fixed: light-dark(#f3e0c5, #f3e0c5);
    --ct-sys-color-primary-fixed-dim: light-dark(#d6c4aa, #d6c4aa);
    --ct-sys-color-primary-palette-key-color: light-dark(#84755f, #84755f);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#655d53, #cfc5b8);
    --ct-sys-color-secondary-container: light-dark(#ece1d4, #4c463c);
    --ct-sys-color-secondary-dim: light-dark(#585148, #ece1d4);
    --ct-sys-color-secondary-fixed: light-dark(#ece1d4, #ece1d4);
    --ct-sys-color-secondary-fixed-dim: light-dark(#cfc5b8, #cfc5b8);
    --ct-sys-color-secondary-palette-key-color: light-dark(#7e766b, #7e766b);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fef8f5, #151311);
    --ct-sys-color-surface-bright: light-dark(#fef8f5, #3b3937);
    --ct-sys-color-surface-container: light-dark(#f2ede9, #211f1d);
    --ct-sys-color-surface-container-high: light-dark(#ede7e4, #2c2a28);
    --ct-sys-color-surface-container-highest: light-dark(#e7e1de, #373432);
    --ct-sys-color-surface-container-low: light-dark(#f8f2ef, #1d1b19);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0f0e0c);
    --ct-sys-color-surface-dim: light-dark(#ded9d6, #151311);
    --ct-sys-color-surface-tint: light-dark(#6a5c47, #d6c4aa);
    --ct-sys-color-surface-variant: light-dark(#ebe1d5, #4c463d);
    --ct-sys-color-tertiary: light-dark(#5b614d, #c4c9b1);
    --ct-sys-color-tertiary-container: light-dark(#989d87, #989d87);
    --ct-sys-color-tertiary-dim: light-dark(#505542, #eff3da);
    --ct-sys-color-tertiary-fixed: light-dark(#e0e5cc, #e0e5cc);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#c4c9b1, #c4c9b1);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#989d87, #989d87);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-racer {
    --ct-sys-color-background: light-dark(#fff8f6, #1b0904);
    --ct-sys-color-error: light-dark(#921d38, #ff8796);
    --ct-sys-color-error-container: light-dark(#fd6f85, #b53950);
    --ct-sys-color-error-dim: light-dark(#770326, #fd6f85);
    --ct-sys-color-information: light-dark(#00536e, #2db8ed);
    --ct-sys-color-information-container: light-dark(#00aade, #006e92);
    --ct-sys-color-inverse-on-surface: light-dark(#d9ac9d, #563c34);
    --ct-sys-color-inverse-primary: light-dark(#f88978, #89453b);
    --ct-sys-color-inverse-surface: light-dark(#1d0803, #fff8f6);
    --ct-sys-color-neutral-palette-key-color: light-dark(#956e61, #8f7066);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#b36143, #a8664f);
    --ct-sys-color-on-background: light-dark(#471d0e, #ffffff);
    --ct-sys-color-on-error: light-dark(#ffdbdd, #520017);
    --ct-sys-color-on-error-container: light-dark(#490013, #ffffff);
    --ct-sys-color-on-information: light-dark(#d6e6f1, #002938);
    --ct-sys-color-on-information-container: light-dark(#002432, #ffffff);
    --ct-sys-color-on-primary: light-dark(#ffdcd6, #60261d);
    --ct-sys-color-on-primary-container: light-dark(#390000, #531c14);
    --ct-sys-color-on-primary-fixed: light-dark(#000000, #1f0000);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#290000, #592018);
    --ct-sys-color-on-secondary: light-dark(#c2eafd, #283d46);
    --ct-sys-color-on-secondary-container: light-dark(#001a24, #ffffff);
    --ct-sys-color-on-secondary-fixed: light-dark(#000000, #1f343d);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#001119, #3d515b);
    --ct-sys-color-on-success: light-dark(#dbe8d1, #012d00);
    --ct-sys-color-on-success-container: light-dark(#002700, #ffffff);
    --ct-sys-color-on-surface: light-dark(#471d0e, #ffffff);
    --ct-sys-color-on-surface-variant: light-dark(#723f2d, #dea795);
    --ct-sys-color-on-tertiary: light-dark(#b9ebff, #004657);
    --ct-sys-color-on-tertiary-container: light-dark(#001a22, #003c4a);
    --ct-sys-color-on-tertiary-fixed: light-dark(#000000, #000c11);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#001118, #003846);
    --ct-sys-color-on-warning: light-dark(#f3e2c3, #312300);
    --ct-sys-color-on-warning-container: light-dark(#2b1e00, #ffffff);
    --ct-sys-color-outline: light-dark(#935a46, #ae7d6c);
    --ct-sys-color-outline-variant: light-dark(#bb7c66, #885b4c);
    --ct-sys-color-primary: light-dark(#853125, #ffb0a3);
    --ct-sys-color-primary-container: light-dark(#eb7f6e, #f79f91);
    --ct-sys-color-primary-dim: light-dark(#76261b, #f79f91);
    --ct-sys-color-primary-fixed: light-dark(#eb7f6e, #ffac9e);
    --ct-sys-color-primary-fixed-dim: light-dark(#db7362, #f49d8f);
    --ct-sys-color-primary-palette-key-color: light-dark(#bb5a4b, #ad6256);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#2b5161, #b4cad5);
    --ct-sys-color-secondary-container: light-dark(#7da3b5, #546973);
    --ct-sys-color-secondary-dim: light-dark(#1e4655, #a6bcc8);
    --ct-sys-color-secondary-fixed: light-dark(#7da3b5, #d8eefb);
    --ct-sys-color-secondary-fixed-dim: light-dark(#7096a8, #cae0ec);
    --ct-sys-color-secondary-palette-key-color: light-dark(#577c8d, #657a85);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#055a00, #76bc65);
    --ct-sys-color-success-container: light-dark(#57b145, #18770f);
    --ct-sys-color-surface: light-dark(#fff8f6, #1b0904);
    --ct-sys-color-surface-bright: light-dark(#fff8f6, #472214);
    --ct-sys-color-surface-container: light-dark(#ffe9e3, #2b130a);
    --ct-sys-color-surface-container-high: light-dark(#ffe2d9, #34180d);
    --ct-sys-color-surface-container-highest: light-dark(#ffdbcf, #3d1d11);
    --ct-sys-color-surface-container-low: light-dark(#fff1ec, #220e06);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#ffd0c0, #1b0904);
    --ct-sys-color-surface-tint: light-dark(#853125, #ffb0a3);
    --ct-sys-color-surface-variant: light-dark(#ffdbcf, #3d1d11);
    --ct-sys-color-tertiary: light-dark(#005468, #73dcff);
    --ct-sys-color-tertiary-container: light-dark(#1cabcf, #55cff5);
    --ct-sys-color-tertiary-dim: light-dark(#004759, #55cff5);
    --ct-sys-color-tertiary-fixed: light-dark(#1cabcf, #55cff5);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#009ec0, #43c1e6);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#0ba6ca, #0ba6ca);
    --ct-sys-color-warning: light-dark(#6c4400, #d5a41a);
    --ct-sys-color-warning-container: light-dark(#c69600, #8f5b00);
  }
  .theme-transfer-window {
    --ct-sys-color-background: light-dark(#f3fcee, #0e150d);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ebf3e5, #2b3229);
    --ct-sys-color-inverse-primary: light-dark(#51e169, #006e24);
    --ct-sys-color-inverse-surface: light-dark(#2b3229, #dce5d7);
    --ct-sys-color-neutral-palette-key-color: light-dark(#71796e, #71796e);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#6d7b6a, #6d7b6a);
    --ct-sys-color-on-background: light-dark(#161d15, #dce5d7);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00390f);
    --ct-sys-color-on-primary-container: light-dark(#003a0f, #003a0f);
    --ct-sys-color-on-primary-fixed: light-dark(#002106, #002106);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#005319, #005319);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00390f);
    --ct-sys-color-on-secondary-container: light-dark(#336f39, #85c484);
    --ct-sys-color-on-secondary-fixed: light-dark(#002106, #002106);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#13521f, #13521f);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#161d15, #dce5d7);
    --ct-sys-color-on-surface-variant: light-dark(#3d4a3c, #bccbb7);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #003061);
    --ct-sys-color-on-tertiary-container: light-dark(#003162, #003162);
    --ct-sys-color-on-tertiary-fixed: light-dark(#001b3c, #001b3c);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#004689, #004689);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6d7b6a, #869583);
    --ct-sys-color-outline-variant: light-dark(#bccbb7, #3d4a3c);
    --ct-sys-color-primary: light-dark(#006e24, #51e169);
    --ct-sys-color-primary-container: light-dark(#00b140, #00b140);
    --ct-sys-color-primary-dim: light-dark(#00601f, #70ff82);
    --ct-sys-color-primary-fixed: light-dark(#70ff82, #70ff82);
    --ct-sys-color-primary-fixed-dim: light-dark(#51e169, #51e169);
    --ct-sys-color-primary-palette-key-color: light-dark(#08b342, #08b342);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#2e6a35, #95d695);
    --ct-sys-color-secondary-container: light-dark(#aef0ac, #13521f);
    --ct-sys-color-secondary-dim: light-dark(#215e2a, #b1f3af);
    --ct-sys-color-secondary-fixed: light-dark(#b1f3af, #b1f3af);
    --ct-sys-color-secondary-fixed-dim: light-dark(#95d695, #95d695);
    --ct-sys-color-secondary-palette-key-color: light-dark(#48844b, #48844b);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#f3fcee, #0e150d);
    --ct-sys-color-surface-bright: light-dark(#f3fcee, #333b32);
    --ct-sys-color-surface-container: light-dark(#e8f1e3, #1a2219);
    --ct-sys-color-surface-container-high: light-dark(#e2ebdd, #242c23);
    --ct-sys-color-surface-container-highest: light-dark(#dce5d7, #2f372e);
    --ct-sys-color-surface-container-low: light-dark(#eef6e8, #161d15);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #091008);
    --ct-sys-color-surface-dim: light-dark(#d4ddcf, #0e150d);
    --ct-sys-color-surface-tint: light-dark(#006e24, #51e169);
    --ct-sys-color-surface-variant: light-dark(#d8e7d3, #3d4a3c);
    --ct-sys-color-tertiary: light-dark(#005eb3, #a7c8ff);
    --ct-sys-color-tertiary-container: light-dark(#4d9aff, #4d9aff);
    --ct-sys-color-tertiary-dim: light-dark(#00529d, #4c99fe);
    --ct-sys-color-tertiary-fixed: light-dark(#d5e3ff, #d5e3ff);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#a7c8ff, #a7c8ff);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#4d9aff, #4d9aff);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-hex-pixels {
    --ct-sys-color-background: light-dark(#fff6dc, #120e00);
    --ct-sys-color-error: light-dark(#811900, #ff9c84);
    --ct-sys-color-error-container: light-dark(#d53d18, #d23b16);
    --ct-sys-color-error-dim: light-dark(#6d1300, #ff8567);
    --ct-sys-color-information: light-dark(#004472, #84baf5);
    --ct-sys-color-information-container: light-dark(#0079c4, #0076c1);
    --ct-sys-color-inverse-on-surface: light-dark(#d1c27f, #443a04);
    --ct-sys-color-inverse-primary: light-dark(#ecf50d, #565a00);
    --ct-sys-color-inverse-surface: light-dark(#120e00, #fff9ed);
    --ct-sys-color-neutral-palette-key-color: light-dark(#84773d, #84773d);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#867728, #867728);
    --ct-sys-color-on-background: light-dark(#272100, #ffffff);
    --ct-sys-color-on-error: light-dark(#ffcabe, #580e00);
    --ct-sys-color-on-error-container: light-dark(#ffffff, #ffffff);
    --ct-sys-color-on-information: light-dark(#c5d8f1, #002d4e);
    --ct-sys-color-on-information-container: light-dark(#ffffff, #ffffff);
    --ct-sys-color-on-primary: light-dark(#d7df00, #555800);
    --ct-sys-color-on-primary-container: light-dark(#ffffff, #4d4f00);
    --ct-sys-color-on-primary-fixed: light-dark(#ffffff, #292b00);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #474a00);
    --ct-sys-color-on-secondary: light-dark(#f2d63e, #4f4300);
    --ct-sys-color-on-secondary-container: light-dark(#ffffff, #ffffff);
    --ct-sys-color-on-secondary-fixed: light-dark(#ffffff, #211b00);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #463c00);
    --ct-sys-color-on-success: light-dark(#bedec8, #00321e);
    --ct-sys-color-on-success-container: light-dark(#ffffff, #ffffff);
    --ct-sys-color-on-surface: light-dark(#272100, #ffffff);
    --ct-sys-color-on-surface-variant: light-dark(#4b410b, #c7b876);
    --ct-sys-color-on-tertiary: light-dark(#ffd052, #513d00);
    --ct-sys-color-on-tertiary-container: light-dark(#ffffff, #463500);
    --ct-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #3b2c00);
    --ct-sys-color-on-warning: light-dark(#ebd4a5, #382800);
    --ct-sys-color-on-warning-container: light-dark(#ffffff, #ffffff);
    --ct-sys-color-outline: light-dark(#695d26, #9f9154);
    --ct-sys-color-outline-variant: light-dark(#877a3f, #7f7238);
    --ct-sys-color-primary: light-dark(#424400, #f8ff62);
    --ct-sys-color-primary-container: light-dark(#757900, #eaf203);
    --ct-sys-color-primary-dim: light-dark(#373900, #eaf203);
    --ct-sys-color-primary-fixed: light-dark(#757900, #ecf50d);
    --ct-sys-color-primary-fixed-dim: light-dark(#696d00, #dee600);
    --ct-sys-color-primary-palette-key-color: light-dark(#eaf205, #eaf205);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#4c4100, #f7da41);
    --ct-sys-color-secondary-container: light-dark(#867400, #847200);
    --ct-sys-color-secondary-dim: light-dark(#403600, #e8cc33);
    --ct-sys-color-secondary-fixed: light-dark(#867400, #f7da41);
    --ct-sys-color-secondary-fixed-dim: light-dark(#786800, #e8cc33);
    --ct-sys-color-secondary-palette-key-color: light-dark(#c4aa02, #c4aa02);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#004c2f, #74c799);
    --ct-sys-color-success-container: light-dark(#008556, #008354);
    --ct-sys-color-surface: light-dark(#fff6dc, #120e00);
    --ct-sys-color-surface-bright: light-dark(#fff6dc, #342c00);
    --ct-sys-color-surface-container: light-dark(#fbe897, #1f1900);
    --ct-sys-color-surface-container-high: light-dark(#f6e38d, #261f00);
    --ct-sys-color-surface-container-highest: light-dark(#f1dd82, #2d2600);
    --ct-sys-color-surface-container-low: light-dark(#fff1ba, #181300);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
    --ct-sys-color-surface-dim: light-dark(#e9d576, #120e00);
    --ct-sys-color-surface-tint: light-dark(#424400, #f8ff62);
    --ct-sys-color-surface-variant: light-dark(#f1dd82, #2d2600);
    --ct-sys-color-tertiary: light-dark(#533f00, #ffce47);
    --ct-sys-color-tertiary-container: light-dark(#917000, #f2c026);
    --ct-sys-color-tertiary-dim: light-dark(#453400, #f2c026);
    --ct-sys-color-tertiary-fixed: light-dark(#917000, #f2c026);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#826400, #e3b213);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#ddad07, #ddad07);
    --ct-sys-color-warning: light-dark(#5d3a00, #dab04d);
    --ct-sys-color-warning-container: light-dark(#936f00, #9f6600);
  }
  .theme-coulis {
    --ct-sys-color-background: light-dark(#fff8f7, #1d1012);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffeced, #3d2c2e);
    --ct-sys-color-inverse-primary: light-dark(#ffb2bc, #b7184a);
    --ct-sys-color-inverse-surface: light-dark(#3d2c2e, #f7dcde);
    --ct-sys-color-neutral-palette-key-color: light-dark(#877274, #877274);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#8d7073, #8d7073);
    --ct-sys-color-on-background: light-dark(#26181a, #f7dcde);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #670023);
    --ct-sys-color-on-primary-container: light-dark(#ffc5cc, #ffc5cc);
    --ct-sys-color-on-primary-fixed: light-dark(#400013, #400013);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#910035, #910035);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #5e1226);
    --ct-sys-color-on-secondary-container: light-dark(#782638, #ff9cab);
    --ct-sys-color-on-secondary-fixed: light-dark(#400013, #400013);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#7c2a3c, #7c2a3c);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#26181a, #f7dcde);
    --ct-sys-color-on-surface-variant: light-dark(#594043, #e1bec1);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #571e00);
    --ct-sys-color-on-tertiary-container: light-dark(#ffc8b0, #ffc8b0);
    --ct-sys-color-on-tertiary-fixed: light-dark(#351000, #351000);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#7c2e00, #7c2e00);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#8d7073, #a8898c);
    --ct-sys-color-outline-variant: light-dark(#e1bec1, #594043);
    --ct-sys-color-primary: light-dark(#8b0033, #ffb2bc);
    --ct-sys-color-primary-container: light-dark(#b31447, #b31447);
    --ct-sys-color-primary-dim: light-dark(#a6023e, #fc517a);
    --ct-sys-color-primary-fixed: light-dark(#ffd9dd, #ffd9dd);
    --ct-sys-color-primary-fixed-dim: light-dark(#ffb2bc, #ffb2bc);
    --ct-sys-color-primary-palette-key-color: light-dark(#da3761, #da3761);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#9a4152, #ffb2bc);
    --ct-sys-color-secondary-container: light-dark(#fe90a2, #7f2c3e);
    --ct-sys-color-secondary-dim: light-dark(#8b3547, #fe90a2);
    --ct-sys-color-secondary-fixed: light-dark(#ffd9dd, #ffd9dd);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ffb2bc, #ffb2bc);
    --ct-sys-color-secondary-palette-key-color: light-dark(#b9596a, #b9596a);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f7, #1d1012);
    --ct-sys-color-surface-bright: light-dark(#fff8f7, #463537);
    --ct-sys-color-surface-container: light-dark(#ffe9ea, #2a1c1e);
    --ct-sys-color-surface-container-high: light-dark(#fde2e4, #362628);
    --ct-sys-color-surface-container-highest: light-dark(#f7dcde, #413032);
    --ct-sys-color-surface-container-low: light-dark(#fff0f1, #26181a);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #170b0c);
    --ct-sys-color-surface-dim: light-dark(#eed4d6, #1d1012);
    --ct-sys-color-surface-tint: light-dark(#b7184a, #ffb2bc);
    --ct-sys-color-surface-variant: light-dark(#fedadd, #594043);
    --ct-sys-color-tertiary: light-dark(#772c00, #ffb695);
    --ct-sys-color-tertiary-container: light-dark(#9d3d00, #9d3d00);
    --ct-sys-color-tertiary-dim: light-dark(#8f3700, #fd8448);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdbcc, #ffdbcc);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ffb695, #ffb695);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#9d3d00, #9d3d00);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-soft {
    --ct-sys-color-background: light-dark(#fdf8ff, #14121b);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f4eefb, #312f38);
    --ct-sys-color-inverse-primary: light-dark(#cbbeff, #6341d5);
    --ct-sys-color-inverse-surface: light-dark(#312f38, #e6e0ed);
    --ct-sys-color-neutral-palette-key-color: light-dark(#797580, #797580);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#797586, #797586);
    --ct-sys-color-on-background: light-dark(#1c1a23, #e6e0ed);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #330099);
    --ct-sys-color-on-primary-container: light-dark(#fffbff, #1e0062);
    --ct-sys-color-on-primary-fixed: light-dark(#1d0061, #1d0061);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#4a21bd, #4a21bd);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #322761);
    --ct-sys-color-on-secondary-container: light-dark(#514682, #b9acf0);
    --ct-sys-color-on-secondary-fixed: light-dark(#1d0f4c, #1d0f4c);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#493e7a, #493e7a);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1c1a23, #e6e0ed);
    --ct-sys-color-on-surface-variant: light-dark(#484554, #cac4d7);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #5e0051);
    --ct-sys-color-on-tertiary-container: light-dark(#fffbff, #3b0032);
    --ct-sys-color-on-tertiary-fixed: light-dark(#3a0031, #3a0031);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#850073, #850073);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#797586, #938ea0);
    --ct-sys-color-outline-variant: light-dark(#cac4d7, #484554);
    --ct-sys-color-primary: light-dark(#603ed3, #cbbeff);
    --ct-sys-color-primary-container: light-dark(#795aed, #967cff);
    --ct-sys-color-primary-dim: light-dark(#5632c9, #967dff);
    --ct-sys-color-primary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-primary-fixed-dim: light-dark(#cbbeff, #cbbeff);
    --ct-sys-color-primary-palette-key-color: light-dark(#7c5df0, #7c5df0);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#615693, #cbbeff);
    --ct-sys-color-secondary-container: light-dark(#c5b8fd, #493e7a);
    --ct-sys-color-secondary-dim: light-dark(#554a86, #c0b2f7);
    --ct-sys-color-secondary-fixed: light-dark(#e6deff, #e6deff);
    --ct-sys-color-secondary-fixed-dim: light-dark(#cbbeff, #cbbeff);
    --ct-sys-color-secondary-palette-key-color: light-dark(#7a6eae, #7a6eae);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fdf8ff, #14121b);
    --ct-sys-color-surface-bright: light-dark(#fdf8ff, #3a3841);
    --ct-sys-color-surface-container: light-dark(#f1ecf8, #201e27);
    --ct-sys-color-surface-container-high: light-dark(#ece6f3, #2b2932);
    --ct-sys-color-surface-container-highest: light-dark(#e6e0ed, #36333d);
    --ct-sys-color-surface-container-low: light-dark(#f7f1fe, #1c1a23);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #0f0d15);
    --ct-sys-color-surface-dim: light-dark(#ddd8e4, #14121b);
    --ct-sys-color-surface-tint: light-dark(#6341d5, #cbbeff);
    --ct-sys-color-surface-variant: light-dark(#e6dff3, #484554);
    --ct-sys-color-tertiary: light-dark(#a0258b, #ffade6);
    --ct-sys-color-tertiary-container: light-dark(#be42a5, #e05fc4);
    --ct-sys-color-tertiary-dim: light-dark(#941880, #fd77dd);
    --ct-sys-color-tertiary-fixed: light-dark(#ffd7ef, #ffd7ef);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ffade6, #ffade6);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#d152b6, #d152b6);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-pill {
    --ct-sys-color-background: light-dark(#fff8f5, #1b110a);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffede3, #3a2e25);
    --ct-sys-color-inverse-primary: light-dark(#ffb783, #944b00);
    --ct-sys-color-inverse-surface: light-dark(#3a2e25, #f4ded2);
    --ct-sys-color-neutral-palette-key-color: light-dark(#857469, #857469);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#8a7262, #8a7262);
    --ct-sys-color-on-background: light-dark(#241912, #f4ded2);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-primary-container: light-dark(#5f2e00, #5f2e00);
    --ct-sys-color-on-primary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#703700, #703700);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #4f2500);
    --ct-sys-color-on-secondary-container: light-dark(#784317, #f1a873);
    --ct-sys-color-on-secondary-fixed: light-dark(#301400, #301400);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#6c3a0e, #6c3a0e);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#241912, #f4ded2);
    --ct-sys-color-on-surface-variant: light-dark(#574335, #dec1ae);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #303300);
    --ct-sys-color-on-tertiary-container: light-dark(#3b3e00, #3b3e00);
    --ct-sys-color-on-tertiary-fixed: light-dark(#1b1d00, #1b1d00);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#464a00, #464a00);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#8a7262, #a58c7b);
    --ct-sys-color-outline-variant: light-dark(#dec1ae, #574335);
    --ct-sys-color-primary: light-dark(#944b00, #ffb783);
    --ct-sys-color-primary-container: light-dark(#fe8500, #fe8500);
    --ct-sys-color-primary-dim: light-dark(#824100, #fe8501);
    --ct-sys-color-primary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-primary-fixed-dim: light-dark(#ffb783, #ffb783);
    --ct-sys-color-primary-palette-key-color: light-dark(#fe8500, #fe8500);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#895124, #ffb783);
    --ct-sys-color-secondary-container: light-dark(#feb37e, #6f3c10);
    --ct-sys-color-secondary-dim: light-dark(#7a4519, #feb37e);
    --ct-sys-color-secondary-fixed: light-dark(#ffdcc5, #ffdcc5);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ffb783, #ffb783);
    --ct-sys-color-secondary-palette-key-color: light-dark(#a6693a, #a6693a);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f5, #1b110a);
    --ct-sys-color-surface-bright: light-dark(#fff8f5, #44372e);
    --ct-sys-color-surface-container: light-dark(#ffeadd, #291d15);
    --ct-sys-color-surface-container-high: light-dark(#fae4d7, #34271f);
    --ct-sys-color-surface-container-highest: light-dark(#f4ded2, #3f322a);
    --ct-sys-color-surface-container-low: light-dark(#fff1e9, #241912);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #160c06);
    --ct-sys-color-surface-dim: light-dark(#ebd6c9, #1b110a);
    --ct-sys-color-surface-tint: light-dark(#944b00, #ffb783);
    --ct-sys-color-surface-variant: light-dark(#fbddc9, #574335);
    --ct-sys-color-tertiary: light-dark(#5e6300, #c6cf32);
    --ct-sys-color-tertiary-container: light-dark(#a5ad00, #a5ad00);
    --ct-sys-color-tertiary-dim: light-dark(#525600, #f1fa5b);
    --ct-sys-color-tertiary-fixed: light-dark(#e2eb4e, #e2eb4e);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#c6cf32, #c6cf32);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#a5ad00, #a5ad00);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-tight {
    --ct-sys-color-background: light-dark(#fff8f7, #1c1011);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#ffedec, #3c2d2d);
    --ct-sys-color-inverse-primary: light-dark(#ffb3b6, #b02a40);
    --ct-sys-color-inverse-surface: light-dark(#3c2d2d, #f5dddd);
    --ct-sys-color-neutral-palette-key-color: light-dark(#867273, #867273);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#8c7071, #8c7071);
    --ct-sys-color-on-background: light-dark(#251819, #f5dddd);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #68001a);
    --ct-sys-color-on-primary-container: light-dark(#fffbff, #41000d);
    --ct-sys-color-on-primary-fixed: light-dark(#40000d, #40000d);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#8f0c2a, #8f0c2a);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #581b22);
    --ct-sys-color-on-secondary-container: light-dark(#7a353c, #fb9fa4);
    --ct-sys-color-on-secondary-fixed: light-dark(#3c060f, #3c060f);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#743137, #743137);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#251819, #f5dddd);
    --ct-sys-color-on-surface-variant: light-dark(#584142, #e0bfbf);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #4c2700);
    --ct-sys-color-on-tertiary-container: light-dark(#fffbff, #2f1600);
    --ct-sys-color-on-tertiary-fixed: light-dark(#2e1500, #2e1500);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#6c3a00, #6c3a00);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#8c7071, #a78a8a);
    --ct-sys-color-outline-variant: light-dark(#e0bfbf, #584142);
    --ct-sys-color-primary: light-dark(#ad273d, #ffb3b6);
    --ct-sys-color-primary-container: light-dark(#cf4154, #f45d6e);
    --ct-sys-color-primary-dim: light-dark(#9f1c35, #fe6475);
    --ct-sys-color-primary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-primary-fixed-dim: light-dark(#ffb3b6, #ffb3b6);
    --ct-sys-color-primary-palette-key-color: light-dark(#d24356, #d24356);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#91484e, #ffb3b6);
    --ct-sys-color-secondary-container: light-dark(#ffa2a7, #77333a);
    --ct-sys-color-secondary-dim: light-dark(#833c42, #ffa2a7);
    --ct-sys-color-secondary-fixed: light-dark(#ffdada, #ffdada);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ffb3b6, #ffb3b6);
    --ct-sys-color-secondary-palette-key-color: light-dark(#af6065, #af6065);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8f7, #1c1011);
    --ct-sys-color-surface-bright: light-dark(#fff8f7, #453536);
    --ct-sys-color-surface-container: light-dark(#ffe9e9, #2a1c1d);
    --ct-sys-color-surface-container-high: light-dark(#fbe2e3, #352627);
    --ct-sys-color-surface-container-highest: light-dark(#f5dddd, #403131);
    --ct-sys-color-surface-container-low: light-dark(#fff0f0, #251819);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #170b0c);
    --ct-sys-color-surface-dim: light-dark(#edd4d5, #1c1011);
    --ct-sys-color-surface-tint: light-dark(#b02a40, #ffb3b6);
    --ct-sys-color-surface-variant: light-dark(#fddadb, #584142);
    --ct-sys-color-tertiary: light-dark(#8b4c00, #ffb779);
    --ct-sys-color-tertiary-container: light-dark(#af6100, #d57a14);
    --ct-sys-color-tertiary-dim: light-dark(#7d4400, #f59431);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdcc1, #ffdcc1);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ffb779, #ffb779);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#c56e00, #c56e00);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-scoop {
    --ct-sys-color-background: light-dark(#fff8ef, #161309);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#f9f0dd, #343024);
    --ct-sys-color-inverse-primary: light-dark(#ecc300, #715c00);
    --ct-sys-color-inverse-surface: light-dark(#343024, #eae2d0);
    --ct-sys-color-neutral-palette-key-color: light-dark(#7d7768, #7d7768);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#7f7760, #7f7760);
    --ct-sys-color-on-background: light-dark(#1f1b10, #eae2d0);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-primary-container: light-dark(#6e5900, #6e5900);
    --ct-sys-color-on-primary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#564500, #564500);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #3b2f00);
    --ct-sys-color-on-secondary-container: light-dark(#756322, #cab46a);
    --ct-sys-color-on-secondary-fixed: light-dark(#231b00, #231b00);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#554503, #554503);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#1f1b10, #eae2d0);
    --ct-sys-color-on-surface-variant: light-dark(#4d4632, #d0c6ab);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #283500);
    --ct-sys-color-on-tertiary-container: light-dark(#4d6300, #4d6300);
    --ct-sys-color-on-tertiary-fixed: light-dark(#161f00, #161f00);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#3c4d00, #3c4d00);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#7f775f, #999078);
    --ct-sys-color-outline-variant: light-dark(#d0c6ab, #4d4632);
    --ct-sys-color-primary: light-dark(#715c00, #fff0c6);
    --ct-sys-color-primary-container: light-dark(#fcd000, #fcd000);
    --ct-sys-color-primary-dim: light-dark(#635100, #fcd001);
    --ct-sys-color-primary-fixed: light-dark(#ffe17b, #ffe17b);
    --ct-sys-color-primary-fixed-dim: light-dark(#ecc300, #ecc300);
    --ct-sys-color-primary-palette-key-color: light-dark(#fcd000, #fcd000);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#6f5d1c, #ddc579);
    --ct-sys-color-secondary-container: light-dark(#fae192, #554503);
    --ct-sys-color-secondary-dim: light-dark(#625110, #fae192);
    --ct-sys-color-secondary-fixed: light-dark(#fae192, #fae192);
    --ct-sys-color-secondary-fixed-dim: light-dark(#ddc579, #ddc579);
    --ct-sys-color-secondary-palette-key-color: light-dark(#897633, #897633);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff8ef, #161309);
    --ct-sys-color-surface-bright: light-dark(#fff8ef, #3d392c);
    --ct-sys-color-surface-container: light-dark(#f6eddb, #231f14);
    --ct-sys-color-surface-container-high: light-dark(#f0e7d5, #2e2a1e);
    --ct-sys-color-surface-container-highest: light-dark(#eae2d0, #393428);
    --ct-sys-color-surface-container-low: light-dark(#fcf3e0, #1f1b10);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #110e05);
    --ct-sys-color-surface-dim: light-dark(#e2d9c7, #161309);
    --ct-sys-color-surface-tint: light-dark(#715c00, #ecc300);
    --ct-sys-color-surface-variant: light-dark(#ede2c6, #4d4632);
    --ct-sys-color-tertiary: light-dark(#506600, #d9ff6a);
    --ct-sys-color-tertiary-container: light-dark(#bde24e, #bde24e);
    --ct-sys-color-tertiary-dim: light-dark(#465900, #d6fd65);
    --ct-sys-color-tertiary-fixed: light-dark(#cbf15b, #cbf15b);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#b0d441, #b0d441);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#bde24e, #bde24e);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-flat {
    --ct-sys-color-background: light-dark(#f2fcf6, #0d1512);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#eaf3ed, #2a322f);
    --ct-sys-color-inverse-primary: light-dark(#00e0b6, #006b56);
    --ct-sys-color-inverse-surface: light-dark(#2a322f, #dbe5df);
    --ct-sys-color-neutral-palette-key-color: light-dark(#707975, #707975);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#6a7b74, #6a7b74);
    --ct-sys-color-on-background: light-dark(#151d1a, #dbe5df);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-primary-container: light-dark(#006853, #006853);
    --ct-sys-color-on-primary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#005140, #005140);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #00382b);
    --ct-sys-color-on-secondary-container: light-dark(#316f5d, #86c5b0);
    --ct-sys-color-on-secondary-fixed: light-dark(#002018, #002018);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#095040, #095040);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#151d1a, #dbe5df);
    --ct-sys-color-on-surface-variant: light-dark(#3a4a44, #b9cac3);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #133251);
    --ct-sys-color-on-tertiary-container: light-dark(#425d80, #425d80);
    --ct-sys-color-on-tertiary-fixed: light-dark(#001c37, #001c37);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#2c4869, #2c4869);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#6a7b74, #84948d);
    --ct-sys-color-outline-variant: light-dark(#b9cac3, #3a4a44);
    --ct-sys-color-primary: light-dark(#006b56, #bbffe7);
    --ct-sys-color-primary-container: light-dark(#00f0c3, #00f0c3);
    --ct-sys-color-primary-dim: light-dark(#005e4b, #10f3c5);
    --ct-sys-color-primary-fixed: light-dark(#32fed0, #32fed0);
    --ct-sys-color-primary-fixed-dim: light-dark(#00e0b6, #00e0b6);
    --ct-sys-color-primary-palette-key-color: light-dark(#00f0c3, #00f0c3);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#2a6957, #94d3be);
    --ct-sys-color-secondary-container: light-dark(#b0f0d9, #0e5343);
    --ct-sys-color-secondary-dim: light-dark(#1c5c4c, #b0f0d9);
    --ct-sys-color-secondary-fixed: light-dark(#b0f0d9, #b0f0d9);
    --ct-sys-color-secondary-fixed-dim: light-dark(#94d3be, #94d3be);
    --ct-sys-color-secondary-palette-key-color: light-dark(#458270, #458270);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#f2fcf6, #0d1512);
    --ct-sys-color-surface-bright: light-dark(#f2fcf6, #323b37);
    --ct-sys-color-surface-container: light-dark(#e7f0eb, #19211e);
    --ct-sys-color-surface-container-high: light-dark(#e1eae5, #232c28);
    --ct-sys-color-surface-container-highest: light-dark(#dbe5df, #2e3733);
    --ct-sys-color-surface-container-low: light-dark(#ecf6f0, #151d1a);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #08100d);
    --ct-sys-color-surface-dim: light-dark(#d3dcd7, #0d1512);
    --ct-sys-color-surface-tint: light-dark(#006b56, #00e0b6);
    --ct-sys-color-surface-variant: light-dark(#d5e6de, #3a4a44);
    --ct-sys-color-tertiary: light-dark(#456082, #ebf1ff);
    --ct-sys-color-tertiary-container: light-dark(#bbd7ff, #bbd7ff);
    --ct-sys-color-tertiary-dim: light-dark(#395476, #bad6fe);
    --ct-sys-color-tertiary-fixed: light-dark(#d2e4ff, #d2e4ff);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#adc9f0, #adc9f0);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#bbd7ff, #bbd7ff);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
  .theme-deep {
    --ct-sys-color-background: light-dark(#fff7f9, #191117);
    --ct-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
    --ct-sys-color-error-container: light-dark(#ffdad6, #93000a);
    --ct-sys-color-error-dim: light-dark(#a80710, #ff554a);
    --ct-sys-color-information: light-dark(#006496, #a4cbee);
    --ct-sys-color-information-container: light-dark(#d7e4f2, #004b72);
    --ct-sys-color-inverse-on-surface: light-dark(#fdecf6, #372d35);
    --ct-sys-color-inverse-primary: light-dark(#ffabf2, #9e2a9a);
    --ct-sys-color-inverse-surface: light-dark(#372d35, #efdee8);
    --ct-sys-color-neutral-palette-key-color: light-dark(#80737c, #80737c);
    --ct-sys-color-neutral-variant-palette-key-color: light-dark(#85727f, #85727f);
    --ct-sys-color-on-background: light-dark(#221920, #efdee8);
    --ct-sys-color-on-error: light-dark(#ffffff, #690005);
    --ct-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
    --ct-sys-color-on-information: light-dark(#ffffff, #003451);
    --ct-sys-color-on-information-container: light-dark(#004b72, #d7e4f2);
    --ct-sys-color-on-primary: light-dark(#ffffff, #5b005a);
    --ct-sys-color-on-primary-container: light-dark(#fffbff, #390038);
    --ct-sys-color-on-primary-fixed: light-dark(#380037, #380037);
    --ct-sys-color-on-primary-fixed-variant: light-dark(#810180, #810180);
    --ct-sys-color-on-secondary: light-dark(#ffffff, #4e1d4a);
    --ct-sys-color-on-secondary-container: light-dark(#7b4574, #e5a4d9);
    --ct-sys-color-on-secondary-fixed: light-dark(#350634, #350634);
    --ct-sys-color-on-secondary-fixed-variant: light-dark(#673462, #673462);
    --ct-sys-color-on-success: light-dark(#ffffff, #00391a);
    --ct-sys-color-on-success-container: light-dark(#005229, #d6e7d5);
    --ct-sys-color-on-surface: light-dark(#221920, #efdee8);
    --ct-sys-color-on-surface-variant: light-dark(#52424e, #d7c0cf);
    --ct-sys-color-on-tertiary: light-dark(#ffffff, #67001b);
    --ct-sys-color-on-tertiary-container: light-dark(#fffbff, #41000e);
    --ct-sys-color-on-tertiary-fixed: light-dark(#40000d, #40000d);
    --ct-sys-color-on-tertiary-fixed-variant: light-dark(#8f0c2c, #8f0c2c);
    --ct-sys-color-on-warning: light-dark(#ffffff, #3f2e00);
    --ct-sys-color-on-warning-container: light-dark(#5b4300, #f2e0c2);
    --ct-sys-color-outline: light-dark(#84727f, #9f8b99);
    --ct-sys-color-outline-variant: light-dark(#d7c0cf, #52424e);
    --ct-sys-color-primary: light-dark(#9b2797, #ffabf2);
    --ct-sys-color-primary-container: light-dark(#b944b2, #da61d1);
    --ct-sys-color-primary-dim: light-dark(#8f198c, #f97cee);
    --ct-sys-color-primary-fixed: light-dark(#ffd7f5, #ffd7f5);
    --ct-sys-color-primary-fixed-dim: light-dark(#ffabf2, #ffabf2);
    --ct-sys-color-primary-palette-key-color: light-dark(#bc46b5, #bc46b5);
    --ct-sys-color-scrim: light-dark(#000000, #000000);
    --ct-sys-color-secondary: light-dark(#824b7b, #f4b1e8);
    --ct-sys-color-secondary-container: light-dark(#fdbaf1, #6a3665);
    --ct-sys-color-secondary-dim: light-dark(#75406e, #f7b4eb);
    --ct-sys-color-secondary-fixed: light-dark(#ffd7f5, #ffd7f5);
    --ct-sys-color-secondary-fixed-dim: light-dark(#f4b1e8, #f4b1e8);
    --ct-sys-color-secondary-palette-key-color: light-dark(#9d6495, #9d6495);
    --ct-sys-color-shadow: light-dark(#000000, #000000);
    --ct-sys-color-success: light-dark(#006d38, #a3d2ac);
    --ct-sys-color-success-container: light-dark(#d6e7d5, #005229);
    --ct-sys-color-surface: light-dark(#fff7f9, #191117);
    --ct-sys-color-surface-bright: light-dark(#fff7f9, #41363e);
    --ct-sys-color-surface-container: light-dark(#fae9f3, #261d24);
    --ct-sys-color-surface-container-high: light-dark(#f5e4ed, #31272e);
    --ct-sys-color-surface-container-highest: light-dark(#efdee8, #3c3239);
    --ct-sys-color-surface-container-low: light-dark(#ffeff8, #221920);
    --ct-sys-color-surface-container-lowest: light-dark(#ffffff, #140c12);
    --ct-sys-color-surface-dim: light-dark(#e6d5df, #191117);
    --ct-sys-color-surface-tint: light-dark(#9e2a9a, #ffabf2);
    --ct-sys-color-surface-variant: light-dark(#f3dceb, #52424e);
    --ct-sys-color-tertiary: light-dark(#ad273f, #ffb2b7);
    --ct-sys-color-tertiary-container: light-dark(#ce4156, #f45d70);
    --ct-sys-color-tertiary-dim: light-dark(#9f1c36, #fe6477);
    --ct-sys-color-tertiary-fixed: light-dark(#ffdadb, #ffdadb);
    --ct-sys-color-tertiary-fixed-dim: light-dark(#ffb2b7, #ffb2b7);
    --ct-sys-color-tertiary-palette-key-color: light-dark(#e35064, #e35064);
    --ct-sys-color-warning: light-dark(#845400, #e3c37e);
    --ct-sys-color-warning-container: light-dark(#f2e0c2, #643f00);
  }
}
.theme-light {
  color-scheme: light;
}

.theme-dark {
  color-scheme: dark;
}

@supports not (color: light-dark(red, red)) {
  :root.theme-dark, .theme-site.theme-dark {
    --ct-sys-color-background: #050f1b;
    --ct-sys-color-error: #ff716c;
    --ct-sys-color-error-container: #8a1a1e;
    --ct-sys-color-error-dim: #c94947;
    --ct-sys-color-information: #00a7f1;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #4c5664;
    --ct-sys-color-inverse-primary: #38618f;
    --ct-sys-color-inverse-surface: #f8f9ff;
    --ct-sys-color-neutral-palette-key-color: #6e7887;
    --ct-sys-color-neutral-variant-palette-key-color: #5779a2;
    --ct-sys-color-on-background: #d7e7ff;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #1e4b78;
    --ct-sys-color-on-primary-container: #12426e;
    --ct-sys-color-on-primary-fixed: #002d52;
    --ct-sys-color-on-primary-fixed-variant: #1f4b78;
    --ct-sys-color-on-secondary: #314537;
    --ct-sys-color-on-secondary-container: #93a998;
    --ct-sys-color-on-secondary-fixed: #384d3f;
    --ct-sys-color-on-secondary-fixed-variant: #54695a;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #d7e7ff;
    --ct-sys-color-on-surface-variant: #99adc9;
    --ct-sys-color-on-tertiary: #076e37;
    --ct-sys-color-on-tertiary-container: #006531;
    --ct-sys-color-on-tertiary-fixed: #005026;
    --ct-sys-color-on-tertiary-fixed-variant: #0b7039;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #637791;
    --ct-sys-color-outline-variant: #364962;
    --ct-sys-color-primary: #b9d7ff;
    --ct-sys-color-primary-container: #a1c9fd;
    --ct-sys-color-primary-dim: #a1c9fd;
    --ct-sys-color-primary-fixed: #a1c9fd;
    --ct-sys-color-primary-fixed-dim: #94bcef;
    --ct-sys-color-primary-palette-key-color: #5179a8;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b5ccba;
    --ct-sys-color-secondary-container: #162a1e;
    --ct-sys-color-secondary-dim: #a8beac;
    --ct-sys-color-secondary-fixed: #dff7e3;
    --ct-sys-color-secondary-fixed-dim: #d1e8d5;
    --ct-sys-color-secondary-palette-key-color: #677c6c;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #2cb55c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #050f1b;
    --ct-sys-color-surface-bright: #152d47;
    --ct-sys-color-surface-container: #0b1a2b;
    --ct-sys-color-surface-container-high: #0e2034;
    --ct-sys-color-surface-container-highest: #12273e;
    --ct-sys-color-surface-container-low: #071422;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #050f1b;
    --ct-sys-color-surface-tint: #b9d7ff;
    --ct-sys-color-surface-variant: #12273e;
    --ct-sys-color-tertiary: #eaffea;
    --ct-sys-color-tertiary-container: #a5ffb9;
    --ct-sys-color-tertiary-dim: #a5ffb9;
    --ct-sys-color-tertiary-fixed: #a5ffb9;
    --ct-sys-color-tertiary-fixed-dim: #97f0ac;
    --ct-sys-color-tertiary-palette-key-color: #2e874e;
    --ct-sys-color-warning: #c79700;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-hero.theme-dark {
    --ct-sys-color-background: #01110b;
    --ct-sys-color-error: #ff716c;
    --ct-sys-color-error-container: #8a1a1e;
    --ct-sys-color-error-dim: #c94947;
    --ct-sys-color-information: #00a7f1;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #465950;
    --ct-sys-color-inverse-primary: #2a6b48;
    --ct-sys-color-inverse-surface: #e9fff2;
    --ct-sys-color-neutral-palette-key-color: #687c72;
    --ct-sys-color-neutral-variant-palette-key-color: #44836b;
    --ct-sys-color-on-background: #c6efdb;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #266745;
    --ct-sys-color-on-primary-container: #1c5f3d;
    --ct-sys-color-on-primary-fixed: #00492b;
    --ct-sys-color-on-primary-fixed-variant: #266745;
    --ct-sys-color-on-secondary: #533b28;
    --ct-sys-color-on-secondary-container: #be9e84;
    --ct-sys-color-on-secondary-fixed: #523a27;
    --ct-sys-color-on-secondary-fixed-variant: #705641;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #c6efdb;
    --ct-sys-color-on-surface-variant: #8db4a2;
    --ct-sys-color-on-tertiary: #673200;
    --ct-sys-color-on-tertiary-container: #582a00;
    --ct-sys-color-on-tertiary-fixed: #371800;
    --ct-sys-color-on-tertiary-fixed-variant: #653100;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #587d6d;
    --ct-sys-color-outline-variant: #2a4f41;
    --ct-sys-color-primary: #cfffdd;
    --ct-sys-color-primary-container: #b1f5c8;
    --ct-sys-color-primary-dim: #b1f5c8;
    --ct-sys-color-primary-fixed: #aef2c6;
    --ct-sys-color-primary-fixed-dim: #a0e3b8;
    --ct-sys-color-primary-palette-key-color: #44845f;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #e3c0a5;
    --ct-sys-color-secondary-container: #352110;
    --ct-sys-color-secondary-dim: #d4b298;
    --ct-sys-color-secondary-fixed: #ffdcc1;
    --ct-sys-color-secondary-fixed-dim: #f1ceb2;
    --ct-sys-color-secondary-palette-key-color: #8e715a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #2cb55c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #01110b;
    --ct-sys-color-surface-bright: #043325;
    --ct-sys-color-surface-container: #021e15;
    --ct-sys-color-surface-container-high: #03251a;
    --ct-sys-color-surface-container-highest: #042c1f;
    --ct-sys-color-surface-container-low: #02170f;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #01110b;
    --ct-sys-color-surface-tint: #cfffdd;
    --ct-sys-color-surface-variant: #042c1f;
    --ct-sys-color-tertiary: #ffb783;
    --ct-sys-color-tertiary-container: #ffa35c;
    --ct-sys-color-tertiary-dim: #ff9f55;
    --ct-sys-color-tertiary-fixed: #ffa35c;
    --ct-sys-color-tertiary-fixed-dim: #f2954b;
    --ct-sys-color-tertiary-palette-key-color: #b3621c;
    --ct-sys-color-warning: #c79700;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-tidal.theme-dark {
    --ct-sys-color-background: #170a15;
    --ct-sys-color-error: #fd6f85;
    --ct-sys-color-error-container: #8a1632;
    --ct-sys-color-error-dim: #c8475d;
    --ct-sys-color-information: #00aade;
    --ct-sys-color-information-container: #004c67;
    --ct-sys-color-inverse-on-surface: #62505e;
    --ct-sys-color-inverse-primary: #804e7b;
    --ct-sys-color-inverse-surface: #fff7f9;
    --ct-sys-color-neutral-palette-key-color: #857180;
    --ct-sys-color-neutral-variant-palette-key-color: #976891;
    --ct-sys-color-on-background: #ffdbf6;
    --ct-sys-color-on-error: #490013;
    --ct-sys-color-on-error-container: #ff97a3;
    --ct-sys-color-on-information: #002432;
    --ct-sys-color-on-information-container: #64bfeb;
    --ct-sys-color-on-primary: #6f3f6b;
    --ct-sys-color-on-primary-container: #663662;
    --ct-sys-color-on-primary-fixed: #50234e;
    --ct-sys-color-on-primary-fixed-variant: #703f6c;
    --ct-sys-color-on-secondary: #2d453c;
    --ct-sys-color-on-secondary-container: #90aa9f;
    --ct-sys-color-on-secondary-fixed: #354d44;
    --ct-sys-color-on-secondary-fixed-variant: #516960;
    --ct-sys-color-on-success: #002700;
    --ct-sys-color-on-success-container: #8ac379;
    --ct-sys-color-on-surface: #ffdbf6;
    --ct-sys-color-on-surface-variant: #c4a0bd;
    --ct-sys-color-on-tertiary: #006b4e;
    --ct-sys-color-on-tertiary-container: #006147;
    --ct-sys-color-on-tertiary-fixed: #004d37;
    --ct-sys-color-on-tertiary-fixed-variant: #006d4f;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #dbaf45;
    --ct-sys-color-outline: #8c6c86;
    --ct-sys-color-outline-variant: #5b3f57;
    --ct-sys-color-primary: #ffd2f6;
    --ct-sys-color-primary-container: #fcbef3;
    --ct-sys-color-primary-dim: #fcbef3;
    --ct-sys-color-primary-fixed: #fcbef3;
    --ct-sys-color-primary-fixed-dim: #edb1e4;
    --ct-sys-color-primary-palette-key-color: #9a6594;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b2ccc1;
    --ct-sys-color-secondary-container: #132a22;
    --ct-sys-color-secondary-dim: #a4bfb3;
    --ct-sys-color-secondary-fixed: #dcf7eb;
    --ct-sys-color-secondary-fixed-dim: #cee9dd;
    --ct-sys-color-secondary-palette-key-color: #647c72;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #57b145;
    --ct-sys-color-success-container: #015300;
    --ct-sys-color-surface: #170a15;
    --ct-sys-color-surface-bright: #3e223c;
    --ct-sys-color-surface-container: #261324;
    --ct-sys-color-surface-container-high: #2e182c;
    --ct-sys-color-surface-container-highest: #361d34;
    --ct-sys-color-surface-container-low: #1e0e1c;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #170a15;
    --ct-sys-color-surface-tint: #ffd2f6;
    --ct-sys-color-surface-variant: #361d34;
    --ct-sys-color-tertiary: #daffec;
    --ct-sys-color-tertiary-container: #8cfed0;
    --ct-sys-color-tertiary-dim: #8cfed0;
    --ct-sys-color-tertiary-fixed: #8cfed0;
    --ct-sys-color-tertiary-fixed-dim: #7defc2;
    --ct-sys-color-tertiary-palette-key-color: #08966f;
    --ct-sys-color-warning: #c69600;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-botanical.theme-dark {
    --ct-sys-color-background: #0d1510;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2a322d;
    --ct-sys-color-inverse-primary: #94483c;
    --ct-sys-color-inverse-surface: #dce5dc;
    --ct-sys-color-neutral-palette-key-color: #707972;
    --ct-sys-color-neutral-variant-palette-key-color: #6c7b70;
    --ct-sys-color-on-background: #dce5dc;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #591b13;
    --ct-sys-color-on-primary-container: #ffdad4;
    --ct-sys-color-on-primary-fixed: #3d0603;
    --ct-sys-color-on-primary-fixed-variant: #763127;
    --ct-sys-color-on-secondary: #0e3728;
    --ct-sys-color-on-secondary-container: #c1ecd5;
    --ct-sys-color-on-secondary-fixed: #002115;
    --ct-sys-color-on-secondary-fixed-variant: #274e3d;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dce5dc;
    --ct-sys-color-on-surface-variant: #bacbbe;
    --ct-sys-color-on-tertiary: #003735;
    --ct-sys-color-on-tertiary-container: #a8f0eb;
    --ct-sys-color-on-tertiary-fixed: #00201f;
    --ct-sys-color-on-tertiary-fixed-variant: #00504d;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #859589;
    --ct-sys-color-outline-variant: #3c4a41;
    --ct-sys-color-primary: #ffb4a8;
    --ct-sys-color-primary-container: #763127;
    --ct-sys-color-primary-dim: #fd9c8d;
    --ct-sys-color-primary-fixed: #ffdad4;
    --ct-sys-color-primary-fixed-dim: #ffb4a8;
    --ct-sys-color-primary-palette-key-color: #b26053;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #a5d0ba;
    --ct-sys-color-secondary-container: #274e3d;
    --ct-sys-color-secondary-dim: #c1ecd5;
    --ct-sys-color-secondary-fixed: #c1ecd5;
    --ct-sys-color-secondary-fixed-dim: #a5d0ba;
    --ct-sys-color-secondary-palette-key-color: #577f6c;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0d1510;
    --ct-sys-color-surface-bright: #333b35;
    --ct-sys-color-surface-container: #19211c;
    --ct-sys-color-surface-container-high: #242c26;
    --ct-sys-color-surface-container-highest: #2e3731;
    --ct-sys-color-surface-container-low: #151d18;
    --ct-sys-color-surface-container-lowest: #08100b;
    --ct-sys-color-surface-dim: #0d1510;
    --ct-sys-color-surface-tint: #ffb4a8;
    --ct-sys-color-surface-variant: #3c4a41;
    --ct-sys-color-tertiary: #8cd3ce;
    --ct-sys-color-tertiary-container: #00504d;
    --ct-sys-color-tertiary-dim: #b0f8f3;
    --ct-sys-color-tertiary-fixed: #a8f0eb;
    --ct-sys-color-tertiary-fixed-dim: #8cd3ce;
    --ct-sys-color-tertiary-palette-key-color: #3a827e;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-neon.theme-dark {
    --ct-sys-color-background: #15121c;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #332e39;
    --ct-sys-color-inverse-primary: #7a00fd;
    --ct-sys-color-inverse-surface: #e8dfee;
    --ct-sys-color-neutral-palette-key-color: #7b7582;
    --ct-sys-color-neutral-variant-palette-key-color: #7b7484;
    --ct-sys-color-on-background: #e8dfee;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #40008c;
    --ct-sys-color-on-primary-container: #ebdcff;
    --ct-sys-color-on-primary-fixed: #260058;
    --ct-sys-color-on-primary-fixed-variant: #5c00c3;
    --ct-sys-color-on-secondary: #3b2947;
    --ct-sys-color-on-secondary-container: #f4daff;
    --ct-sys-color-on-secondary-fixed: #251431;
    --ct-sys-color-on-secondary-fixed-variant: #533f5f;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e8dfee;
    --ct-sys-color-on-surface-variant: #ccc3d5;
    --ct-sys-color-on-tertiary: #46234a;
    --ct-sys-color-on-tertiary-container: #ffd6fd;
    --ct-sys-color-on-tertiary-fixed: #2f0d33;
    --ct-sys-color-on-tertiary-fixed-variant: #5f3962;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #958e9e;
    --ct-sys-color-outline-variant: #4a4453;
    --ct-sys-color-primary: #d4bbff;
    --ct-sys-color-primary-container: #5c00c3;
    --ct-sys-color-primary-dim: #a776ff;
    --ct-sys-color-primary-fixed: #ebdcff;
    --ct-sys-color-primary-fixed-dim: #d4bbff;
    --ct-sys-color-primary-palette-key-color: #7a00fd;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #d7bde4;
    --ct-sys-color-secondary-container: #533f5f;
    --ct-sys-color-secondary-dim: #f1d6fe;
    --ct-sys-color-secondary-fixed: #f4daff;
    --ct-sys-color-secondary-fixed-dim: #d7bde4;
    --ct-sys-color-secondary-palette-key-color: #856f91;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #15121c;
    --ct-sys-color-surface-bright: #3c3742;
    --ct-sys-color-surface-container: #221e28;
    --ct-sys-color-surface-container-high: #2c2833;
    --ct-sys-color-surface-container-highest: #37333e;
    --ct-sys-color-surface-container-low: #1e1a24;
    --ct-sys-color-surface-container-lowest: #100c16;
    --ct-sys-color-surface-dim: #15121c;
    --ct-sys-color-surface-tint: #d4bbff;
    --ct-sys-color-surface-variant: #4a4453;
    --ct-sys-color-tertiary: #e8b7e7;
    --ct-sys-color-tertiary-container: #5f3962;
    --ct-sys-color-tertiary-dim: #f9c7f9;
    --ct-sys-color-tertiary-fixed: #ffd6fd;
    --ct-sys-color-tertiary-fixed-dim: #e8b7e7;
    --ct-sys-color-tertiary-palette-key-color: #936995;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-heritage.theme-dark {
    --ct-sys-color-background: #0c0e12;
    --ct-sys-color-error: #fa746f;
    --ct-sys-color-error-container: #871f21;
    --ct-sys-color-error-dim: #c54d4a;
    --ct-sys-color-information: #00a7f0;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #535559;
    --ct-sys-color-inverse-primary: #49607f;
    --ct-sys-color-inverse-surface: #f9f9fe;
    --ct-sys-color-neutral-palette-key-color: #75777b;
    --ct-sys-color-neutral-variant-palette-key-color: #737780;
    --ct-sys-color-on-background: #e2e5ef;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #29415f;
    --ct-sys-color-on-primary-container: #d4e4ff;
    --ct-sys-color-on-primary-fixed: #162f4c;
    --ct-sys-color-on-primary-fixed-variant: #354c6a;
    --ct-sys-color-on-secondary: #354151;
    --ct-sys-color-on-secondary-container: #b4c0d4;
    --ct-sys-color-on-secondary-fixed: #354050;
    --ct-sys-color-on-secondary-fixed-variant: #515c6d;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #e2e5ef;
    --ct-sys-color-on-surface-variant: #a7abb4;
    --ct-sys-color-on-tertiary: #514871;
    --ct-sys-color-on-tertiary-container: #484068;
    --ct-sys-color-on-tertiary-fixed: #352c53;
    --ct-sys-color-on-tertiary-fixed-variant: #524972;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #71767e;
    --ct-sys-color-outline-variant: #444850;
    --ct-sys-color-primary: #b0c8ec;
    --ct-sys-color-primary-container: #3c5472;
    --ct-sys-color-primary-dim: #a2badd;
    --ct-sys-color-primary-fixed: #b3cbef;
    --ct-sys-color-primary-fixed-dim: #a5bde0;
    --ct-sys-color-primary-palette-key-color: #617999;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #bbc7db;
    --ct-sys-color-secondary-container: #313c4c;
    --ct-sys-color-secondary-dim: #aebacd;
    --ct-sys-color-secondary-fixed: #d7e3f8;
    --ct-sys-color-secondary-fixed-dim: #c9d5e9;
    --ct-sys-color-secondary-palette-key-color: #6c788a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #3cb360;
    --ct-sys-color-success-container: #005323;
    --ct-sys-color-surface: #0c0e12;
    --ct-sys-color-surface-bright: #282c34;
    --ct-sys-color-surface-container: #161a1f;
    --ct-sys-color-surface-container-high: #1c2026;
    --ct-sys-color-surface-container-highest: #21262d;
    --ct-sys-color-surface-container-low: #111418;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #0c0e12;
    --ct-sys-color-surface-tint: #b0c8ec;
    --ct-sys-color-surface-variant: #21262d;
    --ct-sys-color-tertiary: #e2d7ff;
    --ct-sys-color-tertiary-container: #d4c8f9;
    --ct-sys-color-tertiary-dim: #d4c8f9;
    --ct-sys-color-tertiary-fixed: #d4c8f9;
    --ct-sys-color-tertiary-fixed-dim: #c6baeb;
    --ct-sys-color-tertiary-palette-key-color: #7b719d;
    --ct-sys-color-warning: #c69600;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-artisan.theme-dark {
    --ct-sys-color-background: #100e0e;
    --ct-sys-color-error: #ee7d77;
    --ct-sys-color-error-container: #7f2927;
    --ct-sys-color-error-dim: #bb5551;
    --ct-sys-color-information: #42a6e4;
    --ct-sys-color-information-container: #004b70;
    --ct-sys-color-inverse-on-surface: #585454;
    --ct-sys-color-inverse-primary: #6b5b5e;
    --ct-sys-color-inverse-surface: #fff8f7;
    --ct-sys-color-neutral-palette-key-color: #7a7676;
    --ct-sys-color-neutral-variant-palette-key-color: #7d7576;
    --ct-sys-color-on-background: #ede3e3;
    --ct-sys-color-on-error: #490106;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002336;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #4b3d3f;
    --ct-sys-color-on-primary-container: #e0cbce;
    --ct-sys-color-on-primary-fixed: #4a3c3e;
    --ct-sys-color-on-primary-fixed-variant: #67585a;
    --ct-sys-color-on-secondary: #251f20;
    --ct-sys-color-on-secondary-container: #c8bdbd;
    --ct-sys-color-on-secondary-fixed: #453d3e;
    --ct-sys-color-on-secondary-fixed-variant: #62595a;
    --ct-sys-color-on-success: #00270d;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #ede3e3;
    --ct-sys-color-on-surface-variant: #b2a9a9;
    --ct-sys-color-on-tertiary: #6c5268;
    --ct-sys-color-on-tertiary-container: #634a60;
    --ct-sys-color-on-tertiary-fixed: #50384d;
    --ct-sys-color-on-tertiary-fixed-variant: #6e536a;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #7b7474;
    --ct-sys-color-outline-variant: #4c4647;
    --ct-sys-color-primary: #d6c2c4;
    --ct-sys-color-primary-container: #524346;
    --ct-sys-color-primary-dim: #c8b4b7;
    --ct-sys-color-primary-fixed: #f3dde0;
    --ct-sys-color-primary-fixed-dim: #e4cfd2;
    --ct-sys-color-primary-palette-key-color: #847376;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #a69b9c;
    --ct-sys-color-secondary-container: #413a3b;
    --ct-sys-color-secondary-dim: #a69b9c;
    --ct-sys-color-secondary-fixed: #ece0e0;
    --ct-sys-color-secondary-fixed-dim: #ddd2d2;
    --ct-sys-color-secondary-palette-key-color: #7e7576;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #58b06c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #100e0e;
    --ct-sys-color-surface-bright: #302b2b;
    --ct-sys-color-surface-container: #1c1919;
    --ct-sys-color-surface-container-high: #231f1f;
    --ct-sys-color-surface-container-highest: #2a2525;
    --ct-sys-color-surface-container-low: #151313;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #100e0e;
    --ct-sys-color-surface-tint: #d6c2c4;
    --ct-sys-color-surface-variant: #2a2525;
    --ct-sys-color-tertiary: #ffebf8;
    --ct-sys-color-tertiary-container: #fbd8f3;
    --ct-sys-color-tertiary-dim: #fbd8f3;
    --ct-sys-color-tertiary-fixed: #fbd8f3;
    --ct-sys-color-tertiary-fixed-dim: #eccae5;
    --ct-sys-color-tertiary-palette-key-color: #8b6e86;
    --ct-sys-color-warning: #c59715;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-minimal.theme-dark {
    --ct-sys-color-background: #0e0e0f;
    --ct-sys-color-error: #ee7d77;
    --ct-sys-color-error-container: #7f2927;
    --ct-sys-color-error-dim: #bb5551;
    --ct-sys-color-information: #42a6e4;
    --ct-sys-color-information-container: #004b70;
    --ct-sys-color-inverse-on-surface: #565555;
    --ct-sys-color-inverse-primary: #595f6c;
    --ct-sys-color-inverse-surface: #fcf8f9;
    --ct-sys-color-neutral-palette-key-color: #787778;
    --ct-sys-color-neutral-variant-palette-key-color: #777779;
    --ct-sys-color-on-background: #e7e5e7;
    --ct-sys-color-on-error: #490106;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002336;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #3a404c;
    --ct-sys-color-on-primary-container: #cad0df;
    --ct-sys-color-on-primary-fixed: #39404c;
    --ct-sys-color-on-primary-fixed-variant: #555c68;
    --ct-sys-color-on-secondary: #1e2025;
    --ct-sys-color-on-secondary-container: #bebfc5;
    --ct-sys-color-on-secondary-fixed: #3d3f45;
    --ct-sys-color-on-secondary-fixed-variant: #595b61;
    --ct-sys-color-on-success: #00270d;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #e7e5e7;
    --ct-sys-color-on-surface-variant: #acaaad;
    --ct-sys-color-on-tertiary: #54546f;
    --ct-sys-color-on-tertiary-container: #4b4c67;
    --ct-sys-color-on-tertiary-fixed: #393953;
    --ct-sys-color-on-tertiary-fixed-variant: #555671;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #757578;
    --ct-sys-color-outline-variant: #47484a;
    --ct-sys-color-primary: #c0c6d5;
    --ct-sys-color-primary-container: #404753;
    --ct-sys-color-primary-dim: #b2b9c7;
    --ct-sys-color-primary-fixed: #dce2f2;
    --ct-sys-color-primary-fixed-dim: #ced4e4;
    --ct-sys-color-primary-palette-key-color: #717785;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #9c9ea4;
    --ct-sys-color-secondary-container: #393b41;
    --ct-sys-color-secondary-dim: #9c9ea4;
    --ct-sys-color-secondary-fixed: #e1e2e9;
    --ct-sys-color-secondary-fixed-dim: #d3d4da;
    --ct-sys-color-secondary-palette-key-color: #75777d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #58b06c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #0e0e0f;
    --ct-sys-color-surface-bright: #2b2c2f;
    --ct-sys-color-surface-container: #19191b;
    --ct-sys-color-surface-container-high: #1f1f21;
    --ct-sys-color-surface-container-highest: #252628;
    --ct-sys-color-surface-container-low: #131314;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #0e0e0f;
    --ct-sys-color-surface-tint: #c0c6d5;
    --ct-sys-color-surface-variant: #252628;
    --ct-sys-color-tertiary: #ebe9ff;
    --ct-sys-color-tertiary-container: #dbdafb;
    --ct-sys-color-tertiary-dim: #dbdafb;
    --ct-sys-color-tertiary-fixed: #dbdafb;
    --ct-sys-color-tertiary-fixed-dim: #cdccec;
    --ct-sys-color-tertiary-palette-key-color: #757591;
    --ct-sys-color-warning: #c59715;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-playful.theme-dark {
    --ct-sys-color-background: #1c1014;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3b2c31;
    --ct-sys-color-inverse-primary: #704d9f;
    --ct-sys-color-inverse-surface: #f5dce3;
    --ct-sys-color-neutral-palette-key-color: #867278;
    --ct-sys-color-neutral-variant-palette-key-color: #8e6f79;
    --ct-sys-color-on-background: #f5dce3;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #401b6d;
    --ct-sys-color-on-primary-container: #eddcff;
    --ct-sys-color-on-primary-fixed: #290055;
    --ct-sys-color-on-primary-fixed-variant: #583486;
    --ct-sys-color-on-secondary: #3c255a;
    --ct-sys-color-on-secondary-container: #eddcff;
    --ct-sys-color-on-secondary-fixed: #260e44;
    --ct-sys-color-on-secondary-fixed-variant: #533b72;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f5dce3;
    --ct-sys-color-on-surface-variant: #e2bdc8;
    --ct-sys-color-on-tertiary: #541d35;
    --ct-sys-color-on-tertiary-container: #ffd9e4;
    --ct-sys-color-on-tertiary-fixed: #390720;
    --ct-sys-color-on-tertiary-fixed-variant: #6f334c;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a98892;
    --ct-sys-color-outline-variant: #5a3f48;
    --ct-sys-color-primary: #d8b9ff;
    --ct-sys-color-primary-container: #583486;
    --ct-sys-color-primary-dim: #cca4ff;
    --ct-sys-color-primary-fixed: #eddcff;
    --ct-sys-color-primary-fixed-dim: #d8b9ff;
    --ct-sys-color-primary-palette-key-color: #8a66ba;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #d7bafb;
    --ct-sys-color-secondary-container: #533b72;
    --ct-sys-color-secondary-dim: #dabdfe;
    --ct-sys-color-secondary-fixed: #eddcff;
    --ct-sys-color-secondary-fixed-dim: #d7bafb;
    --ct-sys-color-secondary-palette-key-color: #856ca6;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1c1014;
    --ct-sys-color-surface-bright: #45353a;
    --ct-sys-color-surface-container: #291c20;
    --ct-sys-color-surface-container-high: #35262b;
    --ct-sys-color-surface-container-highest: #403136;
    --ct-sys-color-surface-container-low: #25181c;
    --ct-sys-color-surface-container-lowest: #170b0f;
    --ct-sys-color-surface-dim: #1c1014;
    --ct-sys-color-surface-tint: #d8b9ff;
    --ct-sys-color-surface-variant: #5a3f48;
    --ct-sys-color-tertiary: #ffb0cc;
    --ct-sys-color-tertiary-container: #6f334c;
    --ct-sys-color-tertiary-dim: #ee9fbc;
    --ct-sys-color-tertiary-fixed: #ffd9e4;
    --ct-sys-color-tertiary-fixed-dim: #ffb0cc;
    --ct-sys-color-tertiary-palette-key-color: #a7627c;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-signal.theme-dark {
    --ct-sys-color-background: #1a120b;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #392e26;
    --ct-sys-color-inverse-primary: #904d00;
    --ct-sys-color-inverse-surface: #f2dfd3;
    --ct-sys-color-neutral-palette-key-color: #83746a;
    --ct-sys-color-neutral-variant-palette-key-color: #887364;
    --ct-sys-color-on-background: #f2dfd3;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #4d2600;
    --ct-sys-color-on-primary-container: #432000;
    --ct-sys-color-on-primary-fixed: #2f1500;
    --ct-sys-color-on-primary-fixed-variant: #6e3900;
    --ct-sys-color-on-secondary: #4c2703;
    --ct-sys-color-on-secondary-container: #e4a97a;
    --ct-sys-color-on-secondary-fixed: #2f1500;
    --ct-sys-color-on-secondary-fixed-variant: #673d17;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f2dfd3;
    --ct-sys-color-on-surface-variant: #dbc2b0;
    --ct-sys-color-on-tertiary: #2d3400;
    --ct-sys-color-on-tertiary-container: #272d00;
    --ct-sys-color-on-tertiary-fixed: #1a1e00;
    --ct-sys-color-on-tertiary-fixed-variant: #434b00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a38c7c;
    --ct-sys-color-outline-variant: #554336;
    --ct-sys-color-primary: #ffb77d;
    --ct-sys-color-primary-container: #d97707;
    --ct-sys-color-primary-dim: #fe932c;
    --ct-sys-color-primary-fixed: #ffdcc3;
    --ct-sys-color-primary-fixed-dim: #ffb77d;
    --ct-sys-color-primary-palette-key-color: #d67502;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f7ba8a;
    --ct-sys-color-secondary-container: #673d17;
    --ct-sys-color-secondary-dim: #f4b787;
    --ct-sys-color-secondary-fixed: #ffdcc3;
    --ct-sys-color-secondary-fixed-dim: #f7ba8a;
    --ct-sys-color-secondary-palette-key-color: #9e6c42;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1a120b;
    --ct-sys-color-surface-bright: #42372f;
    --ct-sys-color-surface-container: #271e16;
    --ct-sys-color-surface-container-high: #322820;
    --ct-sys-color-surface-container-highest: #3e332b;
    --ct-sys-color-surface-container-low: #231a13;
    --ct-sys-color-surface-container-lowest: #150c06;
    --ct-sys-color-surface-dim: #1a120b;
    --ct-sys-color-surface-tint: #ffb77d;
    --ct-sys-color-surface-variant: #554336;
    --ct-sys-color-tertiary: #bfd043;
    --ct-sys-color-tertiary-container: #899900;
    --ct-sys-color-tertiary-dim: #e9fc6a;
    --ct-sys-color-tertiary-fixed: #daed5d;
    --ct-sys-color-tertiary-fixed-dim: #bfd043;
    --ct-sys-color-tertiary-palette-key-color: #899900;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-prism.theme-dark {
    --ct-sys-color-background: #131313;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #303030;
    --ct-sys-color-inverse-primary: #1260a4;
    --ct-sys-color-inverse-surface: #e2e2e2;
    --ct-sys-color-neutral-palette-key-color: #777777;
    --ct-sys-color-neutral-variant-palette-key-color: #777777;
    --ct-sys-color-on-background: #e2e2e2;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00315b;
    --ct-sys-color-on-primary-container: #d3e4ff;
    --ct-sys-color-on-primary-fixed: #001c38;
    --ct-sys-color-on-primary-fixed-variant: #004881;
    --ct-sys-color-on-secondary: #263141;
    --ct-sys-color-on-secondary-container: #d7e3f8;
    --ct-sys-color-on-secondary-fixed: #101c2b;
    --ct-sys-color-on-secondary-fixed-variant: #3c4858;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e2e2e2;
    --ct-sys-color-on-surface-variant: #c6c6c6;
    --ct-sys-color-on-tertiary: #3c2947;
    --ct-sys-color-on-tertiary-container: #f4d9ff;
    --ct-sys-color-on-tertiary-fixed: #261431;
    --ct-sys-color-on-tertiary-fixed-variant: #533f5e;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #919191;
    --ct-sys-color-outline-variant: #474747;
    --ct-sys-color-primary: #a2c9ff;
    --ct-sys-color-primary-container: #004881;
    --ct-sys-color-primary-dim: #75b1fb;
    --ct-sys-color-primary-fixed: #d3e4ff;
    --ct-sys-color-primary-fixed-dim: #a2c9ff;
    --ct-sys-color-primary-palette-key-color: #397ac0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #bbc7db;
    --ct-sys-color-secondary-container: #3c4858;
    --ct-sys-color-secondary-dim: #d7e3f8;
    --ct-sys-color-secondary-fixed: #d7e3f8;
    --ct-sys-color-secondary-fixed-dim: #bbc7db;
    --ct-sys-color-secondary-palette-key-color: #6c788a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #131313;
    --ct-sys-color-surface-bright: #393939;
    --ct-sys-color-surface-container: #1f1f1f;
    --ct-sys-color-surface-container-high: #2a2a2a;
    --ct-sys-color-surface-container-highest: #353535;
    --ct-sys-color-surface-container-low: #1b1b1b;
    --ct-sys-color-surface-container-lowest: #0e0e0e;
    --ct-sys-color-surface-dim: #131313;
    --ct-sys-color-surface-tint: #a2c9ff;
    --ct-sys-color-surface-variant: #474747;
    --ct-sys-color-tertiary: #d8bde3;
    --ct-sys-color-tertiary-container: #533f5e;
    --ct-sys-color-tertiary-dim: #e6cbf2;
    --ct-sys-color-tertiary-fixed: #f4d9ff;
    --ct-sys-color-tertiary-fixed-dim: #d8bde3;
    --ct-sys-color-tertiary-palette-key-color: #866f91;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-contrail.theme-dark {
    --ct-sys-color-background: #060e1b;
    --ct-sys-color-error: #ff716c;
    --ct-sys-color-error-container: #8a1a1e;
    --ct-sys-color-error-dim: #c94947;
    --ct-sys-color-information: #00a7f1;
    --ct-sys-color-information-container: #004b6f;
    --ct-sys-color-inverse-on-surface: #4d5564;
    --ct-sys-color-inverse-primary: #3d6090;
    --ct-sys-color-inverse-surface: #f9f9ff;
    --ct-sys-color-neutral-palette-key-color: #6f7787;
    --ct-sys-color-neutral-variant-palette-key-color: #5b78a4;
    --ct-sys-color-on-background: #d9e6ff;
    --ct-sys-color-on-error: #490006;
    --ct-sys-color-on-error-container: #ff9993;
    --ct-sys-color-on-information: #002236;
    --ct-sys-color-on-information-container: #75bcf0;
    --ct-sys-color-on-primary: #254a79;
    --ct-sys-color-on-primary-container: #1a416f;
    --ct-sys-color-on-primary-fixed: #002c58;
    --ct-sys-color-on-primary-fixed-variant: #254a79;
    --ct-sys-color-on-secondary: #304539;
    --ct-sys-color-on-secondary-container: #92a99a;
    --ct-sys-color-on-secondary-fixed: #374d40;
    --ct-sys-color-on-secondary-fixed-variant: #53695c;
    --ct-sys-color-on-success: #00260c;
    --ct-sys-color-on-success-container: #7ec58a;
    --ct-sys-color-on-surface: #d9e6ff;
    --ct-sys-color-on-surface-variant: #9bacca;
    --ct-sys-color-on-tertiary: #006c3f;
    --ct-sys-color-on-tertiary-container: #006239;
    --ct-sys-color-on-tertiary-fixed: #004e2c;
    --ct-sys-color-on-tertiary-fixed-variant: #006e40;
    --ct-sys-color-on-warning: #2b1e00;
    --ct-sys-color-on-warning-container: #daaf4a;
    --ct-sys-color-outline: #657692;
    --ct-sys-color-outline-variant: #384962;
    --ct-sys-color-primary: #bdd6ff;
    --ct-sys-color-primary-container: #a6c8ff;
    --ct-sys-color-primary-dim: #a6c8ff;
    --ct-sys-color-primary-fixed: #a6c8ff;
    --ct-sys-color-primary-fixed-dim: #98baf0;
    --ct-sys-color-primary-palette-key-color: #5678aa;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b4ccbc;
    --ct-sys-color-secondary-container: #152a1f;
    --ct-sys-color-secondary-dim: #a7beaf;
    --ct-sys-color-secondary-fixed: #def7e6;
    --ct-sys-color-secondary-fixed-dim: #d0e8d8;
    --ct-sys-color-secondary-palette-key-color: #657c6e;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #2cb55c;
    --ct-sys-color-success-container: #005324;
    --ct-sys-color-surface: #060e1b;
    --ct-sys-color-surface-bright: #192d48;
    --ct-sys-color-surface-container: #0d1a2c;
    --ct-sys-color-surface-container-high: #112035;
    --ct-sys-color-surface-container-highest: #15263e;
    --ct-sys-color-surface-container-low: #091423;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #060e1b;
    --ct-sys-color-surface-tint: #bdd6ff;
    --ct-sys-color-surface-variant: #15263e;
    --ct-sys-color-tertiary: #ddffe4;
    --ct-sys-color-tertiary-container: #9bfdbe;
    --ct-sys-color-tertiary-dim: #9bfdbe;
    --ct-sys-color-tertiary-fixed: #9bfdbe;
    --ct-sys-color-tertiary-fixed-dim: #8deeb1;
    --ct-sys-color-tertiary-palette-key-color: #208854;
    --ct-sys-color-warning: #c79700;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-atelier.theme-dark {
    --ct-sys-color-background: #151311;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #32302e;
    --ct-sys-color-inverse-primary: #6a5c47;
    --ct-sys-color-inverse-surface: #e7e1de;
    --ct-sys-color-neutral-palette-key-color: #7a7674;
    --ct-sys-color-neutral-variant-palette-key-color: #7d766c;
    --ct-sys-color-on-background: #e7e1de;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #392f1d;
    --ct-sys-color-on-primary-container: #3b311e;
    --ct-sys-color-on-primary-fixed: #231a0a;
    --ct-sys-color-on-primary-fixed-variant: #514531;
    --ct-sys-color-on-secondary: #353027;
    --ct-sys-color-on-secondary-container: #bdb4a8;
    --ct-sys-color-on-secondary-fixed: #201b13;
    --ct-sys-color-on-secondary-fixed-variant: #4c463c;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e7e1de;
    --ct-sys-color-on-surface-variant: #cfc5ba;
    --ct-sys-color-on-tertiary: #2d3222;
    --ct-sys-color-on-tertiary-container: #303424;
    --ct-sys-color-on-tertiary-fixed: #191d0e;
    --ct-sys-color-on-tertiary-fixed-variant: #444937;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #988f85;
    --ct-sys-color-outline-variant: #4c463d;
    --ct-sys-color-primary: #d6c4aa;
    --ct-sys-color-primary-container: #a89880;
    --ct-sys-color-primary-dim: #fce8cd;
    --ct-sys-color-primary-fixed: #f3e0c5;
    --ct-sys-color-primary-fixed-dim: #d6c4aa;
    --ct-sys-color-primary-palette-key-color: #84755f;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #cfc5b8;
    --ct-sys-color-secondary-container: #4c463c;
    --ct-sys-color-secondary-dim: #ece1d4;
    --ct-sys-color-secondary-fixed: #ece1d4;
    --ct-sys-color-secondary-fixed-dim: #cfc5b8;
    --ct-sys-color-secondary-palette-key-color: #7e766b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #151311;
    --ct-sys-color-surface-bright: #3b3937;
    --ct-sys-color-surface-container: #211f1d;
    --ct-sys-color-surface-container-high: #2c2a28;
    --ct-sys-color-surface-container-highest: #373432;
    --ct-sys-color-surface-container-low: #1d1b19;
    --ct-sys-color-surface-container-lowest: #0f0e0c;
    --ct-sys-color-surface-dim: #151311;
    --ct-sys-color-surface-tint: #d6c4aa;
    --ct-sys-color-surface-variant: #4c463d;
    --ct-sys-color-tertiary: #c4c9b1;
    --ct-sys-color-tertiary-container: #989d87;
    --ct-sys-color-tertiary-dim: #eff3da;
    --ct-sys-color-tertiary-fixed: #e0e5cc;
    --ct-sys-color-tertiary-fixed-dim: #c4c9b1;
    --ct-sys-color-tertiary-palette-key-color: #989d87;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-racer.theme-dark {
    --ct-sys-color-background: #1b0904;
    --ct-sys-color-error: #ff8796;
    --ct-sys-color-error-container: #b53950;
    --ct-sys-color-error-dim: #fd6f85;
    --ct-sys-color-information: #2db8ed;
    --ct-sys-color-information-container: #006e92;
    --ct-sys-color-inverse-on-surface: #563c34;
    --ct-sys-color-inverse-primary: #89453b;
    --ct-sys-color-inverse-surface: #fff8f6;
    --ct-sys-color-neutral-palette-key-color: #8f7066;
    --ct-sys-color-neutral-variant-palette-key-color: #a8664f;
    --ct-sys-color-on-background: #ffffff;
    --ct-sys-color-on-error: #520017;
    --ct-sys-color-on-error-container: #ffffff;
    --ct-sys-color-on-information: #002938;
    --ct-sys-color-on-information-container: #ffffff;
    --ct-sys-color-on-primary: #60261d;
    --ct-sys-color-on-primary-container: #531c14;
    --ct-sys-color-on-primary-fixed: #1f0000;
    --ct-sys-color-on-primary-fixed-variant: #592018;
    --ct-sys-color-on-secondary: #283d46;
    --ct-sys-color-on-secondary-container: #ffffff;
    --ct-sys-color-on-secondary-fixed: #1f343d;
    --ct-sys-color-on-secondary-fixed-variant: #3d515b;
    --ct-sys-color-on-success: #012d00;
    --ct-sys-color-on-success-container: #ffffff;
    --ct-sys-color-on-surface: #ffffff;
    --ct-sys-color-on-surface-variant: #dea795;
    --ct-sys-color-on-tertiary: #004657;
    --ct-sys-color-on-tertiary-container: #003c4a;
    --ct-sys-color-on-tertiary-fixed: #000c11;
    --ct-sys-color-on-tertiary-fixed-variant: #003846;
    --ct-sys-color-on-warning: #312300;
    --ct-sys-color-on-warning-container: #ffffff;
    --ct-sys-color-outline: #ae7d6c;
    --ct-sys-color-outline-variant: #885b4c;
    --ct-sys-color-primary: #ffb0a3;
    --ct-sys-color-primary-container: #f79f91;
    --ct-sys-color-primary-dim: #f79f91;
    --ct-sys-color-primary-fixed: #ffac9e;
    --ct-sys-color-primary-fixed-dim: #f49d8f;
    --ct-sys-color-primary-palette-key-color: #ad6256;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #b4cad5;
    --ct-sys-color-secondary-container: #546973;
    --ct-sys-color-secondary-dim: #a6bcc8;
    --ct-sys-color-secondary-fixed: #d8eefb;
    --ct-sys-color-secondary-fixed-dim: #cae0ec;
    --ct-sys-color-secondary-palette-key-color: #657a85;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #76bc65;
    --ct-sys-color-success-container: #18770f;
    --ct-sys-color-surface: #1b0904;
    --ct-sys-color-surface-bright: #472214;
    --ct-sys-color-surface-container: #2b130a;
    --ct-sys-color-surface-container-high: #34180d;
    --ct-sys-color-surface-container-highest: #3d1d11;
    --ct-sys-color-surface-container-low: #220e06;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #1b0904;
    --ct-sys-color-surface-tint: #ffb0a3;
    --ct-sys-color-surface-variant: #3d1d11;
    --ct-sys-color-tertiary: #73dcff;
    --ct-sys-color-tertiary-container: #55cff5;
    --ct-sys-color-tertiary-dim: #55cff5;
    --ct-sys-color-tertiary-fixed: #55cff5;
    --ct-sys-color-tertiary-fixed-dim: #43c1e6;
    --ct-sys-color-tertiary-palette-key-color: #0ba6ca;
    --ct-sys-color-warning: #d5a41a;
    --ct-sys-color-warning-container: #8f5b00;
  }
  .theme-transfer-window.theme-dark {
    --ct-sys-color-background: #0e150d;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2b3229;
    --ct-sys-color-inverse-primary: #006e24;
    --ct-sys-color-inverse-surface: #dce5d7;
    --ct-sys-color-neutral-palette-key-color: #71796e;
    --ct-sys-color-neutral-variant-palette-key-color: #6d7b6a;
    --ct-sys-color-on-background: #dce5d7;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00390f;
    --ct-sys-color-on-primary-container: #003a0f;
    --ct-sys-color-on-primary-fixed: #002106;
    --ct-sys-color-on-primary-fixed-variant: #005319;
    --ct-sys-color-on-secondary: #00390f;
    --ct-sys-color-on-secondary-container: #85c484;
    --ct-sys-color-on-secondary-fixed: #002106;
    --ct-sys-color-on-secondary-fixed-variant: #13521f;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dce5d7;
    --ct-sys-color-on-surface-variant: #bccbb7;
    --ct-sys-color-on-tertiary: #003061;
    --ct-sys-color-on-tertiary-container: #003162;
    --ct-sys-color-on-tertiary-fixed: #001b3c;
    --ct-sys-color-on-tertiary-fixed-variant: #004689;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #869583;
    --ct-sys-color-outline-variant: #3d4a3c;
    --ct-sys-color-primary: #51e169;
    --ct-sys-color-primary-container: #00b140;
    --ct-sys-color-primary-dim: #70ff82;
    --ct-sys-color-primary-fixed: #70ff82;
    --ct-sys-color-primary-fixed-dim: #51e169;
    --ct-sys-color-primary-palette-key-color: #08b342;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #95d695;
    --ct-sys-color-secondary-container: #13521f;
    --ct-sys-color-secondary-dim: #b1f3af;
    --ct-sys-color-secondary-fixed: #b1f3af;
    --ct-sys-color-secondary-fixed-dim: #95d695;
    --ct-sys-color-secondary-palette-key-color: #48844b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0e150d;
    --ct-sys-color-surface-bright: #333b32;
    --ct-sys-color-surface-container: #1a2219;
    --ct-sys-color-surface-container-high: #242c23;
    --ct-sys-color-surface-container-highest: #2f372e;
    --ct-sys-color-surface-container-low: #161d15;
    --ct-sys-color-surface-container-lowest: #091008;
    --ct-sys-color-surface-dim: #0e150d;
    --ct-sys-color-surface-tint: #51e169;
    --ct-sys-color-surface-variant: #3d4a3c;
    --ct-sys-color-tertiary: #a7c8ff;
    --ct-sys-color-tertiary-container: #4d9aff;
    --ct-sys-color-tertiary-dim: #4c99fe;
    --ct-sys-color-tertiary-fixed: #d5e3ff;
    --ct-sys-color-tertiary-fixed-dim: #a7c8ff;
    --ct-sys-color-tertiary-palette-key-color: #4d9aff;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-hex-pixels.theme-dark {
    --ct-sys-color-background: #120e00;
    --ct-sys-color-error: #ff9c84;
    --ct-sys-color-error-container: #d23b16;
    --ct-sys-color-error-dim: #ff8567;
    --ct-sys-color-information: #84baf5;
    --ct-sys-color-information-container: #0076c1;
    --ct-sys-color-inverse-on-surface: #443a04;
    --ct-sys-color-inverse-primary: #565a00;
    --ct-sys-color-inverse-surface: #fff9ed;
    --ct-sys-color-neutral-palette-key-color: #84773d;
    --ct-sys-color-neutral-variant-palette-key-color: #867728;
    --ct-sys-color-on-background: #ffffff;
    --ct-sys-color-on-error: #580e00;
    --ct-sys-color-on-error-container: #ffffff;
    --ct-sys-color-on-information: #002d4e;
    --ct-sys-color-on-information-container: #ffffff;
    --ct-sys-color-on-primary: #555800;
    --ct-sys-color-on-primary-container: #4d4f00;
    --ct-sys-color-on-primary-fixed: #292b00;
    --ct-sys-color-on-primary-fixed-variant: #474a00;
    --ct-sys-color-on-secondary: #4f4300;
    --ct-sys-color-on-secondary-container: #ffffff;
    --ct-sys-color-on-secondary-fixed: #211b00;
    --ct-sys-color-on-secondary-fixed-variant: #463c00;
    --ct-sys-color-on-success: #00321e;
    --ct-sys-color-on-success-container: #ffffff;
    --ct-sys-color-on-surface: #ffffff;
    --ct-sys-color-on-surface-variant: #c7b876;
    --ct-sys-color-on-tertiary: #513d00;
    --ct-sys-color-on-tertiary-container: #463500;
    --ct-sys-color-on-tertiary-fixed: #000000;
    --ct-sys-color-on-tertiary-fixed-variant: #3b2c00;
    --ct-sys-color-on-warning: #382800;
    --ct-sys-color-on-warning-container: #ffffff;
    --ct-sys-color-outline: #9f9154;
    --ct-sys-color-outline-variant: #7f7238;
    --ct-sys-color-primary: #f8ff62;
    --ct-sys-color-primary-container: #eaf203;
    --ct-sys-color-primary-dim: #eaf203;
    --ct-sys-color-primary-fixed: #ecf50d;
    --ct-sys-color-primary-fixed-dim: #dee600;
    --ct-sys-color-primary-palette-key-color: #eaf205;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f7da41;
    --ct-sys-color-secondary-container: #847200;
    --ct-sys-color-secondary-dim: #e8cc33;
    --ct-sys-color-secondary-fixed: #f7da41;
    --ct-sys-color-secondary-fixed-dim: #e8cc33;
    --ct-sys-color-secondary-palette-key-color: #c4aa02;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #74c799;
    --ct-sys-color-success-container: #008354;
    --ct-sys-color-surface: #120e00;
    --ct-sys-color-surface-bright: #342c00;
    --ct-sys-color-surface-container: #1f1900;
    --ct-sys-color-surface-container-high: #261f00;
    --ct-sys-color-surface-container-highest: #2d2600;
    --ct-sys-color-surface-container-low: #181300;
    --ct-sys-color-surface-container-lowest: #000000;
    --ct-sys-color-surface-dim: #120e00;
    --ct-sys-color-surface-tint: #f8ff62;
    --ct-sys-color-surface-variant: #2d2600;
    --ct-sys-color-tertiary: #ffce47;
    --ct-sys-color-tertiary-container: #f2c026;
    --ct-sys-color-tertiary-dim: #f2c026;
    --ct-sys-color-tertiary-fixed: #f2c026;
    --ct-sys-color-tertiary-fixed-dim: #e3b213;
    --ct-sys-color-tertiary-palette-key-color: #ddad07;
    --ct-sys-color-warning: #dab04d;
    --ct-sys-color-warning-container: #9f6600;
  }
  .theme-coulis.theme-dark {
    --ct-sys-color-background: #1d1012;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3d2c2e;
    --ct-sys-color-inverse-primary: #b7184a;
    --ct-sys-color-inverse-surface: #f7dcde;
    --ct-sys-color-neutral-palette-key-color: #877274;
    --ct-sys-color-neutral-variant-palette-key-color: #8d7073;
    --ct-sys-color-on-background: #f7dcde;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #670023;
    --ct-sys-color-on-primary-container: #ffc5cc;
    --ct-sys-color-on-primary-fixed: #400013;
    --ct-sys-color-on-primary-fixed-variant: #910035;
    --ct-sys-color-on-secondary: #5e1226;
    --ct-sys-color-on-secondary-container: #ff9cab;
    --ct-sys-color-on-secondary-fixed: #400013;
    --ct-sys-color-on-secondary-fixed-variant: #7c2a3c;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f7dcde;
    --ct-sys-color-on-surface-variant: #e1bec1;
    --ct-sys-color-on-tertiary: #571e00;
    --ct-sys-color-on-tertiary-container: #ffc8b0;
    --ct-sys-color-on-tertiary-fixed: #351000;
    --ct-sys-color-on-tertiary-fixed-variant: #7c2e00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a8898c;
    --ct-sys-color-outline-variant: #594043;
    --ct-sys-color-primary: #ffb2bc;
    --ct-sys-color-primary-container: #b31447;
    --ct-sys-color-primary-dim: #fc517a;
    --ct-sys-color-primary-fixed: #ffd9dd;
    --ct-sys-color-primary-fixed-dim: #ffb2bc;
    --ct-sys-color-primary-palette-key-color: #da3761;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffb2bc;
    --ct-sys-color-secondary-container: #7f2c3e;
    --ct-sys-color-secondary-dim: #fe90a2;
    --ct-sys-color-secondary-fixed: #ffd9dd;
    --ct-sys-color-secondary-fixed-dim: #ffb2bc;
    --ct-sys-color-secondary-palette-key-color: #b9596a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1d1012;
    --ct-sys-color-surface-bright: #463537;
    --ct-sys-color-surface-container: #2a1c1e;
    --ct-sys-color-surface-container-high: #362628;
    --ct-sys-color-surface-container-highest: #413032;
    --ct-sys-color-surface-container-low: #26181a;
    --ct-sys-color-surface-container-lowest: #170b0c;
    --ct-sys-color-surface-dim: #1d1012;
    --ct-sys-color-surface-tint: #ffb2bc;
    --ct-sys-color-surface-variant: #594043;
    --ct-sys-color-tertiary: #ffb695;
    --ct-sys-color-tertiary-container: #9d3d00;
    --ct-sys-color-tertiary-dim: #fd8448;
    --ct-sys-color-tertiary-fixed: #ffdbcc;
    --ct-sys-color-tertiary-fixed-dim: #ffb695;
    --ct-sys-color-tertiary-palette-key-color: #9d3d00;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-soft.theme-dark {
    --ct-sys-color-background: #14121b;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #312f38;
    --ct-sys-color-inverse-primary: #6341d5;
    --ct-sys-color-inverse-surface: #e6e0ed;
    --ct-sys-color-neutral-palette-key-color: #797580;
    --ct-sys-color-neutral-variant-palette-key-color: #797586;
    --ct-sys-color-on-background: #e6e0ed;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #330099;
    --ct-sys-color-on-primary-container: #1e0062;
    --ct-sys-color-on-primary-fixed: #1d0061;
    --ct-sys-color-on-primary-fixed-variant: #4a21bd;
    --ct-sys-color-on-secondary: #322761;
    --ct-sys-color-on-secondary-container: #b9acf0;
    --ct-sys-color-on-secondary-fixed: #1d0f4c;
    --ct-sys-color-on-secondary-fixed-variant: #493e7a;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #e6e0ed;
    --ct-sys-color-on-surface-variant: #cac4d7;
    --ct-sys-color-on-tertiary: #5e0051;
    --ct-sys-color-on-tertiary-container: #3b0032;
    --ct-sys-color-on-tertiary-fixed: #3a0031;
    --ct-sys-color-on-tertiary-fixed-variant: #850073;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #938ea0;
    --ct-sys-color-outline-variant: #484554;
    --ct-sys-color-primary: #cbbeff;
    --ct-sys-color-primary-container: #967cff;
    --ct-sys-color-primary-dim: #967dff;
    --ct-sys-color-primary-fixed: #e6deff;
    --ct-sys-color-primary-fixed-dim: #cbbeff;
    --ct-sys-color-primary-palette-key-color: #7c5df0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #cbbeff;
    --ct-sys-color-secondary-container: #493e7a;
    --ct-sys-color-secondary-dim: #c0b2f7;
    --ct-sys-color-secondary-fixed: #e6deff;
    --ct-sys-color-secondary-fixed-dim: #cbbeff;
    --ct-sys-color-secondary-palette-key-color: #7a6eae;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #14121b;
    --ct-sys-color-surface-bright: #3a3841;
    --ct-sys-color-surface-container: #201e27;
    --ct-sys-color-surface-container-high: #2b2932;
    --ct-sys-color-surface-container-highest: #36333d;
    --ct-sys-color-surface-container-low: #1c1a23;
    --ct-sys-color-surface-container-lowest: #0f0d15;
    --ct-sys-color-surface-dim: #14121b;
    --ct-sys-color-surface-tint: #cbbeff;
    --ct-sys-color-surface-variant: #484554;
    --ct-sys-color-tertiary: #ffade6;
    --ct-sys-color-tertiary-container: #e05fc4;
    --ct-sys-color-tertiary-dim: #fd77dd;
    --ct-sys-color-tertiary-fixed: #ffd7ef;
    --ct-sys-color-tertiary-fixed-dim: #ffade6;
    --ct-sys-color-tertiary-palette-key-color: #d152b6;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-pill.theme-dark {
    --ct-sys-color-background: #1b110a;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3a2e25;
    --ct-sys-color-inverse-primary: #944b00;
    --ct-sys-color-inverse-surface: #f4ded2;
    --ct-sys-color-neutral-palette-key-color: #857469;
    --ct-sys-color-neutral-variant-palette-key-color: #8a7262;
    --ct-sys-color-on-background: #f4ded2;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #4f2500;
    --ct-sys-color-on-primary-container: #5f2e00;
    --ct-sys-color-on-primary-fixed: #301400;
    --ct-sys-color-on-primary-fixed-variant: #703700;
    --ct-sys-color-on-secondary: #4f2500;
    --ct-sys-color-on-secondary-container: #f1a873;
    --ct-sys-color-on-secondary-fixed: #301400;
    --ct-sys-color-on-secondary-fixed-variant: #6c3a0e;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f4ded2;
    --ct-sys-color-on-surface-variant: #dec1ae;
    --ct-sys-color-on-tertiary: #303300;
    --ct-sys-color-on-tertiary-container: #3b3e00;
    --ct-sys-color-on-tertiary-fixed: #1b1d00;
    --ct-sys-color-on-tertiary-fixed-variant: #464a00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a58c7b;
    --ct-sys-color-outline-variant: #574335;
    --ct-sys-color-primary: #ffb783;
    --ct-sys-color-primary-container: #fe8500;
    --ct-sys-color-primary-dim: #fe8501;
    --ct-sys-color-primary-fixed: #ffdcc5;
    --ct-sys-color-primary-fixed-dim: #ffb783;
    --ct-sys-color-primary-palette-key-color: #fe8500;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffb783;
    --ct-sys-color-secondary-container: #6f3c10;
    --ct-sys-color-secondary-dim: #feb37e;
    --ct-sys-color-secondary-fixed: #ffdcc5;
    --ct-sys-color-secondary-fixed-dim: #ffb783;
    --ct-sys-color-secondary-palette-key-color: #a6693a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1b110a;
    --ct-sys-color-surface-bright: #44372e;
    --ct-sys-color-surface-container: #291d15;
    --ct-sys-color-surface-container-high: #34271f;
    --ct-sys-color-surface-container-highest: #3f322a;
    --ct-sys-color-surface-container-low: #241912;
    --ct-sys-color-surface-container-lowest: #160c06;
    --ct-sys-color-surface-dim: #1b110a;
    --ct-sys-color-surface-tint: #ffb783;
    --ct-sys-color-surface-variant: #574335;
    --ct-sys-color-tertiary: #c6cf32;
    --ct-sys-color-tertiary-container: #a5ad00;
    --ct-sys-color-tertiary-dim: #f1fa5b;
    --ct-sys-color-tertiary-fixed: #e2eb4e;
    --ct-sys-color-tertiary-fixed-dim: #c6cf32;
    --ct-sys-color-tertiary-palette-key-color: #a5ad00;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-tight.theme-dark {
    --ct-sys-color-background: #1c1011;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #3c2d2d;
    --ct-sys-color-inverse-primary: #b02a40;
    --ct-sys-color-inverse-surface: #f5dddd;
    --ct-sys-color-neutral-palette-key-color: #867273;
    --ct-sys-color-neutral-variant-palette-key-color: #8c7071;
    --ct-sys-color-on-background: #f5dddd;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #68001a;
    --ct-sys-color-on-primary-container: #41000d;
    --ct-sys-color-on-primary-fixed: #40000d;
    --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
    --ct-sys-color-on-secondary: #581b22;
    --ct-sys-color-on-secondary-container: #fb9fa4;
    --ct-sys-color-on-secondary-fixed: #3c060f;
    --ct-sys-color-on-secondary-fixed-variant: #743137;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #f5dddd;
    --ct-sys-color-on-surface-variant: #e0bfbf;
    --ct-sys-color-on-tertiary: #4c2700;
    --ct-sys-color-on-tertiary-container: #2f1600;
    --ct-sys-color-on-tertiary-fixed: #2e1500;
    --ct-sys-color-on-tertiary-fixed-variant: #6c3a00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #a78a8a;
    --ct-sys-color-outline-variant: #584142;
    --ct-sys-color-primary: #ffb3b6;
    --ct-sys-color-primary-container: #f45d6e;
    --ct-sys-color-primary-dim: #fe6475;
    --ct-sys-color-primary-fixed: #ffdada;
    --ct-sys-color-primary-fixed-dim: #ffb3b6;
    --ct-sys-color-primary-palette-key-color: #d24356;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ffb3b6;
    --ct-sys-color-secondary-container: #77333a;
    --ct-sys-color-secondary-dim: #ffa2a7;
    --ct-sys-color-secondary-fixed: #ffdada;
    --ct-sys-color-secondary-fixed-dim: #ffb3b6;
    --ct-sys-color-secondary-palette-key-color: #af6065;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #1c1011;
    --ct-sys-color-surface-bright: #453536;
    --ct-sys-color-surface-container: #2a1c1d;
    --ct-sys-color-surface-container-high: #352627;
    --ct-sys-color-surface-container-highest: #403131;
    --ct-sys-color-surface-container-low: #251819;
    --ct-sys-color-surface-container-lowest: #170b0c;
    --ct-sys-color-surface-dim: #1c1011;
    --ct-sys-color-surface-tint: #ffb3b6;
    --ct-sys-color-surface-variant: #584142;
    --ct-sys-color-tertiary: #ffb779;
    --ct-sys-color-tertiary-container: #d57a14;
    --ct-sys-color-tertiary-dim: #f59431;
    --ct-sys-color-tertiary-fixed: #ffdcc1;
    --ct-sys-color-tertiary-fixed-dim: #ffb779;
    --ct-sys-color-tertiary-palette-key-color: #c56e00;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-scoop.theme-dark {
    --ct-sys-color-background: #161309;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #343024;
    --ct-sys-color-inverse-primary: #715c00;
    --ct-sys-color-inverse-surface: #eae2d0;
    --ct-sys-color-neutral-palette-key-color: #7d7768;
    --ct-sys-color-neutral-variant-palette-key-color: #7f7760;
    --ct-sys-color-on-background: #eae2d0;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #3b2f00;
    --ct-sys-color-on-primary-container: #6e5900;
    --ct-sys-color-on-primary-fixed: #231b00;
    --ct-sys-color-on-primary-fixed-variant: #564500;
    --ct-sys-color-on-secondary: #3b2f00;
    --ct-sys-color-on-secondary-container: #cab46a;
    --ct-sys-color-on-secondary-fixed: #231b00;
    --ct-sys-color-on-secondary-fixed-variant: #554503;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #eae2d0;
    --ct-sys-color-on-surface-variant: #d0c6ab;
    --ct-sys-color-on-tertiary: #283500;
    --ct-sys-color-on-tertiary-container: #4d6300;
    --ct-sys-color-on-tertiary-fixed: #161f00;
    --ct-sys-color-on-tertiary-fixed-variant: #3c4d00;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #999078;
    --ct-sys-color-outline-variant: #4d4632;
    --ct-sys-color-primary: #fff0c6;
    --ct-sys-color-primary-container: #fcd000;
    --ct-sys-color-primary-dim: #fcd001;
    --ct-sys-color-primary-fixed: #ffe17b;
    --ct-sys-color-primary-fixed-dim: #ecc300;
    --ct-sys-color-primary-palette-key-color: #fcd000;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #ddc579;
    --ct-sys-color-secondary-container: #554503;
    --ct-sys-color-secondary-dim: #fae192;
    --ct-sys-color-secondary-fixed: #fae192;
    --ct-sys-color-secondary-fixed-dim: #ddc579;
    --ct-sys-color-secondary-palette-key-color: #897633;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #161309;
    --ct-sys-color-surface-bright: #3d392c;
    --ct-sys-color-surface-container: #231f14;
    --ct-sys-color-surface-container-high: #2e2a1e;
    --ct-sys-color-surface-container-highest: #393428;
    --ct-sys-color-surface-container-low: #1f1b10;
    --ct-sys-color-surface-container-lowest: #110e05;
    --ct-sys-color-surface-dim: #161309;
    --ct-sys-color-surface-tint: #ecc300;
    --ct-sys-color-surface-variant: #4d4632;
    --ct-sys-color-tertiary: #d9ff6a;
    --ct-sys-color-tertiary-container: #bde24e;
    --ct-sys-color-tertiary-dim: #d6fd65;
    --ct-sys-color-tertiary-fixed: #cbf15b;
    --ct-sys-color-tertiary-fixed-dim: #b0d441;
    --ct-sys-color-tertiary-palette-key-color: #bde24e;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-flat.theme-dark {
    --ct-sys-color-background: #0d1512;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #2a322f;
    --ct-sys-color-inverse-primary: #006b56;
    --ct-sys-color-inverse-surface: #dbe5df;
    --ct-sys-color-neutral-palette-key-color: #707975;
    --ct-sys-color-neutral-variant-palette-key-color: #6a7b74;
    --ct-sys-color-on-background: #dbe5df;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #00382b;
    --ct-sys-color-on-primary-container: #006853;
    --ct-sys-color-on-primary-fixed: #002018;
    --ct-sys-color-on-primary-fixed-variant: #005140;
    --ct-sys-color-on-secondary: #00382b;
    --ct-sys-color-on-secondary-container: #86c5b0;
    --ct-sys-color-on-secondary-fixed: #002018;
    --ct-sys-color-on-secondary-fixed-variant: #095040;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #dbe5df;
    --ct-sys-color-on-surface-variant: #b9cac3;
    --ct-sys-color-on-tertiary: #133251;
    --ct-sys-color-on-tertiary-container: #425d80;
    --ct-sys-color-on-tertiary-fixed: #001c37;
    --ct-sys-color-on-tertiary-fixed-variant: #2c4869;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #84948d;
    --ct-sys-color-outline-variant: #3a4a44;
    --ct-sys-color-primary: #bbffe7;
    --ct-sys-color-primary-container: #00f0c3;
    --ct-sys-color-primary-dim: #10f3c5;
    --ct-sys-color-primary-fixed: #32fed0;
    --ct-sys-color-primary-fixed-dim: #00e0b6;
    --ct-sys-color-primary-palette-key-color: #00f0c3;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #94d3be;
    --ct-sys-color-secondary-container: #0e5343;
    --ct-sys-color-secondary-dim: #b0f0d9;
    --ct-sys-color-secondary-fixed: #b0f0d9;
    --ct-sys-color-secondary-fixed-dim: #94d3be;
    --ct-sys-color-secondary-palette-key-color: #458270;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #0d1512;
    --ct-sys-color-surface-bright: #323b37;
    --ct-sys-color-surface-container: #19211e;
    --ct-sys-color-surface-container-high: #232c28;
    --ct-sys-color-surface-container-highest: #2e3733;
    --ct-sys-color-surface-container-low: #151d1a;
    --ct-sys-color-surface-container-lowest: #08100d;
    --ct-sys-color-surface-dim: #0d1512;
    --ct-sys-color-surface-tint: #00e0b6;
    --ct-sys-color-surface-variant: #3a4a44;
    --ct-sys-color-tertiary: #ebf1ff;
    --ct-sys-color-tertiary-container: #bbd7ff;
    --ct-sys-color-tertiary-dim: #bad6fe;
    --ct-sys-color-tertiary-fixed: #d2e4ff;
    --ct-sys-color-tertiary-fixed-dim: #adc9f0;
    --ct-sys-color-tertiary-palette-key-color: #bbd7ff;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  .theme-deep.theme-dark {
    --ct-sys-color-background: #191117;
    --ct-sys-color-error: #ffb4ab;
    --ct-sys-color-error-container: #93000a;
    --ct-sys-color-error-dim: #ff554a;
    --ct-sys-color-information: #a4cbee;
    --ct-sys-color-information-container: #004b72;
    --ct-sys-color-inverse-on-surface: #372d35;
    --ct-sys-color-inverse-primary: #9e2a9a;
    --ct-sys-color-inverse-surface: #efdee8;
    --ct-sys-color-neutral-palette-key-color: #80737c;
    --ct-sys-color-neutral-variant-palette-key-color: #85727f;
    --ct-sys-color-on-background: #efdee8;
    --ct-sys-color-on-error: #690005;
    --ct-sys-color-on-error-container: #ffdad6;
    --ct-sys-color-on-information: #003451;
    --ct-sys-color-on-information-container: #d7e4f2;
    --ct-sys-color-on-primary: #5b005a;
    --ct-sys-color-on-primary-container: #390038;
    --ct-sys-color-on-primary-fixed: #380037;
    --ct-sys-color-on-primary-fixed-variant: #810180;
    --ct-sys-color-on-secondary: #4e1d4a;
    --ct-sys-color-on-secondary-container: #e5a4d9;
    --ct-sys-color-on-secondary-fixed: #350634;
    --ct-sys-color-on-secondary-fixed-variant: #673462;
    --ct-sys-color-on-success: #00391a;
    --ct-sys-color-on-success-container: #d6e7d5;
    --ct-sys-color-on-surface: #efdee8;
    --ct-sys-color-on-surface-variant: #d7c0cf;
    --ct-sys-color-on-tertiary: #67001b;
    --ct-sys-color-on-tertiary-container: #41000e;
    --ct-sys-color-on-tertiary-fixed: #40000d;
    --ct-sys-color-on-tertiary-fixed-variant: #8f0c2c;
    --ct-sys-color-on-warning: #3f2e00;
    --ct-sys-color-on-warning-container: #f2e0c2;
    --ct-sys-color-outline: #9f8b99;
    --ct-sys-color-outline-variant: #52424e;
    --ct-sys-color-primary: #ffabf2;
    --ct-sys-color-primary-container: #da61d1;
    --ct-sys-color-primary-dim: #f97cee;
    --ct-sys-color-primary-fixed: #ffd7f5;
    --ct-sys-color-primary-fixed-dim: #ffabf2;
    --ct-sys-color-primary-palette-key-color: #bc46b5;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #f4b1e8;
    --ct-sys-color-secondary-container: #6a3665;
    --ct-sys-color-secondary-dim: #f7b4eb;
    --ct-sys-color-secondary-fixed: #ffd7f5;
    --ct-sys-color-secondary-fixed-dim: #f4b1e8;
    --ct-sys-color-secondary-palette-key-color: #9d6495;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #a3d2ac;
    --ct-sys-color-success-container: #005229;
    --ct-sys-color-surface: #191117;
    --ct-sys-color-surface-bright: #41363e;
    --ct-sys-color-surface-container: #261d24;
    --ct-sys-color-surface-container-high: #31272e;
    --ct-sys-color-surface-container-highest: #3c3239;
    --ct-sys-color-surface-container-low: #221920;
    --ct-sys-color-surface-container-lowest: #140c12;
    --ct-sys-color-surface-dim: #191117;
    --ct-sys-color-surface-tint: #ffabf2;
    --ct-sys-color-surface-variant: #52424e;
    --ct-sys-color-tertiary: #ffb2b7;
    --ct-sys-color-tertiary-container: #f45d70;
    --ct-sys-color-tertiary-dim: #fe6477;
    --ct-sys-color-tertiary-fixed: #ffdadb;
    --ct-sys-color-tertiary-fixed-dim: #ffb2b7;
    --ct-sys-color-tertiary-palette-key-color: #e35064;
    --ct-sys-color-warning: #e3c37e;
    --ct-sys-color-warning-container: #643f00;
  }
  :root.theme-light, .theme-site.theme-light {
    --ct-sys-color-background: #ffffff;
    --ct-sys-color-error: #ac3434;
    --ct-sys-color-error-container: #f56965;
    --ct-sys-color-error-dim: #70030f;
    --ct-sys-color-information: #006593;
    --ct-sys-color-information-container: #009fe4;
    --ct-sys-color-inverse-on-surface: #8f9eb4;
    --ct-sys-color-inverse-primary: #76b4fd;
    --ct-sys-color-inverse-surface: #010f1f;
    --ct-sys-color-neutral-palette-key-color: #6a788d;
    --ct-sys-color-neutral-variant-palette-key-color: #477ab3;
    --ct-sys-color-on-background: #143454;
    --ct-sys-color-on-error: #fff7f6;
    --ct-sys-color-on-error-container: #65000b;
    --ct-sys-color-on-information: #fbf8f9;
    --ct-sys-color-on-information-container: #00324c;
    --ct-sys-color-on-primary: #f7f9ff;
    --ct-sys-color-on-primary-container: #003e6e;
    --ct-sys-color-on-primary-fixed: #00294b;
    --ct-sys-color-on-primary-fixed-variant: #00477c;
    --ct-sys-color-on-secondary: #e7ffeb;
    --ct-sys-color-on-secondary-container: #3d6049;
    --ct-sys-color-on-secondary-fixed: #2b4d38;
    --ct-sys-color-on-secondary-fixed-variant: #476a53;
    --ct-sys-color-on-success: #fbf8f6;
    --ct-sys-color-on-success-container: #003715;
    --ct-sys-color-on-surface: #143454;
    --ct-sys-color-on-surface-variant: #446184;
    --ct-sys-color-on-tertiary: #e8ffe8;
    --ct-sys-color-on-tertiary-container: #006531;
    --ct-sys-color-on-tertiary-fixed: #005026;
    --ct-sys-color-on-tertiary-fixed-variant: #0b7039;
    --ct-sys-color-on-warning: #fdf8f4;
    --ct-sys-color-on-warning-container: #3d2c00;
    --ct-sys-color-outline: #607da1;
    --ct-sys-color-outline-variant: #97b4db;
    --ct-sys-color-primary: #0d61a5;
    --ct-sys-color-primary-container: #95c4ff;
    --ct-sys-color-primary-dim: #005593;
    --ct-sys-color-primary-fixed: #95c4ff;
    --ct-sys-color-primary-fixed-dim: #79b7ff;
    --ct-sys-color-primary-palette-key-color: #357abf;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #436750;
    --ct-sys-color-secondary-container: #d0f8da;
    --ct-sys-color-secondary-dim: #385a44;
    --ct-sys-color-secondary-fixed: #d0f8da;
    --ct-sys-color-secondary-fixed-dim: #c2e9cc;
    --ct-sys-color-secondary-palette-key-color: #5b7f67;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006e32;
    --ct-sys-color-success-container: #1eac54;
    --ct-sys-color-surface: #f8f9ff;
    --ct-sys-color-surface-bright: #f8f9ff;
    --ct-sys-color-surface-container: #e5eeff;
    --ct-sys-color-surface-container-high: #dce9ff;
    --ct-sys-color-surface-container-highest: #d2e4ff;
    --ct-sys-color-surface-container-low: #eff4ff;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #c3dcff;
    --ct-sys-color-surface-tint: #0d61a5;
    --ct-sys-color-surface-variant: #d2e4ff;
    --ct-sys-color-tertiary: #076e37;
    --ct-sys-color-tertiary-container: #a5ffb9;
    --ct-sys-color-tertiary-dim: #00602f;
    --ct-sys-color-tertiary-fixed: #a5ffb9;
    --ct-sys-color-tertiary-fixed-dim: #97f0ac;
    --ct-sys-color-tertiary-palette-key-color: #2e874e;
    --ct-sys-color-warning: #855500;
    --ct-sys-color-warning-container: #bd8f00;
  }
  .theme-hero.theme-light {
    --ct-sys-color-background: #ffffff;
    --ct-sys-color-error: #ac3434;
    --ct-sys-color-error-container: #f56965;
    --ct-sys-color-error-dim: #70030f;
    --ct-sys-color-information: #006593;
    --ct-sys-color-information-container: #009fe4;
    --ct-sys-color-inverse-on-surface: #86a395;
    --ct-sys-color-inverse-primary: #98fdc1;
    --ct-sys-color-inverse-surface: #00120a;
    --ct-sys-color-neutral-palette-key-color: #617d70;
    --ct-sys-color-neutral-variant-palette-key-color: #238667;
    --ct-sys-color-on-background: #003a2a;
    --ct-sys-color-on-error: #fff7f6;
    --ct-sys-color-on-error-container: #65000b;
    --ct-sys-color-on-information: #fbf8f9;
    --ct-sys-color-on-information-container: #00324c;
    --ct-sys-color-on-primary: #e7ffec;
    --ct-sys-color-on-primary-container: #005e38;
    --ct-sys-color-on-primary-fixed: #00492b;
    --ct-sys-color-on-primary-fixed-variant: #006940;
    --ct-sys-color-on-secondary: #fff7f4;
    --ct-sys-color-on-secondary-container: #6e4a2a;
    --ct-sys-color-on-secondary-fixed: #593819;
    --ct-sys-color-on-secondary-fixed-variant: #795332;
    --ct-sys-color-on-success: #fbf8f6;
    --ct-sys-color-on-success-container: #003715;
    --ct-sys-color-on-surface: #003a2a;
    --ct-sys-color-on-surface-variant: #346955;
    --ct-sys-color-on-tertiary: #fff7f4;
    --ct-sys-color-on-tertiary-container: #582a00;
    --ct-sys-color-on-tertiary-fixed: #371800;
    --ct-sys-color-on-tertiary-fixed-variant: #653100;
    --ct-sys-color-on-warning: #fdf8f4;
    --ct-sys-color-on-warning-container: #3d2c00;
    --ct-sys-color-outline: #508570;
    --ct-sys-color-outline-variant: #87bda6;
    --ct-sys-color-primary: #006d42;
    --ct-sys-color-primary-container: #93f7bb;
    --ct-sys-color-primary-dim: #006039;
    --ct-sys-color-primary-fixed: #93f7bb;
    --ct-sys-color-primary-fixed-dim: #85e8ae;
    --ct-sys-color-primary-palette-key-color: #1a8856;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #7d5735;
    --ct-sys-color-secondary-container: #ffdcc1;
    --ct-sys-color-secondary-dim: #704b2b;
    --ct-sys-color-secondary-fixed: #ffdcc1;
    --ct-sys-color-secondary-fixed-dim: #fecaa1;
    --ct-sys-color-secondary-palette-key-color: #986e4b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006e32;
    --ct-sys-color-success-container: #1eac54;
    --ct-sys-color-surface: #e7fff2;
    --ct-sys-color-surface-bright: #e7fff2;
    --ct-sys-color-surface-container: #ccf8e3;
    --ct-sys-color-surface-container-high: #c1f3dc;
    --ct-sys-color-surface-container-highest: #b6efd5;
    --ct-sys-color-surface-container-low: #d7fcea;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #a8e7cc;
    --ct-sys-color-surface-tint: #006d42;
    --ct-sys-color-surface-variant: #b6efd5;
    --ct-sys-color-tertiary: #954b00;
    --ct-sys-color-tertiary-container: #ffa35c;
    --ct-sys-color-tertiary-dim: #834100;
    --ct-sys-color-tertiary-fixed: #ffa35c;
    --ct-sys-color-tertiary-fixed-dim: #f2954b;
    --ct-sys-color-tertiary-palette-key-color: #b3621c;
    --ct-sys-color-warning: #855500;
    --ct-sys-color-warning-container: #bd8f00;
  }
  .theme-tidal.theme-light {
    --ct-sys-color-background: #fff7f9;
    --ct-sys-color-error: #ac3149;
    --ct-sys-color-error-container: #f76a80;
    --ct-sys-color-error-dim: #770326;
    --ct-sys-color-information: #006788;
    --ct-sys-color-information-container: #00a4d8;
    --ct-sys-color-inverse-on-surface: #b195aa;
    --ct-sys-color-inverse-primary: #fba8f1;
    --ct-sys-color-inverse-surface: #190818;
    --ct-sys-color-neutral-palette-key-color: #896f84;
    --ct-sys-color-neutral-variant-palette-key-color: #9f6299;
    --ct-sys-color-on-background: #492646;
    --ct-sys-color-on-error: #fff7f7;
    --ct-sys-color-on-error-container: #68001f;
    --ct-sys-color-on-information: #faf8f9;
    --ct-sys-color-on-information-container: #003549;
    --ct-sys-color-on-primary: #fff7f9;
    --ct-sys-color-on-primary-container: #652363;
    --ct-sys-color-on-primary-fixed: #4c0a4d;
    --ct-sys-color-on-primary-fixed-variant: #6f2d6d;
    --ct-sys-color-on-secondary: #e4fff3;
    --ct-sys-color-on-secondary-container: #386254;
    --ct-sys-color-on-secondary-fixed: #254f42;
    --ct-sys-color-on-secondary-fixed-variant: #426c5e;
    --ct-sys-color-on-success: #fbf8f5;
    --ct-sys-color-on-success-container: #003a00;
    --ct-sys-color-on-surface: #492646;
    --ct-sys-color-on-surface-variant: #795275;
    --ct-sys-color-on-tertiary: #e5fff0;
    --ct-sys-color-on-tertiary-container: #006147;
    --ct-sys-color-on-tertiary-fixed: #004d37;
    --ct-sys-color-on-tertiary-fixed-variant: #006d4f;
    --ct-sys-color-on-warning: #fef8f3;
    --ct-sys-color-on-warning-container: #402e00;
    --ct-sys-color-outline: #976d91;
    --ct-sys-color-outline-variant: #d2a3ca;
    --ct-sys-color-primary: #8a4586;
    --ct-sys-color-primary-container: #fba8f1;
    --ct-sys-color-primary-dim: #7d3979;
    --ct-sys-color-primary-fixed: #fba8f1;
    --ct-sys-color-primary-fixed-dim: #ec9be3;
    --ct-sys-color-primary-palette-key-color: #a65da0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #3d6759;
    --ct-sys-color-secondary-container: #cdfbe8;
    --ct-sys-color-secondary-dim: #315b4d;
    --ct-sys-color-secondary-fixed: #cdfbe8;
    --ct-sys-color-secondary-fixed-dim: #bfecda;
    --ct-sys-color-secondary-palette-key-color: #557f70;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #086f03;
    --ct-sys-color-success-container: #52ac40;
    --ct-sys-color-surface: #fff7f9;
    --ct-sys-color-surface-bright: #fff7f9;
    --ct-sys-color-surface-container: #ffe7f8;
    --ct-sys-color-surface-container-high: #ffdff7;
    --ct-sys-color-surface-container-highest: #ffd7f6;
    --ct-sys-color-surface-container-low: #ffeff8;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #ffcaf5;
    --ct-sys-color-surface-tint: #8a4586;
    --ct-sys-color-surface-variant: #ffd7f6;
    --ct-sys-color-tertiary: #006d4f;
    --ct-sys-color-tertiary-container: #8cfed0;
    --ct-sys-color-tertiary-dim: #005f45;
    --ct-sys-color-tertiary-fixed: #8cfed0;
    --ct-sys-color-tertiary-fixed-dim: #7defc2;
    --ct-sys-color-tertiary-palette-key-color: #08966f;
    --ct-sys-color-warning: #855500;
    --ct-sys-color-warning-container: #c09200;
  }
  .theme-botanical.theme-light {
    --ct-sys-color-background: #f3fcf3;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #eaf3ea;
    --ct-sys-color-inverse-primary: #ffb4a8;
    --ct-sys-color-inverse-surface: #2a322d;
    --ct-sys-color-neutral-palette-key-color: #707972;
    --ct-sys-color-neutral-variant-palette-key-color: #6c7b70;
    --ct-sys-color-on-background: #151d18;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #763127;
    --ct-sys-color-on-primary-fixed: #3d0603;
    --ct-sys-color-on-primary-fixed-variant: #763127;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #274e3d;
    --ct-sys-color-on-secondary-fixed: #002115;
    --ct-sys-color-on-secondary-fixed-variant: #274e3d;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #151d18;
    --ct-sys-color-on-surface-variant: #3c4a41;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #00504d;
    --ct-sys-color-on-tertiary-fixed: #00201f;
    --ct-sys-color-on-tertiary-fixed-variant: #00504d;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #6b7b70;
    --ct-sys-color-outline-variant: #bacbbe;
    --ct-sys-color-primary: #94483c;
    --ct-sys-color-primary-container: #ffdad4;
    --ct-sys-color-primary-dim: #853c32;
    --ct-sys-color-primary-fixed: #ffdad4;
    --ct-sys-color-primary-fixed-dim: #ffb4a8;
    --ct-sys-color-primary-palette-key-color: #b26053;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #3f6654;
    --ct-sys-color-secondary-container: #c1ecd5;
    --ct-sys-color-secondary-dim: #335a49;
    --ct-sys-color-secondary-fixed: #c1ecd5;
    --ct-sys-color-secondary-fixed-dim: #a5d0ba;
    --ct-sys-color-secondary-palette-key-color: #577f6c;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #f3fcf3;
    --ct-sys-color-surface-bright: #f3fcf3;
    --ct-sys-color-surface-container: #e7f0e8;
    --ct-sys-color-surface-container-high: #e2eae2;
    --ct-sys-color-surface-container-highest: #dce5dc;
    --ct-sys-color-surface-container-low: #edf6ed;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #d3dcd4;
    --ct-sys-color-surface-tint: #94483c;
    --ct-sys-color-surface-variant: #d6e7da;
    --ct-sys-color-tertiary: #1b6965;
    --ct-sys-color-tertiary-container: #a8f0eb;
    --ct-sys-color-tertiary-dim: #025d59;
    --ct-sys-color-tertiary-fixed: #a8f0eb;
    --ct-sys-color-tertiary-fixed-dim: #8cd3ce;
    --ct-sys-color-tertiary-palette-key-color: #3a827e;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-neon.theme-light {
    --ct-sys-color-background: #fef7ff;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #f6eefd;
    --ct-sys-color-inverse-primary: #d4bbff;
    --ct-sys-color-inverse-surface: #332e39;
    --ct-sys-color-neutral-palette-key-color: #7b7582;
    --ct-sys-color-neutral-variant-palette-key-color: #7b7484;
    --ct-sys-color-on-background: #1e1a24;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #5c00c3;
    --ct-sys-color-on-primary-fixed: #260058;
    --ct-sys-color-on-primary-fixed-variant: #5c00c3;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #533f5f;
    --ct-sys-color-on-secondary-fixed: #251431;
    --ct-sys-color-on-secondary-fixed-variant: #533f5f;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #1e1a24;
    --ct-sys-color-on-surface-variant: #4a4453;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #5f3962;
    --ct-sys-color-on-tertiary-fixed: #2f0d33;
    --ct-sys-color-on-tertiary-fixed-variant: #5f3962;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #7b7484;
    --ct-sys-color-outline-variant: #ccc3d5;
    --ct-sys-color-primary: #7a00fd;
    --ct-sys-color-primary-container: #ebdcff;
    --ct-sys-color-primary-dim: #6b00e0;
    --ct-sys-color-primary-fixed: #ebdcff;
    --ct-sys-color-primary-fixed-dim: #d4bbff;
    --ct-sys-color-primary-palette-key-color: #7a00fd;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #6c5778;
    --ct-sys-color-secondary-container: #f4daff;
    --ct-sys-color-secondary-dim: #5f4b6b;
    --ct-sys-color-secondary-fixed: #f4daff;
    --ct-sys-color-secondary-fixed-dim: #d7bde4;
    --ct-sys-color-secondary-palette-key-color: #856f91;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fef7ff;
    --ct-sys-color-surface-bright: #fef7ff;
    --ct-sys-color-surface-container: #f4ebfa;
    --ct-sys-color-surface-container-high: #eee5f4;
    --ct-sys-color-surface-container-highest: #e8dfee;
    --ct-sys-color-surface-container-low: #f9f0ff;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #dfd7e6;
    --ct-sys-color-surface-tint: #7a00fd;
    --ct-sys-color-surface-variant: #e9dff1;
    --ct-sys-color-tertiary: #78517b;
    --ct-sys-color-tertiary-container: #ffd6fd;
    --ct-sys-color-tertiary-dim: #6b456e;
    --ct-sys-color-tertiary-fixed: #ffd6fd;
    --ct-sys-color-tertiary-fixed-dim: #e8b7e7;
    --ct-sys-color-tertiary-palette-key-color: #936995;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-heritage.theme-light {
    --ct-sys-color-background: #f9f9fe;
    --ct-sys-color-error: #a83836;
    --ct-sys-color-error-container: #fa746f;
    --ct-sys-color-error-dim: #67040d;
    --ct-sys-color-information: #006594;
    --ct-sys-color-information-container: #00a7f0;
    --ct-sys-color-inverse-on-surface: #9c9da1;
    --ct-sys-color-inverse-primary: #b0d1ff;
    --ct-sys-color-inverse-surface: #0c0e12;
    --ct-sys-color-neutral-palette-key-color: #75777b;
    --ct-sys-color-neutral-variant-palette-key-color: #737780;
    --ct-sys-color-on-background: #2e333a;
    --ct-sys-color-on-error: #fff7f6;
    --ct-sys-color-on-error-container: #6e0a12;
    --ct-sys-color-on-information: #fbf8f9;
    --ct-sys-color-on-information-container: #003955;
    --ct-sys-color-on-primary: #f7f9ff;
    --ct-sys-color-on-primary-container: #25476e;
    --ct-sys-color-on-primary-fixed: #0c3459;
    --ct-sys-color-on-primary-fixed-variant: #2f5077;
    --ct-sys-color-on-secondary: #f7f9ff;
    --ct-sys-color-on-secondary-container: #475363;
    --ct-sys-color-on-secondary-fixed: #354050;
    --ct-sys-color-on-secondary-fixed-variant: #515c6d;
    --ct-sys-color-on-success: #fbf8f6;
    --ct-sys-color-on-success-container: #003f19;
    --ct-sys-color-on-surface: #2e333a;
    --ct-sys-color-on-surface-variant: #5b5f67;
    --ct-sys-color-on-tertiary: #fdf7ff;
    --ct-sys-color-on-tertiary-container: #484068;
    --ct-sys-color-on-tertiary-fixed: #352c53;
    --ct-sys-color-on-tertiary-fixed-variant: #524972;
    --ct-sys-color-on-warning: #fdf8f4;
    --ct-sys-color-on-warning-container: #453200;
    --ct-sys-color-outline: #767b83;
    --ct-sys-color-outline-variant: #aeb2bb;
    --ct-sys-color-primary: #406189;
    --ct-sys-color-primary-container: #b0d1ff;
    --ct-sys-color-primary-dim: #34557c;
    --ct-sys-color-primary-fixed: #b0d1ff;
    --ct-sys-color-primary-fixed-dim: #a3c3f1;
    --ct-sys-color-primary-palette-key-color: #5979a2;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #546071;
    --ct-sys-color-secondary-container: #d7e3f8;
    --ct-sys-color-secondary-dim: #485465;
    --ct-sys-color-secondary-fixed: #d7e3f8;
    --ct-sys-color-secondary-fixed-dim: #c9d5e9;
    --ct-sys-color-secondary-palette-key-color: #6c788a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006e32;
    --ct-sys-color-success-container: #3cb360;
    --ct-sys-color-surface: #f9f9fe;
    --ct-sys-color-surface-bright: #f9f9fe;
    --ct-sys-color-surface-container: #ebeef5;
    --ct-sys-color-surface-container-high: #e5e8f0;
    --ct-sys-color-surface-container-highest: #dfe2ec;
    --ct-sys-color-surface-container-low: #f2f3fa;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #d6dae4;
    --ct-sys-color-surface-tint: #406189;
    --ct-sys-color-surface-variant: #dfe2ec;
    --ct-sys-color-tertiary: #625983;
    --ct-sys-color-tertiary-container: #d4c8f9;
    --ct-sys-color-tertiary-dim: #564d77;
    --ct-sys-color-tertiary-fixed: #d4c8f9;
    --ct-sys-color-tertiary-fixed-dim: #c6baeb;
    --ct-sys-color-tertiary-palette-key-color: #7b719d;
    --ct-sys-color-warning: #855500;
    --ct-sys-color-warning-container: #c69600;
  }
  .theme-artisan.theme-light {
    --ct-sys-color-background: #fff8f7;
    --ct-sys-color-error: #9f403d;
    --ct-sys-color-error-container: #fe8983;
    --ct-sys-color-error-dim: #4e0309;
    --ct-sys-color-information: #006593;
    --ct-sys-color-information-container: #50b4f3;
    --ct-sys-color-inverse-on-surface: #a19c9c;
    --ct-sys-color-inverse-primary: #fce6e9;
    --ct-sys-color-inverse-surface: #100e0e;
    --ct-sys-color-neutral-palette-key-color: #7a7676;
    --ct-sys-color-neutral-variant-palette-key-color: #7d7576;
    --ct-sys-color-on-background: #363132;
    --ct-sys-color-on-error: #fff7f6;
    --ct-sys-color-on-error-container: #752121;
    --ct-sys-color-on-information: #fbf8f9;
    --ct-sys-color-on-information-container: #004364;
    --ct-sys-color-on-primary: #fff5f6;
    --ct-sys-color-on-primary-container: #5d4e50;
    --ct-sys-color-on-primary-fixed: #4a3c3e;
    --ct-sys-color-on-primary-fixed-variant: #67585a;
    --ct-sys-color-on-secondary: #fff7f7;
    --ct-sys-color-on-secondary-container: #585051;
    --ct-sys-color-on-secondary-fixed: #453d3e;
    --ct-sys-color-on-secondary-fixed-variant: #62595a;
    --ct-sys-color-on-success: #fbf8f6;
    --ct-sys-color-on-success-container: #004a1f;
    --ct-sys-color-on-surface: #363132;
    --ct-sys-color-on-surface-variant: #645d5e;
    --ct-sys-color-on-tertiary: #fff7f9;
    --ct-sys-color-on-tertiary-container: #634a60;
    --ct-sys-color-on-tertiary-fixed: #50384d;
    --ct-sys-color-on-tertiary-fixed-variant: #6e536a;
    --ct-sys-color-on-warning: #fdf8f4;
    --ct-sys-color-on-warning-container: #513c00;
    --ct-sys-color-outline: #807979;
    --ct-sys-color-outline-variant: #b9b0b0;
    --ct-sys-color-primary: #6a5a5d;
    --ct-sys-color-primary-container: #f3dde0;
    --ct-sys-color-primary-dim: #5e4f51;
    --ct-sys-color-primary-fixed: #f3dde0;
    --ct-sys-color-primary-fixed-dim: #e4cfd2;
    --ct-sys-color-primary-palette-key-color: #847376;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #655d5e;
    --ct-sys-color-secondary-container: #ece0e0;
    --ct-sys-color-secondary-dim: #595152;
    --ct-sys-color-secondary-fixed: #ece0e0;
    --ct-sys-color-secondary-fixed-dim: #ddd2d2;
    --ct-sys-color-secondary-palette-key-color: #7e7576;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #046e32;
    --ct-sys-color-success-container: #64bd78;
    --ct-sys-color-surface: #fff8f7;
    --ct-sys-color-surface-bright: #fff8f7;
    --ct-sys-color-surface-container: #f4ecec;
    --ct-sys-color-surface-container-high: #efe6e6;
    --ct-sys-color-surface-container-highest: #eae0e1;
    --ct-sys-color-surface-container-low: #faf2f2;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #e2d7d8;
    --ct-sys-color-surface-tint: #6a5a5d;
    --ct-sys-color-surface-variant: #eae0e1;
    --ct-sys-color-tertiary: #71576d;
    --ct-sys-color-tertiary-container: #fbd8f3;
    --ct-sys-color-tertiary-dim: #654b61;
    --ct-sys-color-tertiary-fixed: #fbd8f3;
    --ct-sys-color-tertiary-fixed-dim: #eccae5;
    --ct-sys-color-tertiary-palette-key-color: #8b6e86;
    --ct-sys-color-warning: #855400;
    --ct-sys-color-warning-container: #d4a424;
  }
  .theme-minimal.theme-light {
    --ct-sys-color-background: #fcf8f9;
    --ct-sys-color-error: #9f403d;
    --ct-sys-color-error-container: #fe8983;
    --ct-sys-color-error-dim: #4e0309;
    --ct-sys-color-information: #006593;
    --ct-sys-color-information-container: #50b4f3;
    --ct-sys-color-inverse-on-surface: #9e9c9d;
    --ct-sys-color-inverse-primary: #e2e8f8;
    --ct-sys-color-inverse-surface: #0e0e0f;
    --ct-sys-color-neutral-palette-key-color: #787778;
    --ct-sys-color-neutral-variant-palette-key-color: #777779;
    --ct-sys-color-on-background: #323235;
    --ct-sys-color-on-error: #fff7f6;
    --ct-sys-color-on-error-container: #752121;
    --ct-sys-color-on-information: #fbf8f9;
    --ct-sys-color-on-information-container: #004364;
    --ct-sys-color-on-primary: #f6f7ff;
    --ct-sys-color-on-primary-container: #4b525e;
    --ct-sys-color-on-primary-fixed: #39404c;
    --ct-sys-color-on-primary-fixed-variant: #555c68;
    --ct-sys-color-on-secondary: #f8f8ff;
    --ct-sys-color-on-secondary-container: #505257;
    --ct-sys-color-on-secondary-fixed: #3d3f45;
    --ct-sys-color-on-secondary-fixed-variant: #595b61;
    --ct-sys-color-on-success: #fbf8f6;
    --ct-sys-color-on-success-container: #004a1f;
    --ct-sys-color-on-surface: #323235;
    --ct-sys-color-on-surface-variant: #5f5f61;
    --ct-sys-color-on-tertiary: #fbf7ff;
    --ct-sys-color-on-tertiary-container: #4b4c67;
    --ct-sys-color-on-tertiary-fixed: #393953;
    --ct-sys-color-on-tertiary-fixed-variant: #555671;
    --ct-sys-color-on-warning: #fdf8f4;
    --ct-sys-color-on-warning-container: #513c00;
    --ct-sys-color-outline: #7b7a7d;
    --ct-sys-color-outline-variant: #b2b1b4;
    --ct-sys-color-primary: #585f6b;
    --ct-sys-color-primary-container: #dce2f2;
    --ct-sys-color-primary-dim: #4c535f;
    --ct-sys-color-primary-fixed: #dce2f2;
    --ct-sys-color-primary-fixed-dim: #ced4e4;
    --ct-sys-color-primary-palette-key-color: #717785;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #5d5f65;
    --ct-sys-color-secondary-container: #e1e2e9;
    --ct-sys-color-secondary-dim: #515358;
    --ct-sys-color-secondary-fixed: #e1e2e9;
    --ct-sys-color-secondary-fixed-dim: #d3d4da;
    --ct-sys-color-secondary-palette-key-color: #75777d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #046e32;
    --ct-sys-color-success-container: #64bd78;
    --ct-sys-color-surface: #fcf8f9;
    --ct-sys-color-surface-bright: #fcf8f9;
    --ct-sys-color-surface-container: #f0edef;
    --ct-sys-color-surface-container-high: #eae7ea;
    --ct-sys-color-surface-container-highest: #e4e2e5;
    --ct-sys-color-surface-container-low: #f6f3f4;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #dbd9dd;
    --ct-sys-color-surface-tint: #585f6b;
    --ct-sys-color-surface-variant: #e4e2e5;
    --ct-sys-color-tertiary: #5c5d78;
    --ct-sys-color-tertiary-container: #dbdafb;
    --ct-sys-color-tertiary-dim: #50516c;
    --ct-sys-color-tertiary-fixed: #dbdafb;
    --ct-sys-color-tertiary-fixed-dim: #cdccec;
    --ct-sys-color-tertiary-palette-key-color: #757591;
    --ct-sys-color-warning: #855400;
    --ct-sys-color-warning-container: #d4a424;
  }
  .theme-playful.theme-light {
    --ct-sys-color-background: #fff8f8;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #ffecf0;
    --ct-sys-color-inverse-primary: #d8b9ff;
    --ct-sys-color-inverse-surface: #3b2c31;
    --ct-sys-color-neutral-palette-key-color: #867278;
    --ct-sys-color-neutral-variant-palette-key-color: #8e6f79;
    --ct-sys-color-on-background: #25181c;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #583486;
    --ct-sys-color-on-primary-fixed: #290055;
    --ct-sys-color-on-primary-fixed-variant: #583486;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #533b72;
    --ct-sys-color-on-secondary-fixed: #260e44;
    --ct-sys-color-on-secondary-fixed-variant: #533b72;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #25181c;
    --ct-sys-color-on-surface-variant: #5a3f48;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #6f334c;
    --ct-sys-color-on-tertiary-fixed: #390720;
    --ct-sys-color-on-tertiary-fixed-variant: #6f334c;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #8e6f79;
    --ct-sys-color-outline-variant: #e2bdc8;
    --ct-sys-color-primary: #704d9f;
    --ct-sys-color-primary-container: #eddcff;
    --ct-sys-color-primary-dim: #644092;
    --ct-sys-color-primary-fixed: #eddcff;
    --ct-sys-color-primary-fixed-dim: #d8b9ff;
    --ct-sys-color-primary-palette-key-color: #8a66ba;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #6c538c;
    --ct-sys-color-secondary-container: #eddcff;
    --ct-sys-color-secondary-dim: #5f477f;
    --ct-sys-color-secondary-fixed: #eddcff;
    --ct-sys-color-secondary-fixed-dim: #d7bafb;
    --ct-sys-color-secondary-palette-key-color: #856ca6;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff8f8;
    --ct-sys-color-surface-bright: #fff8f8;
    --ct-sys-color-surface-container: #ffe8ee;
    --ct-sys-color-surface-container-high: #fbe2e8;
    --ct-sys-color-surface-container-highest: #f5dce3;
    --ct-sys-color-surface-container-low: #fff0f3;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #ecd4da;
    --ct-sys-color-surface-tint: #704d9f;
    --ct-sys-color-surface-variant: #ffd9e4;
    --ct-sys-color-tertiary: #8b4a64;
    --ct-sys-color-tertiary-container: #ffd9e4;
    --ct-sys-color-tertiary-dim: #7d3e57;
    --ct-sys-color-tertiary-fixed: #ffd9e4;
    --ct-sys-color-tertiary-fixed-dim: #ffb0cc;
    --ct-sys-color-tertiary-palette-key-color: #a7627c;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-signal.theme-light {
    --ct-sys-color-background: #fff8f5;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #ffede3;
    --ct-sys-color-inverse-primary: #ffb77d;
    --ct-sys-color-inverse-surface: #392e26;
    --ct-sys-color-neutral-palette-key-color: #83746a;
    --ct-sys-color-neutral-variant-palette-key-color: #887364;
    --ct-sys-color-on-background: #231a13;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #fffbff;
    --ct-sys-color-on-primary-fixed: #2f1500;
    --ct-sys-color-on-primary-fixed-variant: #6e3900;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #784c25;
    --ct-sys-color-on-secondary-fixed: #2f1500;
    --ct-sys-color-on-secondary-fixed-variant: #673d17;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #231a13;
    --ct-sys-color-on-surface-variant: #554336;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #fdffdd;
    --ct-sys-color-on-tertiary-fixed: #1a1e00;
    --ct-sys-color-on-tertiary-fixed-variant: #434b00;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #887364;
    --ct-sys-color-outline-variant: #dbc2b0;
    --ct-sys-color-primary: #8d4b00;
    --ct-sys-color-primary-container: #b15f00;
    --ct-sys-color-primary-dim: #7f4300;
    --ct-sys-color-primary-fixed: #ffdcc3;
    --ct-sys-color-primary-fixed-dim: #ffb77d;
    --ct-sys-color-primary-palette-key-color: #d67502;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #82542c;
    --ct-sys-color-secondary-container: #fdbf8f;
    --ct-sys-color-secondary-dim: #744822;
    --ct-sys-color-secondary-fixed: #ffdcc3;
    --ct-sys-color-secondary-fixed-dim: #f7ba8a;
    --ct-sys-color-secondary-palette-key-color: #9e6c42;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff8f5;
    --ct-sys-color-surface-bright: #fff8f5;
    --ct-sys-color-surface-container: #fdeade;
    --ct-sys-color-surface-container-high: #f7e5d9;
    --ct-sys-color-surface-container-highest: #f2dfd3;
    --ct-sys-color-surface-container-low: #fff1e9;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #e9d7cb;
    --ct-sys-color-surface-tint: #904d00;
    --ct-sys-color-surface-variant: #f9ddcb;
    --ct-sys-color-tertiary: #576100;
    --ct-sys-color-tertiary-container: #6e7b00;
    --ct-sys-color-tertiary-dim: #4e5700;
    --ct-sys-color-tertiary-fixed: #daed5d;
    --ct-sys-color-tertiary-fixed-dim: #bfd043;
    --ct-sys-color-tertiary-palette-key-color: #899900;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-prism.theme-light {
    --ct-sys-color-background: #f9f9f9;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #f1f1f1;
    --ct-sys-color-inverse-primary: #a2c9ff;
    --ct-sys-color-inverse-surface: #303030;
    --ct-sys-color-neutral-palette-key-color: #777777;
    --ct-sys-color-neutral-variant-palette-key-color: #777777;
    --ct-sys-color-on-background: #1b1b1b;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #004881;
    --ct-sys-color-on-primary-fixed: #001c38;
    --ct-sys-color-on-primary-fixed-variant: #004881;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #3c4858;
    --ct-sys-color-on-secondary-fixed: #101c2b;
    --ct-sys-color-on-secondary-fixed-variant: #3c4858;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #1b1b1b;
    --ct-sys-color-on-surface-variant: #474747;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #533f5e;
    --ct-sys-color-on-tertiary-fixed: #261431;
    --ct-sys-color-on-tertiary-fixed-variant: #533f5e;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #777777;
    --ct-sys-color-outline-variant: #c6c6c6;
    --ct-sys-color-primary: #1260a4;
    --ct-sys-color-primary-container: #d3e4ff;
    --ct-sys-color-primary-dim: #005494;
    --ct-sys-color-primary-fixed: #d3e4ff;
    --ct-sys-color-primary-fixed-dim: #a2c9ff;
    --ct-sys-color-primary-palette-key-color: #397ac0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #545f70;
    --ct-sys-color-secondary-container: #d7e3f8;
    --ct-sys-color-secondary-dim: #485364;
    --ct-sys-color-secondary-fixed: #d7e3f8;
    --ct-sys-color-secondary-fixed-dim: #bbc7db;
    --ct-sys-color-secondary-palette-key-color: #6c788a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #f9f9f9;
    --ct-sys-color-surface-bright: #f9f9f9;
    --ct-sys-color-surface-container: #eeeeee;
    --ct-sys-color-surface-container-high: #e8e8e8;
    --ct-sys-color-surface-container-highest: #e2e2e2;
    --ct-sys-color-surface-container-low: #f3f3f3;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #dadada;
    --ct-sys-color-surface-tint: #1260a4;
    --ct-sys-color-surface-variant: #e2e2e2;
    --ct-sys-color-tertiary: #6c5677;
    --ct-sys-color-tertiary-container: #f4d9ff;
    --ct-sys-color-tertiary-dim: #604b6b;
    --ct-sys-color-tertiary-fixed: #f4d9ff;
    --ct-sys-color-tertiary-fixed-dim: #d8bde3;
    --ct-sys-color-tertiary-palette-key-color: #866f91;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-contrail.theme-light {
    --ct-sys-color-background: #f9f9ff;
    --ct-sys-color-error: #ac3434;
    --ct-sys-color-error-container: #f56965;
    --ct-sys-color-error-dim: #70030f;
    --ct-sys-color-information: #006593;
    --ct-sys-color-information-container: #009fe4;
    --ct-sys-color-inverse-on-surface: #919db4;
    --ct-sys-color-inverse-primary: #75aaf6;
    --ct-sys-color-inverse-surface: #030e20;
    --ct-sys-color-neutral-palette-key-color: #6c788d;
    --ct-sys-color-neutral-variant-palette-key-color: #4d78b4;
    --ct-sys-color-on-background: #193355;
    --ct-sys-color-on-error: #fff7f6;
    --ct-sys-color-on-error-container: #65000b;
    --ct-sys-color-on-information: #fbf8f9;
    --ct-sys-color-on-information-container: #00324c;
    --ct-sys-color-on-primary: #f8f8ff;
    --ct-sys-color-on-primary-container: #003d74;
    --ct-sys-color-on-primary-fixed: #002850;
    --ct-sys-color-on-primary-fixed-variant: #004684;
    --ct-sys-color-on-secondary: #e6ffee;
    --ct-sys-color-on-secondary-container: #3c624e;
    --ct-sys-color-on-secondary-fixed: #2a4f3c;
    --ct-sys-color-on-secondary-fixed-variant: #466c58;
    --ct-sys-color-on-success: #fbf8f6;
    --ct-sys-color-on-success-container: #003715;
    --ct-sys-color-on-surface: #193355;
    --ct-sys-color-on-surface-variant: #486084;
    --ct-sys-color-on-tertiary: #e7ffeb;
    --ct-sys-color-on-tertiary-container: #006239;
    --ct-sys-color-on-tertiary-fixed: #004e2c;
    --ct-sys-color-on-tertiary-fixed-variant: #006e40;
    --ct-sys-color-on-warning: #fdf8f4;
    --ct-sys-color-on-warning-container: #3d2c00;
    --ct-sys-color-outline: #647ca2;
    --ct-sys-color-outline-variant: #9bb3dc;
    --ct-sys-color-primary: #2160a7;
    --ct-sys-color-primary-container: #9cc3ff;
    --ct-sys-color-primary-dim: #09549a;
    --ct-sys-color-primary-fixed: #9cc3ff;
    --ct-sys-color-primary-fixed-dim: #83b5ff;
    --ct-sys-color-primary-palette-key-color: #4078c0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #416753;
    --ct-sys-color-secondary-container: #d0fbe0;
    --ct-sys-color-secondary-dim: #355b47;
    --ct-sys-color-secondary-fixed: #d0fbe0;
    --ct-sys-color-secondary-fixed-dim: #c2ecd2;
    --ct-sys-color-secondary-palette-key-color: #597f6a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006e32;
    --ct-sys-color-success-container: #1eac54;
    --ct-sys-color-surface: #f9f9ff;
    --ct-sys-color-surface-bright: #f9f9ff;
    --ct-sys-color-surface-container: #e7eeff;
    --ct-sys-color-surface-container-high: #dee9ff;
    --ct-sys-color-surface-container-highest: #d4e3ff;
    --ct-sys-color-surface-container-low: #f0f3ff;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #c7dbff;
    --ct-sys-color-surface-tint: #2160a7;
    --ct-sys-color-surface-variant: #d4e3ff;
    --ct-sys-color-tertiary: #006e40;
    --ct-sys-color-tertiary-container: #9bfdbe;
    --ct-sys-color-tertiary-dim: #006037;
    --ct-sys-color-tertiary-fixed: #9bfdbe;
    --ct-sys-color-tertiary-fixed-dim: #8deeb1;
    --ct-sys-color-tertiary-palette-key-color: #208854;
    --ct-sys-color-warning: #855500;
    --ct-sys-color-warning-container: #bd8f00;
  }
  .theme-atelier.theme-light {
    --ct-sys-color-background: #fef8f5;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #f5f0ec;
    --ct-sys-color-inverse-primary: #d6c4aa;
    --ct-sys-color-inverse-surface: #32302e;
    --ct-sys-color-neutral-palette-key-color: #7a7674;
    --ct-sys-color-neutral-variant-palette-key-color: #7d766c;
    --ct-sys-color-on-background: #1d1b19;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #3b311e;
    --ct-sys-color-on-primary-fixed: #231a0a;
    --ct-sys-color-on-primary-fixed-variant: #514531;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #6b6359;
    --ct-sys-color-on-secondary-fixed: #201b13;
    --ct-sys-color-on-secondary-fixed-variant: #4c463c;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #1d1b19;
    --ct-sys-color-on-surface-variant: #4c463d;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #303424;
    --ct-sys-color-on-tertiary-fixed: #191d0e;
    --ct-sys-color-on-tertiary-fixed-variant: #444937;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #7d766c;
    --ct-sys-color-outline-variant: #cfc5ba;
    --ct-sys-color-primary: #6a5c47;
    --ct-sys-color-primary-container: #a89880;
    --ct-sys-color-primary-dim: #5d513c;
    --ct-sys-color-primary-fixed: #f3e0c5;
    --ct-sys-color-primary-fixed-dim: #d6c4aa;
    --ct-sys-color-primary-palette-key-color: #84755f;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #655d53;
    --ct-sys-color-secondary-container: #ece1d4;
    --ct-sys-color-secondary-dim: #585148;
    --ct-sys-color-secondary-fixed: #ece1d4;
    --ct-sys-color-secondary-fixed-dim: #cfc5b8;
    --ct-sys-color-secondary-palette-key-color: #7e766b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fef8f5;
    --ct-sys-color-surface-bright: #fef8f5;
    --ct-sys-color-surface-container: #f2ede9;
    --ct-sys-color-surface-container-high: #ede7e4;
    --ct-sys-color-surface-container-highest: #e7e1de;
    --ct-sys-color-surface-container-low: #f8f2ef;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #ded9d6;
    --ct-sys-color-surface-tint: #6a5c47;
    --ct-sys-color-surface-variant: #ebe1d5;
    --ct-sys-color-tertiary: #5b614d;
    --ct-sys-color-tertiary-container: #989d87;
    --ct-sys-color-tertiary-dim: #505542;
    --ct-sys-color-tertiary-fixed: #e0e5cc;
    --ct-sys-color-tertiary-fixed-dim: #c4c9b1;
    --ct-sys-color-tertiary-palette-key-color: #989d87;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-racer.theme-light {
    --ct-sys-color-background: #fff8f6;
    --ct-sys-color-error: #921d38;
    --ct-sys-color-error-container: #fd6f85;
    --ct-sys-color-error-dim: #770326;
    --ct-sys-color-information: #00536e;
    --ct-sys-color-information-container: #00aade;
    --ct-sys-color-inverse-on-surface: #d9ac9d;
    --ct-sys-color-inverse-primary: #f88978;
    --ct-sys-color-inverse-surface: #1d0803;
    --ct-sys-color-neutral-palette-key-color: #956e61;
    --ct-sys-color-neutral-variant-palette-key-color: #b36143;
    --ct-sys-color-on-background: #471d0e;
    --ct-sys-color-on-error: #ffdbdd;
    --ct-sys-color-on-error-container: #490013;
    --ct-sys-color-on-information: #d6e6f1;
    --ct-sys-color-on-information-container: #002432;
    --ct-sys-color-on-primary: #ffdcd6;
    --ct-sys-color-on-primary-container: #390000;
    --ct-sys-color-on-primary-fixed: #000000;
    --ct-sys-color-on-primary-fixed-variant: #290000;
    --ct-sys-color-on-secondary: #c2eafd;
    --ct-sys-color-on-secondary-container: #001a24;
    --ct-sys-color-on-secondary-fixed: #000000;
    --ct-sys-color-on-secondary-fixed-variant: #001119;
    --ct-sys-color-on-success: #dbe8d1;
    --ct-sys-color-on-success-container: #002700;
    --ct-sys-color-on-surface: #471d0e;
    --ct-sys-color-on-surface-variant: #723f2d;
    --ct-sys-color-on-tertiary: #b9ebff;
    --ct-sys-color-on-tertiary-container: #001a22;
    --ct-sys-color-on-tertiary-fixed: #000000;
    --ct-sys-color-on-tertiary-fixed-variant: #001118;
    --ct-sys-color-on-warning: #f3e2c3;
    --ct-sys-color-on-warning-container: #2b1e00;
    --ct-sys-color-outline: #935a46;
    --ct-sys-color-outline-variant: #bb7c66;
    --ct-sys-color-primary: #853125;
    --ct-sys-color-primary-container: #eb7f6e;
    --ct-sys-color-primary-dim: #76261b;
    --ct-sys-color-primary-fixed: #eb7f6e;
    --ct-sys-color-primary-fixed-dim: #db7362;
    --ct-sys-color-primary-palette-key-color: #bb5a4b;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #2b5161;
    --ct-sys-color-secondary-container: #7da3b5;
    --ct-sys-color-secondary-dim: #1e4655;
    --ct-sys-color-secondary-fixed: #7da3b5;
    --ct-sys-color-secondary-fixed-dim: #7096a8;
    --ct-sys-color-secondary-palette-key-color: #577c8d;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #055a00;
    --ct-sys-color-success-container: #57b145;
    --ct-sys-color-surface: #fff8f6;
    --ct-sys-color-surface-bright: #fff8f6;
    --ct-sys-color-surface-container: #ffe9e3;
    --ct-sys-color-surface-container-high: #ffe2d9;
    --ct-sys-color-surface-container-highest: #ffdbcf;
    --ct-sys-color-surface-container-low: #fff1ec;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #ffd0c0;
    --ct-sys-color-surface-tint: #853125;
    --ct-sys-color-surface-variant: #ffdbcf;
    --ct-sys-color-tertiary: #005468;
    --ct-sys-color-tertiary-container: #1cabcf;
    --ct-sys-color-tertiary-dim: #004759;
    --ct-sys-color-tertiary-fixed: #1cabcf;
    --ct-sys-color-tertiary-fixed-dim: #009ec0;
    --ct-sys-color-tertiary-palette-key-color: #0ba6ca;
    --ct-sys-color-warning: #6c4400;
    --ct-sys-color-warning-container: #c69600;
  }
  .theme-transfer-window.theme-light {
    --ct-sys-color-background: #f3fcee;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #ebf3e5;
    --ct-sys-color-inverse-primary: #51e169;
    --ct-sys-color-inverse-surface: #2b3229;
    --ct-sys-color-neutral-palette-key-color: #71796e;
    --ct-sys-color-neutral-variant-palette-key-color: #6d7b6a;
    --ct-sys-color-on-background: #161d15;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #003a0f;
    --ct-sys-color-on-primary-fixed: #002106;
    --ct-sys-color-on-primary-fixed-variant: #005319;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #336f39;
    --ct-sys-color-on-secondary-fixed: #002106;
    --ct-sys-color-on-secondary-fixed-variant: #13521f;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #161d15;
    --ct-sys-color-on-surface-variant: #3d4a3c;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #003162;
    --ct-sys-color-on-tertiary-fixed: #001b3c;
    --ct-sys-color-on-tertiary-fixed-variant: #004689;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #6d7b6a;
    --ct-sys-color-outline-variant: #bccbb7;
    --ct-sys-color-primary: #006e24;
    --ct-sys-color-primary-container: #00b140;
    --ct-sys-color-primary-dim: #00601f;
    --ct-sys-color-primary-fixed: #70ff82;
    --ct-sys-color-primary-fixed-dim: #51e169;
    --ct-sys-color-primary-palette-key-color: #08b342;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #2e6a35;
    --ct-sys-color-secondary-container: #aef0ac;
    --ct-sys-color-secondary-dim: #215e2a;
    --ct-sys-color-secondary-fixed: #b1f3af;
    --ct-sys-color-secondary-fixed-dim: #95d695;
    --ct-sys-color-secondary-palette-key-color: #48844b;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #f3fcee;
    --ct-sys-color-surface-bright: #f3fcee;
    --ct-sys-color-surface-container: #e8f1e3;
    --ct-sys-color-surface-container-high: #e2ebdd;
    --ct-sys-color-surface-container-highest: #dce5d7;
    --ct-sys-color-surface-container-low: #eef6e8;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #d4ddcf;
    --ct-sys-color-surface-tint: #006e24;
    --ct-sys-color-surface-variant: #d8e7d3;
    --ct-sys-color-tertiary: #005eb3;
    --ct-sys-color-tertiary-container: #4d9aff;
    --ct-sys-color-tertiary-dim: #00529d;
    --ct-sys-color-tertiary-fixed: #d5e3ff;
    --ct-sys-color-tertiary-fixed-dim: #a7c8ff;
    --ct-sys-color-tertiary-palette-key-color: #4d9aff;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-hex-pixels.theme-light {
    --ct-sys-color-background: #fff6dc;
    --ct-sys-color-error: #811900;
    --ct-sys-color-error-container: #d53d18;
    --ct-sys-color-error-dim: #6d1300;
    --ct-sys-color-information: #004472;
    --ct-sys-color-information-container: #0079c4;
    --ct-sys-color-inverse-on-surface: #d1c27f;
    --ct-sys-color-inverse-primary: #ecf50d;
    --ct-sys-color-inverse-surface: #120e00;
    --ct-sys-color-neutral-palette-key-color: #84773d;
    --ct-sys-color-neutral-variant-palette-key-color: #867728;
    --ct-sys-color-on-background: #272100;
    --ct-sys-color-on-error: #ffcabe;
    --ct-sys-color-on-error-container: #ffffff;
    --ct-sys-color-on-information: #c5d8f1;
    --ct-sys-color-on-information-container: #ffffff;
    --ct-sys-color-on-primary: #d7df00;
    --ct-sys-color-on-primary-container: #ffffff;
    --ct-sys-color-on-primary-fixed: #ffffff;
    --ct-sys-color-on-primary-fixed-variant: #ffffff;
    --ct-sys-color-on-secondary: #f2d63e;
    --ct-sys-color-on-secondary-container: #ffffff;
    --ct-sys-color-on-secondary-fixed: #ffffff;
    --ct-sys-color-on-secondary-fixed-variant: #ffffff;
    --ct-sys-color-on-success: #bedec8;
    --ct-sys-color-on-success-container: #ffffff;
    --ct-sys-color-on-surface: #272100;
    --ct-sys-color-on-surface-variant: #4b410b;
    --ct-sys-color-on-tertiary: #ffd052;
    --ct-sys-color-on-tertiary-container: #ffffff;
    --ct-sys-color-on-tertiary-fixed: #ffffff;
    --ct-sys-color-on-tertiary-fixed-variant: #ffffff;
    --ct-sys-color-on-warning: #ebd4a5;
    --ct-sys-color-on-warning-container: #ffffff;
    --ct-sys-color-outline: #695d26;
    --ct-sys-color-outline-variant: #877a3f;
    --ct-sys-color-primary: #424400;
    --ct-sys-color-primary-container: #757900;
    --ct-sys-color-primary-dim: #373900;
    --ct-sys-color-primary-fixed: #757900;
    --ct-sys-color-primary-fixed-dim: #696d00;
    --ct-sys-color-primary-palette-key-color: #eaf205;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #4c4100;
    --ct-sys-color-secondary-container: #867400;
    --ct-sys-color-secondary-dim: #403600;
    --ct-sys-color-secondary-fixed: #867400;
    --ct-sys-color-secondary-fixed-dim: #786800;
    --ct-sys-color-secondary-palette-key-color: #c4aa02;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #004c2f;
    --ct-sys-color-success-container: #008556;
    --ct-sys-color-surface: #fff6dc;
    --ct-sys-color-surface-bright: #fff6dc;
    --ct-sys-color-surface-container: #fbe897;
    --ct-sys-color-surface-container-high: #f6e38d;
    --ct-sys-color-surface-container-highest: #f1dd82;
    --ct-sys-color-surface-container-low: #fff1ba;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #e9d576;
    --ct-sys-color-surface-tint: #424400;
    --ct-sys-color-surface-variant: #f1dd82;
    --ct-sys-color-tertiary: #533f00;
    --ct-sys-color-tertiary-container: #917000;
    --ct-sys-color-tertiary-dim: #453400;
    --ct-sys-color-tertiary-fixed: #917000;
    --ct-sys-color-tertiary-fixed-dim: #826400;
    --ct-sys-color-tertiary-palette-key-color: #ddad07;
    --ct-sys-color-warning: #5d3a00;
    --ct-sys-color-warning-container: #936f00;
  }
  .theme-coulis.theme-light {
    --ct-sys-color-background: #fff8f7;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #ffeced;
    --ct-sys-color-inverse-primary: #ffb2bc;
    --ct-sys-color-inverse-surface: #3d2c2e;
    --ct-sys-color-neutral-palette-key-color: #877274;
    --ct-sys-color-neutral-variant-palette-key-color: #8d7073;
    --ct-sys-color-on-background: #26181a;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #ffc5cc;
    --ct-sys-color-on-primary-fixed: #400013;
    --ct-sys-color-on-primary-fixed-variant: #910035;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #782638;
    --ct-sys-color-on-secondary-fixed: #400013;
    --ct-sys-color-on-secondary-fixed-variant: #7c2a3c;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #26181a;
    --ct-sys-color-on-surface-variant: #594043;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #ffc8b0;
    --ct-sys-color-on-tertiary-fixed: #351000;
    --ct-sys-color-on-tertiary-fixed-variant: #7c2e00;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #8d7073;
    --ct-sys-color-outline-variant: #e1bec1;
    --ct-sys-color-primary: #8b0033;
    --ct-sys-color-primary-container: #b31447;
    --ct-sys-color-primary-dim: #a6023e;
    --ct-sys-color-primary-fixed: #ffd9dd;
    --ct-sys-color-primary-fixed-dim: #ffb2bc;
    --ct-sys-color-primary-palette-key-color: #da3761;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #9a4152;
    --ct-sys-color-secondary-container: #fe90a2;
    --ct-sys-color-secondary-dim: #8b3547;
    --ct-sys-color-secondary-fixed: #ffd9dd;
    --ct-sys-color-secondary-fixed-dim: #ffb2bc;
    --ct-sys-color-secondary-palette-key-color: #b9596a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff8f7;
    --ct-sys-color-surface-bright: #fff8f7;
    --ct-sys-color-surface-container: #ffe9ea;
    --ct-sys-color-surface-container-high: #fde2e4;
    --ct-sys-color-surface-container-highest: #f7dcde;
    --ct-sys-color-surface-container-low: #fff0f1;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #eed4d6;
    --ct-sys-color-surface-tint: #b7184a;
    --ct-sys-color-surface-variant: #fedadd;
    --ct-sys-color-tertiary: #772c00;
    --ct-sys-color-tertiary-container: #9d3d00;
    --ct-sys-color-tertiary-dim: #8f3700;
    --ct-sys-color-tertiary-fixed: #ffdbcc;
    --ct-sys-color-tertiary-fixed-dim: #ffb695;
    --ct-sys-color-tertiary-palette-key-color: #9d3d00;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-soft.theme-light {
    --ct-sys-color-background: #fdf8ff;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #f4eefb;
    --ct-sys-color-inverse-primary: #cbbeff;
    --ct-sys-color-inverse-surface: #312f38;
    --ct-sys-color-neutral-palette-key-color: #797580;
    --ct-sys-color-neutral-variant-palette-key-color: #797586;
    --ct-sys-color-on-background: #1c1a23;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #fffbff;
    --ct-sys-color-on-primary-fixed: #1d0061;
    --ct-sys-color-on-primary-fixed-variant: #4a21bd;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #514682;
    --ct-sys-color-on-secondary-fixed: #1d0f4c;
    --ct-sys-color-on-secondary-fixed-variant: #493e7a;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #1c1a23;
    --ct-sys-color-on-surface-variant: #484554;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #fffbff;
    --ct-sys-color-on-tertiary-fixed: #3a0031;
    --ct-sys-color-on-tertiary-fixed-variant: #850073;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #797586;
    --ct-sys-color-outline-variant: #cac4d7;
    --ct-sys-color-primary: #603ed3;
    --ct-sys-color-primary-container: #795aed;
    --ct-sys-color-primary-dim: #5632c9;
    --ct-sys-color-primary-fixed: #e6deff;
    --ct-sys-color-primary-fixed-dim: #cbbeff;
    --ct-sys-color-primary-palette-key-color: #7c5df0;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #615693;
    --ct-sys-color-secondary-container: #c5b8fd;
    --ct-sys-color-secondary-dim: #554a86;
    --ct-sys-color-secondary-fixed: #e6deff;
    --ct-sys-color-secondary-fixed-dim: #cbbeff;
    --ct-sys-color-secondary-palette-key-color: #7a6eae;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fdf8ff;
    --ct-sys-color-surface-bright: #fdf8ff;
    --ct-sys-color-surface-container: #f1ecf8;
    --ct-sys-color-surface-container-high: #ece6f3;
    --ct-sys-color-surface-container-highest: #e6e0ed;
    --ct-sys-color-surface-container-low: #f7f1fe;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #ddd8e4;
    --ct-sys-color-surface-tint: #6341d5;
    --ct-sys-color-surface-variant: #e6dff3;
    --ct-sys-color-tertiary: #a0258b;
    --ct-sys-color-tertiary-container: #be42a5;
    --ct-sys-color-tertiary-dim: #941880;
    --ct-sys-color-tertiary-fixed: #ffd7ef;
    --ct-sys-color-tertiary-fixed-dim: #ffade6;
    --ct-sys-color-tertiary-palette-key-color: #d152b6;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-pill.theme-light {
    --ct-sys-color-background: #fff8f5;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #ffede3;
    --ct-sys-color-inverse-primary: #ffb783;
    --ct-sys-color-inverse-surface: #3a2e25;
    --ct-sys-color-neutral-palette-key-color: #857469;
    --ct-sys-color-neutral-variant-palette-key-color: #8a7262;
    --ct-sys-color-on-background: #241912;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #5f2e00;
    --ct-sys-color-on-primary-fixed: #301400;
    --ct-sys-color-on-primary-fixed-variant: #703700;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #784317;
    --ct-sys-color-on-secondary-fixed: #301400;
    --ct-sys-color-on-secondary-fixed-variant: #6c3a0e;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #241912;
    --ct-sys-color-on-surface-variant: #574335;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #3b3e00;
    --ct-sys-color-on-tertiary-fixed: #1b1d00;
    --ct-sys-color-on-tertiary-fixed-variant: #464a00;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #8a7262;
    --ct-sys-color-outline-variant: #dec1ae;
    --ct-sys-color-primary: #944b00;
    --ct-sys-color-primary-container: #fe8500;
    --ct-sys-color-primary-dim: #824100;
    --ct-sys-color-primary-fixed: #ffdcc5;
    --ct-sys-color-primary-fixed-dim: #ffb783;
    --ct-sys-color-primary-palette-key-color: #fe8500;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #895124;
    --ct-sys-color-secondary-container: #feb37e;
    --ct-sys-color-secondary-dim: #7a4519;
    --ct-sys-color-secondary-fixed: #ffdcc5;
    --ct-sys-color-secondary-fixed-dim: #ffb783;
    --ct-sys-color-secondary-palette-key-color: #a6693a;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff8f5;
    --ct-sys-color-surface-bright: #fff8f5;
    --ct-sys-color-surface-container: #ffeadd;
    --ct-sys-color-surface-container-high: #fae4d7;
    --ct-sys-color-surface-container-highest: #f4ded2;
    --ct-sys-color-surface-container-low: #fff1e9;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #ebd6c9;
    --ct-sys-color-surface-tint: #944b00;
    --ct-sys-color-surface-variant: #fbddc9;
    --ct-sys-color-tertiary: #5e6300;
    --ct-sys-color-tertiary-container: #a5ad00;
    --ct-sys-color-tertiary-dim: #525600;
    --ct-sys-color-tertiary-fixed: #e2eb4e;
    --ct-sys-color-tertiary-fixed-dim: #c6cf32;
    --ct-sys-color-tertiary-palette-key-color: #a5ad00;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-tight.theme-light {
    --ct-sys-color-background: #fff8f7;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #ffedec;
    --ct-sys-color-inverse-primary: #ffb3b6;
    --ct-sys-color-inverse-surface: #3c2d2d;
    --ct-sys-color-neutral-palette-key-color: #867273;
    --ct-sys-color-neutral-variant-palette-key-color: #8c7071;
    --ct-sys-color-on-background: #251819;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #fffbff;
    --ct-sys-color-on-primary-fixed: #40000d;
    --ct-sys-color-on-primary-fixed-variant: #8f0c2a;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #7a353c;
    --ct-sys-color-on-secondary-fixed: #3c060f;
    --ct-sys-color-on-secondary-fixed-variant: #743137;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #251819;
    --ct-sys-color-on-surface-variant: #584142;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #fffbff;
    --ct-sys-color-on-tertiary-fixed: #2e1500;
    --ct-sys-color-on-tertiary-fixed-variant: #6c3a00;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #8c7071;
    --ct-sys-color-outline-variant: #e0bfbf;
    --ct-sys-color-primary: #ad273d;
    --ct-sys-color-primary-container: #cf4154;
    --ct-sys-color-primary-dim: #9f1c35;
    --ct-sys-color-primary-fixed: #ffdada;
    --ct-sys-color-primary-fixed-dim: #ffb3b6;
    --ct-sys-color-primary-palette-key-color: #d24356;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #91484e;
    --ct-sys-color-secondary-container: #ffa2a7;
    --ct-sys-color-secondary-dim: #833c42;
    --ct-sys-color-secondary-fixed: #ffdada;
    --ct-sys-color-secondary-fixed-dim: #ffb3b6;
    --ct-sys-color-secondary-palette-key-color: #af6065;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff8f7;
    --ct-sys-color-surface-bright: #fff8f7;
    --ct-sys-color-surface-container: #ffe9e9;
    --ct-sys-color-surface-container-high: #fbe2e3;
    --ct-sys-color-surface-container-highest: #f5dddd;
    --ct-sys-color-surface-container-low: #fff0f0;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #edd4d5;
    --ct-sys-color-surface-tint: #b02a40;
    --ct-sys-color-surface-variant: #fddadb;
    --ct-sys-color-tertiary: #8b4c00;
    --ct-sys-color-tertiary-container: #af6100;
    --ct-sys-color-tertiary-dim: #7d4400;
    --ct-sys-color-tertiary-fixed: #ffdcc1;
    --ct-sys-color-tertiary-fixed-dim: #ffb779;
    --ct-sys-color-tertiary-palette-key-color: #c56e00;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-scoop.theme-light {
    --ct-sys-color-background: #fff8ef;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #f9f0dd;
    --ct-sys-color-inverse-primary: #ecc300;
    --ct-sys-color-inverse-surface: #343024;
    --ct-sys-color-neutral-palette-key-color: #7d7768;
    --ct-sys-color-neutral-variant-palette-key-color: #7f7760;
    --ct-sys-color-on-background: #1f1b10;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #6e5900;
    --ct-sys-color-on-primary-fixed: #231b00;
    --ct-sys-color-on-primary-fixed-variant: #564500;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #756322;
    --ct-sys-color-on-secondary-fixed: #231b00;
    --ct-sys-color-on-secondary-fixed-variant: #554503;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #1f1b10;
    --ct-sys-color-on-surface-variant: #4d4632;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #4d6300;
    --ct-sys-color-on-tertiary-fixed: #161f00;
    --ct-sys-color-on-tertiary-fixed-variant: #3c4d00;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #7f775f;
    --ct-sys-color-outline-variant: #d0c6ab;
    --ct-sys-color-primary: #715c00;
    --ct-sys-color-primary-container: #fcd000;
    --ct-sys-color-primary-dim: #635100;
    --ct-sys-color-primary-fixed: #ffe17b;
    --ct-sys-color-primary-fixed-dim: #ecc300;
    --ct-sys-color-primary-palette-key-color: #fcd000;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #6f5d1c;
    --ct-sys-color-secondary-container: #fae192;
    --ct-sys-color-secondary-dim: #625110;
    --ct-sys-color-secondary-fixed: #fae192;
    --ct-sys-color-secondary-fixed-dim: #ddc579;
    --ct-sys-color-secondary-palette-key-color: #897633;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff8ef;
    --ct-sys-color-surface-bright: #fff8ef;
    --ct-sys-color-surface-container: #f6eddb;
    --ct-sys-color-surface-container-high: #f0e7d5;
    --ct-sys-color-surface-container-highest: #eae2d0;
    --ct-sys-color-surface-container-low: #fcf3e0;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #e2d9c7;
    --ct-sys-color-surface-tint: #715c00;
    --ct-sys-color-surface-variant: #ede2c6;
    --ct-sys-color-tertiary: #506600;
    --ct-sys-color-tertiary-container: #bde24e;
    --ct-sys-color-tertiary-dim: #465900;
    --ct-sys-color-tertiary-fixed: #cbf15b;
    --ct-sys-color-tertiary-fixed-dim: #b0d441;
    --ct-sys-color-tertiary-palette-key-color: #bde24e;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-flat.theme-light {
    --ct-sys-color-background: #f2fcf6;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #eaf3ed;
    --ct-sys-color-inverse-primary: #00e0b6;
    --ct-sys-color-inverse-surface: #2a322f;
    --ct-sys-color-neutral-palette-key-color: #707975;
    --ct-sys-color-neutral-variant-palette-key-color: #6a7b74;
    --ct-sys-color-on-background: #151d1a;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #006853;
    --ct-sys-color-on-primary-fixed: #002018;
    --ct-sys-color-on-primary-fixed-variant: #005140;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #316f5d;
    --ct-sys-color-on-secondary-fixed: #002018;
    --ct-sys-color-on-secondary-fixed-variant: #095040;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #151d1a;
    --ct-sys-color-on-surface-variant: #3a4a44;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #425d80;
    --ct-sys-color-on-tertiary-fixed: #001c37;
    --ct-sys-color-on-tertiary-fixed-variant: #2c4869;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #6a7b74;
    --ct-sys-color-outline-variant: #b9cac3;
    --ct-sys-color-primary: #006b56;
    --ct-sys-color-primary-container: #00f0c3;
    --ct-sys-color-primary-dim: #005e4b;
    --ct-sys-color-primary-fixed: #32fed0;
    --ct-sys-color-primary-fixed-dim: #00e0b6;
    --ct-sys-color-primary-palette-key-color: #00f0c3;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #2a6957;
    --ct-sys-color-secondary-container: #b0f0d9;
    --ct-sys-color-secondary-dim: #1c5c4c;
    --ct-sys-color-secondary-fixed: #b0f0d9;
    --ct-sys-color-secondary-fixed-dim: #94d3be;
    --ct-sys-color-secondary-palette-key-color: #458270;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #f2fcf6;
    --ct-sys-color-surface-bright: #f2fcf6;
    --ct-sys-color-surface-container: #e7f0eb;
    --ct-sys-color-surface-container-high: #e1eae5;
    --ct-sys-color-surface-container-highest: #dbe5df;
    --ct-sys-color-surface-container-low: #ecf6f0;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #d3dcd7;
    --ct-sys-color-surface-tint: #006b56;
    --ct-sys-color-surface-variant: #d5e6de;
    --ct-sys-color-tertiary: #456082;
    --ct-sys-color-tertiary-container: #bbd7ff;
    --ct-sys-color-tertiary-dim: #395476;
    --ct-sys-color-tertiary-fixed: #d2e4ff;
    --ct-sys-color-tertiary-fixed-dim: #adc9f0;
    --ct-sys-color-tertiary-palette-key-color: #bbd7ff;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
  .theme-deep.theme-light {
    --ct-sys-color-background: #fff7f9;
    --ct-sys-color-error: #ba1a1a;
    --ct-sys-color-error-container: #ffdad6;
    --ct-sys-color-error-dim: #a80710;
    --ct-sys-color-information: #006496;
    --ct-sys-color-information-container: #d7e4f2;
    --ct-sys-color-inverse-on-surface: #fdecf6;
    --ct-sys-color-inverse-primary: #ffabf2;
    --ct-sys-color-inverse-surface: #372d35;
    --ct-sys-color-neutral-palette-key-color: #80737c;
    --ct-sys-color-neutral-variant-palette-key-color: #85727f;
    --ct-sys-color-on-background: #221920;
    --ct-sys-color-on-error: #ffffff;
    --ct-sys-color-on-error-container: #93000a;
    --ct-sys-color-on-information: #ffffff;
    --ct-sys-color-on-information-container: #004b72;
    --ct-sys-color-on-primary: #ffffff;
    --ct-sys-color-on-primary-container: #fffbff;
    --ct-sys-color-on-primary-fixed: #380037;
    --ct-sys-color-on-primary-fixed-variant: #810180;
    --ct-sys-color-on-secondary: #ffffff;
    --ct-sys-color-on-secondary-container: #7b4574;
    --ct-sys-color-on-secondary-fixed: #350634;
    --ct-sys-color-on-secondary-fixed-variant: #673462;
    --ct-sys-color-on-success: #ffffff;
    --ct-sys-color-on-success-container: #005229;
    --ct-sys-color-on-surface: #221920;
    --ct-sys-color-on-surface-variant: #52424e;
    --ct-sys-color-on-tertiary: #ffffff;
    --ct-sys-color-on-tertiary-container: #fffbff;
    --ct-sys-color-on-tertiary-fixed: #40000d;
    --ct-sys-color-on-tertiary-fixed-variant: #8f0c2c;
    --ct-sys-color-on-warning: #ffffff;
    --ct-sys-color-on-warning-container: #5b4300;
    --ct-sys-color-outline: #84727f;
    --ct-sys-color-outline-variant: #d7c0cf;
    --ct-sys-color-primary: #9b2797;
    --ct-sys-color-primary-container: #b944b2;
    --ct-sys-color-primary-dim: #8f198c;
    --ct-sys-color-primary-fixed: #ffd7f5;
    --ct-sys-color-primary-fixed-dim: #ffabf2;
    --ct-sys-color-primary-palette-key-color: #bc46b5;
    --ct-sys-color-scrim: #000000;
    --ct-sys-color-secondary: #824b7b;
    --ct-sys-color-secondary-container: #fdbaf1;
    --ct-sys-color-secondary-dim: #75406e;
    --ct-sys-color-secondary-fixed: #ffd7f5;
    --ct-sys-color-secondary-fixed-dim: #f4b1e8;
    --ct-sys-color-secondary-palette-key-color: #9d6495;
    --ct-sys-color-shadow: #000000;
    --ct-sys-color-success: #006d38;
    --ct-sys-color-success-container: #d6e7d5;
    --ct-sys-color-surface: #fff7f9;
    --ct-sys-color-surface-bright: #fff7f9;
    --ct-sys-color-surface-container: #fae9f3;
    --ct-sys-color-surface-container-high: #f5e4ed;
    --ct-sys-color-surface-container-highest: #efdee8;
    --ct-sys-color-surface-container-low: #ffeff8;
    --ct-sys-color-surface-container-lowest: #ffffff;
    --ct-sys-color-surface-dim: #e6d5df;
    --ct-sys-color-surface-tint: #9e2a9a;
    --ct-sys-color-surface-variant: #f3dceb;
    --ct-sys-color-tertiary: #ad273f;
    --ct-sys-color-tertiary-container: #ce4156;
    --ct-sys-color-tertiary-dim: #9f1c36;
    --ct-sys-color-tertiary-fixed: #ffdadb;
    --ct-sys-color-tertiary-fixed-dim: #ffb2b7;
    --ct-sys-color-tertiary-palette-key-color: #e35064;
    --ct-sys-color-warning: #845400;
    --ct-sys-color-warning-container: #f2e0c2;
  }
}
.theme-contrail,
.theme-soft,
.shape-language-soft {
  --ct-sys-corner-radius-extra-small: 12px;
  --ct-sys-corner-radius-small: 14px;
  --ct-sys-corner-radius-medium: 18px;
  --ct-sys-corner-radius-large: 22px;
  --ct-sys-corner-radius-large-increased: 26px;
  --ct-sys-corner-radius-extra-large: 32px;
  --ct-sys-corner-radius-extra-large-increased: 36px;
}

.theme-atelier {
  --ag-corner-display: 9999px;
  --ag-corner-overlay: 28px;
  --ag-corner-control: 12px;
  --ag-corner-field: 9999px;
  --ct-field-outlined-container-start-start-radius: var(--ag-corner-field);
  --ct-field-outlined-container-start-end-radius: var(--ag-corner-field);
  --ct-field-outlined-container-end-start-radius: var(--ag-corner-field);
  --ct-field-outlined-container-end-end-radius: var(--ag-corner-field);
  --ct-menu-start-start-radius: var(--ag-corner-control);
  --ct-menu-start-end-radius: var(--ag-corner-control);
  --ct-menu-end-start-radius: var(--ag-corner-control);
  --ct-menu-end-end-radius: var(--ag-corner-control);
  --ct-plain-tooltip-start-start-radius: var(--ag-corner-control);
  --ct-plain-tooltip-start-end-radius: var(--ag-corner-control);
  --ct-plain-tooltip-end-start-radius: var(--ag-corner-control);
  --ct-plain-tooltip-end-end-radius: var(--ag-corner-control);
  --ct-rich-tooltip-start-start-radius: var(--ag-corner-control);
  --ct-rich-tooltip-start-end-radius: var(--ag-corner-control);
  --ct-rich-tooltip-end-start-radius: var(--ag-corner-control);
  --ct-rich-tooltip-end-end-radius: var(--ag-corner-control);
  --ct-toast-corner-radius: var(--ag-corner-control);
  --ct-card-start-start-radius: var(--ag-corner-control);
  --ct-card-start-end-radius: var(--ag-corner-control);
  --ct-card-end-start-radius: var(--ag-corner-control);
  --ct-card-end-end-radius: var(--ag-corner-control);
  --ct-dialog-basic-container-shape: var(--ag-corner-overlay);
  --ct-popover-start-start-radius: var(--ag-corner-overlay);
  --ct-popover-start-end-radius: var(--ag-corner-overlay);
  --ct-popover-end-start-radius: var(--ag-corner-overlay);
  --ct-popover-end-end-radius: var(--ag-corner-overlay);
  --ct-side-sheet-corner-radius: var(--ag-corner-overlay);
  --ct-nav-modal-drawer-container-shape: var(--ag-corner-overlay);
  --ct-table-corner-radius: 0px;
}

.theme-racer,
.theme-tight,
.shape-language-tight {
  --ct-sys-corner-radius-extra-small: 3px;
  --ct-sys-corner-radius-small: 5px;
  --ct-sys-corner-radius-medium: 8px;
  --ct-sys-corner-radius-large: 12px;
  --ct-sys-corner-radius-large-increased: 14px;
  --ct-sys-corner-radius-extra-large: 18px;
  --ct-sys-corner-radius-extra-large-increased: 22px;
  --ct-sys-corner-radius-extra-extra-large: 28px;
  --ct-sys-corner-radius-full: 12px;
  --ct-icon-button-xsmall-corner-radius: 6px;
  --ct-icon-button-small-corner-radius: 8px;
  --ct-icon-button-medium-corner-radius: 11px;
  --ct-icon-button-large-corner-radius: 19px;
  --ct-icon-button-xlarge-corner-radius: 27px;
  --ct-slider-xsmall-track-corner-radius: 6px;
  --ct-slider-small-track-corner-radius: 10px;
  --ct-slider-medium-track-corner-radius: 16px;
  --ct-slider-large-track-corner-radius: 22px;
  --ct-slider-xlarge-track-corner-radius: 38px;
  --ct-dial-xsmall-track-corner-radius: 3px;
  --ct-dial-small-track-corner-radius: 5px;
  --ct-dial-medium-track-corner-radius: 8px;
  --ct-dial-large-track-corner-radius: 11px;
  --ct-field-outlined-container-start-start-radius: 9px;
  --ct-field-outlined-container-start-end-radius: 9px;
  --ct-field-outlined-container-end-start-radius: 9px;
  --ct-field-outlined-container-end-end-radius: 9px;
  --ct-assist-chip-corner-start-end-shape: square;
  --ct-assist-chip-corner-end-start-shape: square;
  --ct-dialog-basic-corner-start-end-shape: square;
  --ct-dialog-basic-corner-end-start-shape: square;
  --ct-button-corner-start-end-shape: square;
  --ct-button-corner-end-start-shape: square;
  --ct-card-corner-start-end-shape: square;
  --ct-card-corner-end-start-shape: square;
  --ct-checkbox-corner-start-end-shape: square;
  --ct-checkbox-corner-end-start-shape: square;
  --ct-dial-corner-start-end-shape: square;
  --ct-dial-corner-end-start-shape: square;
  --ct-fab-corner-start-end-shape: square;
  --ct-fab-corner-end-start-shape: square;
  --ct-field-filled-corner-start-end-shape: square;
  --ct-field-outlined-corner-start-end-shape: square;
  --ct-field-outlined-corner-end-start-shape: square;
  --ct-filter-chip-corner-start-end-shape: square;
  --ct-filter-chip-corner-end-start-shape: square;
  --ct-icon-button-corner-start-end-shape: square;
  --ct-icon-button-corner-end-start-shape: square;
  --ct-input-chip-corner-start-end-shape: square;
  --ct-input-chip-corner-end-start-shape: square;
  --ct-list-item-corner-start-end-shape: square;
  --ct-list-item-corner-end-start-shape: square;
  --ct-menu-corner-start-end-shape: square;
  --ct-menu-corner-end-start-shape: square;
  --ct-menu-item-corner-start-end-shape: square;
  --ct-menu-item-corner-end-start-shape: square;
  --ct-plain-tooltip-corner-start-end-shape: square;
  --ct-plain-tooltip-corner-end-start-shape: square;
  --ct-popover-corner-start-end-shape: square;
  --ct-popover-corner-end-start-shape: square;
  --ct-radio-corner-start-end-shape: square;
  --ct-radio-corner-end-start-shape: square;
  --ct-rich-tooltip-corner-start-end-shape: square;
  --ct-rich-tooltip-corner-end-start-shape: square;
  --ct-side-sheet-corner-start-end-shape: square;
  --ct-side-sheet-corner-end-start-shape: square;
  --ct-skeleton-corner-start-end-shape: square;
  --ct-skeleton-corner-end-start-shape: square;
  --ct-slider-corner-start-end-shape: square;
  --ct-slider-corner-end-start-shape: square;
  --ct-suggestion-chip-corner-start-end-shape: square;
  --ct-suggestion-chip-corner-end-start-shape: square;
  --ct-table-corner-start-end-shape: square;
  --ct-table-corner-end-start-shape: square;
  --ct-toast-corner-start-end-shape: square;
  --ct-toast-corner-end-start-shape: square;
}

.theme-hex-pixels,
.theme-scoop,
.shape-language-scoop,
.shape-language-notch {
  --ct-sys-corner-radius-extra-large: 10px;
  --ct-sys-corner-radius-full: 10px;
  --ct-button-xsmall-corner-radius: 10px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-medium-corner-radius: 10px;
  --ct-button-large-corner-radius: 10px;
  --ct-button-xlarge-corner-radius: 10px;
  --ct-icon-button-xsmall-corner-radius: 10px;
  --ct-icon-button-small-corner-radius: 10px;
  --ct-icon-button-medium-corner-radius: 10px;
  --ct-icon-button-large-corner-radius: 10px;
  --ct-icon-button-xlarge-corner-radius: 10px;
  --ct-slider-xsmall-track-corner-radius: 2px;
  --ct-slider-small-track-corner-radius: 3px;
  --ct-slider-medium-track-corner-radius: 5px;
  --ct-slider-large-track-corner-radius: 8px;
  --ct-slider-xlarge-track-corner-radius: 10px;
  --ct-dial-xsmall-track-corner-radius: 2px;
  --ct-dial-small-track-corner-radius: 3px;
  --ct-dial-medium-track-corner-radius: 5px;
  --ct-dial-large-track-corner-radius: 8px;
  --ct-dial-xlarge-track-corner-radius: 10px;
}

.theme-transfer-window,
.theme-flat,
.shape-language-flat {
  --ct-sys-corner-radius-extra-small: 2px;
  --ct-sys-corner-radius-small: 2px;
  --ct-sys-corner-radius-medium: 2px;
  --ct-sys-corner-radius-large: 2px;
  --ct-sys-corner-radius-large-increased: 2px;
  --ct-sys-corner-radius-extra-large: 2px;
  --ct-sys-corner-radius-extra-large-increased: 2px;
  --ct-sys-corner-radius-extra-extra-large: 2px;
  --ct-sys-corner-radius-full: 2px;
}

.theme-coulis,
.theme-deep,
.shape-language-deep {
  --ct-sys-corner-shape: superellipse(1.32);
  --ct-sys-corner-radius-extra-small: 16px;
  --ct-sys-corner-radius-small: 20px;
  --ct-sys-corner-radius-medium: 28px;
  --ct-sys-corner-radius-large: 36px;
  --ct-sys-corner-radius-large-increased: 44px;
  --ct-sys-corner-radius-extra-large: 56px;
  --ct-sys-corner-radius-extra-large-increased: 72px;
  --co-corner-half-32: 16px;
  --co-corner-half-40: 20px;
  --co-corner-half-56: 28px;
  --co-corner-half-96: 48px;
  --co-corner-half-16: 8px;
  --co-bite-40: 14px;
  --co-bite-56: 20px;
  --co-bite-80: 28px;
  --co-bite-96: 34px;
  --co-corner-pressed-40: 8px;
  --co-corner-pressed-56: 11.2px;
  --co-corner-pressed-96: 14.4px;
  --co-bite-pressed-40: 17px;
  --co-bite-pressed-56: 24px;
  --co-bite-pressed-80: 34px;
  --co-bite-pressed-96: 41px;
  --ct-card-start-start-radius: var(--ct-sys-corner-radius-large);
  --ct-card-start-end-radius: var(--ct-sys-corner-radius-large);
  --ct-card-end-start-radius: var(--ct-sys-corner-radius-large);
  --ct-card-end-end-radius: var(--ct-sys-corner-radius-large);
  --ct-button-small-corner-radius: var(--co-corner-half-40);
  --ct-button-medium-corner-radius: var(--co-corner-half-56);
  --ct-button-large-corner-radius: var(--ct-sys-corner-radius-large);
  --ct-button-small-pressed-corner-radius: var(--co-corner-pressed-40);
  --ct-button-medium-pressed-corner-radius: var(--co-corner-pressed-56);
  --ct-button-large-pressed-corner-radius: var(--co-corner-pressed-96);
  --ct-button-small-selected-corner-radius: var(--co-corner-half-40);
  --ct-button-medium-selected-corner-radius: var(--co-corner-half-56);
  --ct-button-large-selected-corner-radius: var(--ct-sys-corner-radius-large);
  --ct-icon-button-small-corner-radius: var(--co-corner-half-40);
  --ct-icon-button-medium-corner-radius: var(--co-corner-half-56);
  --ct-icon-button-large-corner-radius: var(--co-corner-half-96);
  --ct-icon-button-small-pressed-corner-radius: var(--co-corner-pressed-40);
  --ct-icon-button-medium-pressed-corner-radius: var(--co-corner-pressed-56);
  --ct-icon-button-large-pressed-corner-radius: var(--co-corner-pressed-96);
  --ct-icon-button-small-selected-corner-radius: var(--co-corner-half-40);
  --ct-icon-button-medium-selected-corner-radius: var(--co-corner-half-56);
  --ct-icon-button-large-selected-corner-radius: var(--co-corner-half-96);
  --ct-filter-chip-start-start-radius: var(--co-corner-half-32);
  --ct-filter-chip-start-end-radius: var(--co-corner-half-32);
  --ct-filter-chip-end-start-radius: var(--co-corner-half-32);
  --ct-filter-chip-end-end-radius: var(--co-corner-half-32);
  --ct-assist-chip-start-start-radius: var(--co-corner-half-32);
  --ct-assist-chip-start-end-radius: var(--co-corner-half-32);
  --ct-assist-chip-end-start-radius: var(--co-corner-half-32);
  --ct-assist-chip-end-end-radius: var(--co-corner-half-32);
  --ct-input-chip-start-start-radius: var(--co-corner-half-32);
  --ct-input-chip-start-end-radius: var(--co-corner-half-32);
  --ct-input-chip-end-start-radius: var(--co-corner-half-32);
  --ct-input-chip-end-end-radius: var(--co-corner-half-32);
  --ct-suggestion-chip-start-start-radius: var(--co-corner-half-32);
  --ct-suggestion-chip-start-end-radius: var(--co-corner-half-32);
  --ct-suggestion-chip-end-start-radius: var(--co-corner-half-32);
  --ct-suggestion-chip-end-end-radius: var(--co-corner-half-32);
  --ct-field-outlined-container-start-start-radius: var(--co-corner-half-56);
  --ct-field-outlined-container-start-end-radius: var(--co-corner-half-56);
  --ct-field-outlined-container-end-start-radius: var(--co-corner-half-56);
  --ct-field-outlined-container-end-end-radius: var(--co-corner-half-56);
  --ct-slider-xsmall-track-corner-radius: var(--co-corner-half-16);
  --ct-slider-small-track-corner-radius: var(--co-corner-half-16);
  --ct-slider-medium-track-corner-radius: var(--co-corner-half-16);
  --ct-slider-large-track-corner-radius: var(--co-corner-half-16);
  --ct-slider-xlarge-track-corner-radius: var(--co-corner-half-16);
  --ct-fab-corner-end-end-shape: scoop;
}

.theme-coulis .high-emphasis,
.theme-deep .high-emphasis,
.theme-coulis.high-emphasis,
.theme-deep.high-emphasis {
  --ct-button-corner-end-end-shape: scoop;
  --ct-button-small-corner-end-end-radius: var(--co-bite-40);
  --ct-button-medium-corner-end-end-radius: var(--co-bite-56);
  --ct-button-large-corner-end-end-radius: var(--co-bite-96);
  --ct-button-small-pressed-corner-end-end-radius: var(--co-bite-pressed-40);
  --ct-button-medium-pressed-corner-end-end-radius: var(--co-bite-pressed-56);
  --ct-button-large-pressed-corner-end-end-radius: var(--co-bite-pressed-96);
  --ct-button-small-selected-corner-end-end-radius: var(--co-bite-40);
  --ct-button-medium-selected-corner-end-end-radius: var(--co-bite-56);
  --ct-button-large-selected-corner-end-end-radius: var(--co-bite-96);
  --ct-icon-button-corner-end-end-shape: scoop;
  --ct-icon-button-small-corner-end-end-radius: var(--co-bite-40);
  --ct-icon-button-medium-corner-end-end-radius: var(--co-bite-56);
  --ct-icon-button-large-corner-end-end-radius: var(--co-bite-96);
  --ct-icon-button-small-pressed-corner-end-end-radius: var(--co-bite-pressed-40);
  --ct-icon-button-medium-pressed-corner-end-end-radius: var(--co-bite-pressed-56);
  --ct-icon-button-large-pressed-corner-end-end-radius: var(--co-bite-pressed-96);
  --ct-icon-button-small-selected-corner-end-end-radius: var(--co-bite-40);
  --ct-icon-button-medium-selected-corner-end-end-radius: var(--co-bite-56);
  --ct-icon-button-large-selected-corner-end-end-radius: var(--co-bite-96);
}

cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-contrail,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-soft,
.grid-hero-plan-tile.theme-contrail,
.grid-hero-plan-tile.theme-soft,
.post-demo-row > .theme-contrail,
.post-demo-row > .theme-soft,
.theme-contrail .demo-fragment,
.theme-soft .demo-fragment,
.shape-language-soft {
  --ct-ref-typeface-brand: "Noto Sans", system-ui, sans-serif;
  --ct-ref-typeface-plain: "Noto Sans", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}

cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-atelier,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-pill,
.grid-hero-plan-tile.theme-atelier,
.grid-hero-plan-tile.theme-pill,
.post-demo-row > .theme-atelier,
.post-demo-row > .theme-pill,
.theme-atelier .demo-fragment,
.theme-pill .demo-fragment,
.shape-language-pill {
  --ct-ref-typeface-brand: "Fraunces", Georgia, "Times New Roman", serif;
  --ct-ref-typeface-plain: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}

cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-racer,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-tight,
.grid-hero-plan-tile.theme-racer,
.grid-hero-plan-tile.theme-tight,
.post-demo-row > .theme-racer,
.post-demo-row > .theme-tight,
.theme-racer .demo-fragment,
.theme-tight .demo-fragment,
.shape-language-tight {
  --ct-ref-typeface-brand: "Orbitron", Verdana, sans-serif;
  --ct-ref-typeface-plain: "Saira", "Segoe UI", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}

cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-hex-pixels,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-scoop,
.grid-hero-plan-tile.theme-hex-pixels,
.grid-hero-plan-tile.theme-scoop,
.post-demo-row > .theme-hex-pixels,
.post-demo-row > .theme-scoop,
.theme-hex-pixels .demo-fragment,
.theme-scoop .demo-fragment,
.shape-language-scoop {
  --ct-ref-typeface-brand: "Permanent Marker", "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --ct-ref-typeface-plain: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-brand);
  --ct-sys-typescale-label-small-font: var(--ct-ref-typeface-brand);
  --ct-sys-typescale-label-medium-font: var(--ct-ref-typeface-brand);
  --ct-sys-typescale-label-large-font: var(--ct-ref-typeface-brand);
}

cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-coulis,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-deep,
.grid-hero-plan-tile.theme-coulis,
.grid-hero-plan-tile.theme-deep,
.coulis-teaser-panel,
.post-demo-row > .theme-coulis,
.post-demo-row > .theme-deep,
.theme-coulis .demo-fragment,
.theme-deep .demo-fragment,
.shape-language-deep {
  --ct-ref-typeface-brand: "Fraunces", Georgia, "Times New Roman", serif;
  --ct-ref-typeface-plain: "Karla", "Segoe UI", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}

cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat,
.grid-hero-plan-tile.theme-transfer-window,
.grid-hero-plan-tile.theme-flat,
.post-demo-row > .theme-transfer-window,
.post-demo-row > .theme-flat,
.theme-transfer-window .demo-fragment,
.theme-flat .demo-fragment,
.shape-language-flat {
  --ct-ref-typeface-brand: "Archivo", Arial, sans-serif;
  --ct-ref-typeface-plain: "Archivo", "Segoe UI", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window :is(h1, h2, h3, h4, h5, h6),
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat :is(h1, h2, h3, h4, h5, h6),
.grid-hero-plan-tile.theme-transfer-window :is(h1, h2, h3, h4, h5, h6),
.grid-hero-plan-tile.theme-flat :is(h1, h2, h3, h4, h5, h6),
.post-demo-row > .theme-transfer-window :is(h1, h2, h3, h4, h5, h6),
.post-demo-row > .theme-flat :is(h1, h2, h3, h4, h5, h6),
.theme-transfer-window .demo-fragment :is(h1, h2, h3, h4, h5, h6),
.theme-flat .demo-fragment :is(h1, h2, h3, h4, h5, h6),
.shape-language-flat :is(h1, h2, h3, h4, h5, h6) {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-display-large,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-display-large,
.grid-hero-plan-tile.theme-transfer-window .text-display-large,
.grid-hero-plan-tile.theme-flat .text-display-large,
.post-demo-row > .theme-transfer-window .text-display-large,
.post-demo-row > .theme-flat .text-display-large,
.theme-transfer-window .demo-fragment .text-display-large,
.theme-flat .demo-fragment .text-display-large,
.shape-language-flat .text-display-large {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-display-medium,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-display-medium,
.grid-hero-plan-tile.theme-transfer-window .text-display-medium,
.grid-hero-plan-tile.theme-flat .text-display-medium,
.post-demo-row > .theme-transfer-window .text-display-medium,
.post-demo-row > .theme-flat .text-display-medium,
.theme-transfer-window .demo-fragment .text-display-medium,
.theme-flat .demo-fragment .text-display-medium,
.shape-language-flat .text-display-medium {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-display-small,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-display-small,
.grid-hero-plan-tile.theme-transfer-window .text-display-small,
.grid-hero-plan-tile.theme-flat .text-display-small,
.post-demo-row > .theme-transfer-window .text-display-small,
.post-demo-row > .theme-flat .text-display-small,
.theme-transfer-window .demo-fragment .text-display-small,
.theme-flat .demo-fragment .text-display-small,
.shape-language-flat .text-display-small {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-headline-large,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-headline-large,
.grid-hero-plan-tile.theme-transfer-window .text-headline-large,
.grid-hero-plan-tile.theme-flat .text-headline-large,
.post-demo-row > .theme-transfer-window .text-headline-large,
.post-demo-row > .theme-flat .text-headline-large,
.theme-transfer-window .demo-fragment .text-headline-large,
.theme-flat .demo-fragment .text-headline-large,
.shape-language-flat .text-headline-large {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-headline-medium,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-headline-medium,
.grid-hero-plan-tile.theme-transfer-window .text-headline-medium,
.grid-hero-plan-tile.theme-flat .text-headline-medium,
.post-demo-row > .theme-transfer-window .text-headline-medium,
.post-demo-row > .theme-flat .text-headline-medium,
.theme-transfer-window .demo-fragment .text-headline-medium,
.theme-flat .demo-fragment .text-headline-medium,
.shape-language-flat .text-headline-medium {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-headline-small,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-headline-small,
.grid-hero-plan-tile.theme-transfer-window .text-headline-small,
.grid-hero-plan-tile.theme-flat .text-headline-small,
.post-demo-row > .theme-transfer-window .text-headline-small,
.post-demo-row > .theme-flat .text-headline-small,
.theme-transfer-window .demo-fragment .text-headline-small,
.theme-flat .demo-fragment .text-headline-small,
.shape-language-flat .text-headline-small {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-title-large,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-title-large,
.grid-hero-plan-tile.theme-transfer-window .text-title-large,
.grid-hero-plan-tile.theme-flat .text-title-large,
.post-demo-row > .theme-transfer-window .text-title-large,
.post-demo-row > .theme-flat .text-title-large,
.theme-transfer-window .demo-fragment .text-title-large,
.theme-flat .demo-fragment .text-title-large,
.shape-language-flat .text-title-large {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-title-medium,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-title-medium,
.grid-hero-plan-tile.theme-transfer-window .text-title-medium,
.grid-hero-plan-tile.theme-flat .text-title-medium,
.post-demo-row > .theme-transfer-window .text-title-medium,
.post-demo-row > .theme-flat .text-title-medium,
.theme-transfer-window .demo-fragment .text-title-medium,
.theme-flat .demo-fragment .text-title-medium,
.shape-language-flat .text-title-medium {
  font-stretch: 125%;
}
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-transfer-window .text-title-small,
cws-grid-hero > :is([data-span-lms], [data-span-l], [data-span-m], [data-span-s], [data-span-lm], [data-span-ms]).theme-flat .text-title-small,
.grid-hero-plan-tile.theme-transfer-window .text-title-small,
.grid-hero-plan-tile.theme-flat .text-title-small,
.post-demo-row > .theme-transfer-window .text-title-small,
.post-demo-row > .theme-flat .text-title-small,
.theme-transfer-window .demo-fragment .text-title-small,
.theme-flat .demo-fragment .text-title-small,
.shape-language-flat .text-title-small {
  font-stretch: 125%;
}

.theme-pill,
.shape-language-pill {
  --ct-sys-corner-radius-full: 9999px;
}

.theme-scoop,
.shape-language-scoop,
.shape-language-notch {
  --ct-slider-xsmall-track-corner-radius: 4px;
  --ct-slider-small-track-corner-radius: 6px;
  --ct-slider-medium-track-corner-radius: 10px;
  --ct-slider-large-track-corner-radius: 16px;
  --ct-slider-xlarge-track-corner-radius: 20px;
  --ct-dial-xsmall-track-corner-radius: 4px;
  --ct-dial-small-track-corner-radius: 6px;
  --ct-dial-medium-track-corner-radius: 10px;
  --ct-dial-large-track-corner-radius: 16px;
  --ct-dial-xlarge-track-corner-radius: 20px;
}

.theme-tight,
.shape-language-tight {
  --ct-slider-xsmall-track-corner-radius: 3.6px;
  --ct-slider-small-track-corner-radius: 6px;
  --ct-slider-medium-track-corner-radius: 9.6px;
  --ct-slider-large-track-corner-radius: 13.2px;
  --ct-slider-xlarge-track-corner-radius: 22.8px;
  --ct-dial-xsmall-track-corner-radius: 1.8px;
  --ct-dial-small-track-corner-radius: 3px;
  --ct-dial-medium-track-corner-radius: 4.8px;
  --ct-dial-large-track-corner-radius: 6.6px;
}

.theme-soft,
.shape-language-soft {
  --ct-sys-corner-radius-full: 22px;
}

:where(.shape-language-soft,
.shape-language-pill,
.shape-language-tight,
.shape-language-scoop,
.shape-language-flat,
.shape-language-deep,
.shape-language-notch,
.shape-language-bite) {
  --ct-field-outlined-container-start-start-radius: initial;
  --ct-field-outlined-container-start-end-radius: initial;
  --ct-field-outlined-container-end-start-radius: initial;
  --ct-field-outlined-container-end-end-radius: initial;
  --ct-card-container-radius: initial;
}

.shape-language-soft {
  --ct-sys-corner-shape: squircle;
}

.shape-language-pill {
  --ct-sys-corner-shape: round;
}

.shape-language-tight {
  --ct-sys-corner-shape: bevel;
}

.shape-language-scoop {
  --ct-sys-corner-shape: scoop;
}

.shape-language-flat {
  --ct-sys-corner-shape: square;
}

.shape-language-site {
  --ct-sys-corner-shape: squircle;
}

.shape-language-notch {
  --ct-sys-corner-shape: notch;
  --ct-ref-typeface-brand: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --ct-ref-typeface-plain: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}

.shape-language-bite {
  --ct-sys-corner-shape: squircle;
  --ct-ref-typeface-brand: "Fraunces", Georgia, "Times New Roman", serif;
  --ct-ref-typeface-plain: "Fraunces", Georgia, "Times New Roman", serif;
  --ct-button-xsmall-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-small-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-medium-label-text-font: var(--ct-ref-typeface-plain);
  --ct-button-large-label-text-font: var(--ct-ref-typeface-brand);
  --ct-button-xlarge-label-text-font: var(--ct-ref-typeface-brand);
  --ct-field-filled-label-text-font: var(--ct-ref-typeface-plain);
  --ct-field-outlined-label-text-font: var(--ct-ref-typeface-plain);
  font-family: var(--ct-ref-typeface-plain);
}

.shape-language-tight,
.shape-language-scoop,
.shape-language-notch {
  --ct-button-xsmall-corner-radius: 8px;
  --ct-button-xsmall-pressed-corner-radius: 4px;
  --ct-button-xsmall-selected-corner-radius: 6px;
  --ct-button-small-corner-radius: 10px;
  --ct-button-small-pressed-corner-radius: 5px;
  --ct-button-small-selected-corner-radius: 8px;
  --ct-button-medium-corner-radius: 14px;
  --ct-button-medium-pressed-corner-radius: 7px;
  --ct-button-medium-selected-corner-radius: 11px;
  --ct-button-large-corner-radius: 16px;
  --ct-button-large-pressed-corner-radius: 8px;
  --ct-button-large-selected-corner-radius: 12px;
  --ct-button-xlarge-corner-radius: 18px;
  --ct-button-xlarge-pressed-corner-radius: 9px;
  --ct-button-xlarge-selected-corner-radius: 14px;
  --ct-fab-corner-radius: 14px;
  --ct-fab-medium-corner-radius: 16px;
  --ct-fab-large-corner-radius: 16px;
}

.shape-language-site,
.shape-language-pill,
.shape-language-scoop,
.shape-language-tight,
.shape-language-deep,
.shape-language-notch,
.shape-language-soft,
.shape-language-flat,
.shape-language-bite {
  --_chip-radius: var(--ct-button-xsmall-corner-radius, var(--ct-sys-corner-radius-full, 9999px));
  --ct-assist-chip-start-start-radius: var(--_chip-radius);
  --ct-assist-chip-start-end-radius: var(--_chip-radius);
  --ct-assist-chip-end-start-radius: var(--_chip-radius);
  --ct-assist-chip-end-end-radius: var(--_chip-radius);
  --ct-filter-chip-start-start-radius: var(--_chip-radius);
  --ct-filter-chip-start-end-radius: var(--_chip-radius);
  --ct-filter-chip-end-start-radius: var(--_chip-radius);
  --ct-filter-chip-end-end-radius: var(--_chip-radius);
  --ct-input-chip-start-start-radius: var(--_chip-radius);
  --ct-input-chip-start-end-radius: var(--_chip-radius);
  --ct-input-chip-end-start-radius: var(--_chip-radius);
  --ct-input-chip-end-end-radius: var(--_chip-radius);
  --ct-suggestion-chip-start-start-radius: var(--_chip-radius);
  --ct-suggestion-chip-start-end-radius: var(--_chip-radius);
  --ct-suggestion-chip-end-start-radius: var(--_chip-radius);
  --ct-suggestion-chip-end-end-radius: var(--_chip-radius);
  --ct-checkbox-start-start-radius: 3px;
  --ct-checkbox-start-end-radius: 3px;
  --ct-checkbox-end-start-radius: 3px;
  --ct-checkbox-end-end-radius: 3px;
}

.shape-language-site,
.shape-language-pill,
.shape-language-scoop,
.shape-language-tight,
.shape-language-deep,
.shape-language-notch,
.shape-language-soft,
.shape-language-flat,
.shape-language-bite {
  --ct-icon-button-xsmall-corner-radius: var(--ct-button-xsmall-corner-radius);
  --ct-icon-button-xsmall-pressed-corner-radius: var(--ct-button-xsmall-pressed-corner-radius, var(--ct-button-xsmall-corner-radius));
  --ct-icon-button-xsmall-selected-corner-radius: var(--ct-button-xsmall-selected-corner-radius, var(--ct-button-xsmall-corner-radius));
  --ct-icon-button-small-corner-radius: var(--ct-button-small-corner-radius);
  --ct-icon-button-small-pressed-corner-radius: var(--ct-button-small-pressed-corner-radius, var(--ct-button-small-corner-radius));
  --ct-icon-button-small-selected-corner-radius: var(--ct-button-small-selected-corner-radius, var(--ct-button-small-corner-radius));
  --ct-icon-button-medium-corner-radius: var(--ct-button-medium-corner-radius);
  --ct-icon-button-medium-pressed-corner-radius: var(--ct-button-medium-pressed-corner-radius, var(--ct-button-medium-corner-radius));
  --ct-icon-button-medium-selected-corner-radius: var(--ct-button-medium-selected-corner-radius, var(--ct-button-medium-corner-radius));
  --ct-icon-button-large-corner-radius: var(--ct-button-large-corner-radius);
  --ct-icon-button-large-pressed-corner-radius: var(--ct-button-large-pressed-corner-radius, var(--ct-button-large-corner-radius));
  --ct-icon-button-large-selected-corner-radius: var(--ct-button-large-selected-corner-radius, var(--ct-button-large-corner-radius));
  --ct-icon-button-xlarge-corner-radius: var(--ct-button-xlarge-corner-radius);
  --ct-icon-button-xlarge-pressed-corner-radius: var(--ct-button-xlarge-pressed-corner-radius, var(--ct-button-xlarge-corner-radius));
  --ct-icon-button-xlarge-selected-corner-radius: var(--ct-button-xlarge-selected-corner-radius, var(--ct-button-xlarge-corner-radius));
}

.shape-language-notch {
  --ct-button-xsmall-corner-radius: 6px;
  --ct-button-xsmall-pressed-corner-radius: 3px;
  --ct-button-xsmall-selected-corner-radius: 5px;
  --ct-button-small-corner-radius: 8px;
  --ct-button-small-pressed-corner-radius: 4px;
  --ct-button-small-selected-corner-radius: 6px;
  --ct-button-medium-corner-radius: 11px;
  --ct-button-medium-pressed-corner-radius: 6px;
  --ct-button-medium-selected-corner-radius: 8px;
  --ct-fab-corner-radius: 11px;
}

.shape-language-tight {
  --_chip-radius: calc(0.7 * var(--ct-button-xsmall-corner-radius, var(--ct-sys-corner-radius-full, 9999px)));
}

.shape-language-tight {
  --ct-switch-track-radius: 8px;
  --ct-switch-handle-radius: calc(29.3% - 1.37px);
  --ct-switch-corner-start-end-shape: square;
  --ct-switch-corner-end-start-shape: square;
  --ct-switch-handle-corner-start-end-shape: square;
  --ct-switch-handle-corner-end-start-shape: square;
}

.shape-language-scoop {
  --ct-switch-track-radius: 6px;
  --ct-switch-handle-radius: calc(18% + 0.64px);
}

.shape-language-notch {
  --ct-switch-corner-shape: round;
  --ct-switch-track-radius: 6px;
}

.shape-language-bite {
  --ct-button-corner-end-end-shape: scoop;
  --ct-button-xsmall-corner-end-end-radius: 10px;
  --ct-button-xsmall-pressed-corner-end-end-radius: 14px;
  --ct-button-xsmall-selected-corner-end-end-radius: 12px;
  --ct-button-small-corner-end-end-radius: 13px;
  --ct-button-small-pressed-corner-end-end-radius: 18px;
  --ct-button-small-selected-corner-end-end-radius: 16px;
  --ct-button-medium-corner-end-end-radius: 18px;
  --ct-button-medium-pressed-corner-end-end-radius: 25px;
  --ct-button-medium-selected-corner-end-end-radius: 22px;
  --ct-button-large-corner-end-end-radius: 31px;
  --ct-button-large-pressed-corner-end-end-radius: 43px;
  --ct-button-large-selected-corner-end-end-radius: 37px;
  --ct-button-xlarge-corner-end-end-radius: 44px;
  --ct-button-xlarge-pressed-corner-end-end-radius: 62px;
  --ct-button-xlarge-selected-corner-end-end-radius: 53px;
  --ct-icon-button-corner-end-end-shape: scoop;
  --ct-icon-button-xsmall-corner-end-end-radius: 10px;
  --ct-icon-button-xsmall-pressed-corner-end-end-radius: 14px;
  --ct-icon-button-xsmall-selected-corner-end-end-radius: 12px;
  --ct-icon-button-small-corner-end-end-radius: 13px;
  --ct-icon-button-small-pressed-corner-end-end-radius: 18px;
  --ct-icon-button-small-selected-corner-end-end-radius: 16px;
  --ct-icon-button-medium-corner-end-end-radius: 18px;
  --ct-icon-button-medium-pressed-corner-end-end-radius: 25px;
  --ct-icon-button-medium-selected-corner-end-end-radius: 22px;
  --ct-icon-button-large-corner-end-end-radius: 31px;
  --ct-icon-button-large-pressed-corner-end-end-radius: 43px;
  --ct-icon-button-large-selected-corner-end-end-radius: 37px;
  --ct-icon-button-xlarge-corner-end-end-radius: 44px;
  --ct-icon-button-xlarge-pressed-corner-end-end-radius: 62px;
  --ct-icon-button-xlarge-selected-corner-end-end-radius: 53px;
  --ct-fab-corner-radius: var(--ct-sys-corner-radius-full, 9999px);
  --ct-fab-medium-corner-radius: var(--ct-sys-corner-radius-full, 9999px);
  --ct-fab-large-corner-radius: var(--ct-sys-corner-radius-full, 9999px);
  --ct-fab-corner-end-end-shape: scoop;
  --ct-fab-corner-end-end-radius: 18px;
  --ct-fab-medium-corner-end-end-radius: 26px;
  --ct-fab-large-corner-end-end-radius: 31px;
  --ct-card-corner-end-end-shape: scoop;
  --ct-card-end-end-radius: 22px;
  --ct-field-outlined-container-start-start-radius: 22px;
  --ct-field-outlined-container-start-end-radius: 22px;
  --ct-field-outlined-container-end-start-radius: 22px;
  --ct-field-outlined-container-end-end-radius: 17px;
  --ct-field-outlined-corner-end-end-shape: scoop;
  --ct-assist-chip-corner-end-end-shape: scoop;
  --ct-assist-chip-end-end-radius: 10px;
  --ct-filter-chip-corner-end-end-shape: scoop;
  --ct-filter-chip-end-end-radius: 10px;
  --ct-input-chip-corner-end-end-shape: scoop;
  --ct-input-chip-end-end-radius: 10px;
  --ct-suggestion-chip-corner-end-end-shape: scoop;
  --ct-suggestion-chip-end-end-radius: 10px;
  --ct-field-filled-container-start-start-radius: 22px;
  --ct-field-filled-container-start-end-radius: 22px;
}

.shape-language-deep {
  --ct-fab-corner-end-end-shape: initial;
}

.shape-faces-hanken {
  --ct-ref-typeface-brand: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
  --ct-ref-typeface-plain: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
  font-family: var(--ct-ref-typeface-plain);
}

@layer page {
  cws-main-hero,
  .main-hero-scope {
    display: contents;
  }
  .main-hero {
    position: relative;
    isolation: isolate;
    overflow: clip;
    padding-block-end: 72px;
  }
  @media (min-width: 1024px) {
    .main-hero {
      padding-block-end: 96px;
    }
  }
  .main-hero-backdrops {
    --_tile: 93px;
    --_tile-gap: 5px;
    --_pitch: calc(var(--_tile) + var(--_tile-gap));
    --_phase: calc(var(--_tile) / 2);
    position: absolute;
    inset-block-start: calc(50% - 4 * var(--_pitch) - var(--_phase));
    inset-inline: 0;
    z-index: 0;
    display: flex;
    justify-content: center;
    gap: var(--_tile-gap);
    pointer-events: none;
    background-color: var(--ct-sys-color-surface);
  }
  @media (min-width: 1600px) {
    .main-hero-backdrops {
      --_tile: 142px;
      --_phase: calc(-1 * var(--_tile-gap) / 2);
    }
  }
  .main-hero-strip {
    flex: none;
    display: grid;
    grid-template-columns: repeat(13, var(--_tile));
    grid-auto-rows: var(--_tile);
    gap: var(--_tile-gap);
  }
  .main-hero-tile {
    position: relative;
    border-radius: 30px;
    corner-shape: squircle;
  }
  .main-hero-tile-big {
    grid-column: span 2;
    grid-row: span 2;
  }
  .main-hero-tile-p {
    background-color: var(--ct-sys-color-primary-container);
  }
  .main-hero-tile-s {
    background-color: var(--ct-sys-color-secondary-container);
  }
  .main-hero-tile-t {
    background-color: var(--ct-sys-color-tertiary-container);
  }
  .main-hero-panel {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-self: stretch;
  }
  @media (min-width: 1024px) {
    .main-hero-panel {
      justify-self: end;
      inline-size: 100%;
      max-inline-size: 520px;
    }
  }
  .main-hero-held {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .main-hero-motion {
    display: flex;
    justify-content: center;
  }
  .main-hero-stage {
    --ct-card-elevated-container-color: var(--ct-sys-color-surface-container-lowest);
    --ct-card-container-radius: calc(var(--_card-corner-scale, 2) * var(--ct-sys-corner-radius-extra-large, 28px));
    color: var(--ct-sys-color-on-surface);
  }
  .main-hero-scope:is(.shape-language-tight, .shape-language-scoop, .shape-language-notch) {
    --_card-corner-scale: 1.4;
  }
  .main-hero-stage-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
  }
  .main-hero-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
  }
  .main-hero-row-actions {
    justify-content: space-between;
  }
  .main-hero-row-state {
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: space-between;
  }
  .main-hero-choices {
    --ct-radio-set-horizontal-spacing: 12px;
    --ct-radio-label-gap: 6px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  @media (max-width: 479px) {
    .main-hero-choices,
    .main-hero-details {
      display: none;
    }
  }
  .main-hero-compact .main-hero-row-state {
    display: none;
  }
  .main-hero-row-values {
    flex-wrap: nowrap;
  }
  .main-hero-field,
  .main-hero-slider {
    flex: 1 1 0;
    min-inline-size: 0;
  }
  .main-hero-swatches {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }
  .main-hero-swatch,
  .main-hero-motion-toggle {
    --ct-icon-button-filled-unselected-container-color: var(--ct-sys-color-primary);
    --ct-icon-button-filled-unselected-icon-color: var(--ct-sys-color-on-primary);
    --ct-icon-button-filled-unselected-hover-icon-color: var(--ct-sys-color-on-primary);
    --ct-icon-button-filled-unselected-focus-icon-color: var(--ct-sys-color-on-primary);
    --ct-icon-button-filled-unselected-pressed-icon-color: var(--ct-sys-color-on-primary);
    --ct-icon-button-filled-unselected-hover-state-layer-color: var(--ct-sys-color-on-primary);
    --ct-icon-button-filled-unselected-pressed-state-layer-color: var(--ct-sys-color-on-primary);
  }
  .main-hero-ripple .main-hero-tile {
    --cws-main-hero-flash-strength: 0.3;
    transition: background-color 450ms cubic-bezier(0.2, 0, 0, 1) var(--cws-main-hero-tile-delay, 0ms);
    animation: main-hero-tile-pop 450ms cubic-bezier(0.2, 0, 0, 1) var(--cws-main-hero-tile-delay, 0ms) both;
  }
  .main-hero-ripple .main-hero-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    corner-shape: inherit;
    background-color: var(--ct-sys-color-primary);
    opacity: 0;
    animation: main-hero-tile-flash 450ms linear var(--cws-main-hero-tile-delay, 0ms) both;
  }
  @keyframes main-hero-tile-pop {
    0% {
      transform: scale(1);
    }
    35% {
      transform: scale(0.96);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes main-hero-tile-flash {
    0% {
      opacity: 0;
    }
    30% {
      opacity: var(--cws-main-hero-flash-strength, 0.6);
    }
    100% {
      opacity: 0;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .main-hero-ripple .main-hero-tile {
      transition: none;
      animation: none;
    }
    .main-hero-ripple .main-hero-tile::after {
      animation: none;
    }
  }
}
cws-grid-hero:not([hydrated]), cws-main-hero:not([hydrated]), cws-component-gallery:not([hydrated]), cws-copy-snippet:not([hydrated]), cws-framework-marquee:not([hydrated]), cws-post-meta:not([hydrated]), cws-logo:not([hydrated]), cws-site-navigation:not([hydrated]), cws-page-toc:not([hydrated]), cws-docs-nav:not([hydrated]), cws-command-palette:not([hydrated]), cws-framework-selector:not([hydrated]), cws-blog-index:not([hydrated]), cws-prop-playground:not([hydrated]), cws-api-reference:not([hydrated]), cws-doc-reference:not([hydrated]), cws-alert-card:not([hydrated]), cws-signed-in-only:not([hydrated]), cws-tier-price:not([hydrated]), cws-discount-schedule:not([hydrated]), cws-seat-configurator:not([hydrated]), cws-sales-contact:not([hydrated]), cws-checkout-status:not([hydrated]), cws-billing-portal-link:not([hydrated]), cws-license-management-dialog:not([hydrated]), cws-administration:not([hydrated]), cws-admin-users-dialog:not([hydrated]), cws-admin-organizations-dialog:not([hydrated]), cws-user-edit-dialog:not([hydrated]), cws-consent-gate:not([hydrated]), cws-agreement-request:not([hydrated]), cws-start-free-dialog:not([hydrated]), cws-sign-in-license:not([hydrated]) {
  visibility: hidden;
}

html[data-page-anchor]:not([data-anchor-ready]) body {
  visibility: hidden;
}