@import "https://cdn.jsdelivr.net/gh/TheTechclip/UIKit-Fonts@main/AstaSans/AstaSans.css";
@import "https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css";
@import "https://cdn.jsdelivr.net/gh/TheTechclip/UIKit-Fonts@main/JetBrainsMono/JetBrainsMono.css";
@import "https://cdn.jsdelivr.net/gh/TheTechclip/UIKit-Fonts@main/SourceHanSerifKR/SourceHanSerifKR.css";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
/* [project]/UIKit/packages/frameworks/shared/atomicLayout.module.scss.module.css [app-client] (css) */
.atomicLayout-module-scss-module__byytMG__Gap0 {
  gap: 0;
}

.atomicLayout-module-scss-module__byytMG__RowGap0 {
  row-gap: 0;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap0 {
  column-gap: 0;
}

.atomicLayout-module-scss-module__byytMG__Padding0 {
  padding: 0;
}

.atomicLayout-module-scss-module__byytMG__Margin0 {
  margin: 0;
}

.atomicLayout-module-scss-module__byytMG__Gap2 {
  gap: .2rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap2 {
  row-gap: .2rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap2 {
  column-gap: .2rem;
}

.atomicLayout-module-scss-module__byytMG__Padding2 {
  padding: .2rem;
}

.atomicLayout-module-scss-module__byytMG__Margin2 {
  margin: .2rem;
}

.atomicLayout-module-scss-module__byytMG__Gap4 {
  gap: .4rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap4 {
  row-gap: .4rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap4 {
  column-gap: .4rem;
}

.atomicLayout-module-scss-module__byytMG__Padding4 {
  padding: .4rem;
}

.atomicLayout-module-scss-module__byytMG__Margin4 {
  margin: .4rem;
}

.atomicLayout-module-scss-module__byytMG__Gap6 {
  gap: .6rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap6 {
  row-gap: .6rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap6 {
  column-gap: .6rem;
}

.atomicLayout-module-scss-module__byytMG__Padding6 {
  padding: .6rem;
}

.atomicLayout-module-scss-module__byytMG__Margin6 {
  margin: .6rem;
}

.atomicLayout-module-scss-module__byytMG__Gap8 {
  gap: .8rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap8 {
  row-gap: .8rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap8 {
  column-gap: .8rem;
}

.atomicLayout-module-scss-module__byytMG__Padding8 {
  padding: .8rem;
}

.atomicLayout-module-scss-module__byytMG__Margin8 {
  margin: .8rem;
}

.atomicLayout-module-scss-module__byytMG__Gap10 {
  gap: 1rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap10 {
  row-gap: 1rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap10 {
  column-gap: 1rem;
}

.atomicLayout-module-scss-module__byytMG__Padding10 {
  padding: 1rem;
}

.atomicLayout-module-scss-module__byytMG__Margin10 {
  margin: 1rem;
}

.atomicLayout-module-scss-module__byytMG__Gap12 {
  gap: 1.2rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap12 {
  row-gap: 1.2rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap12 {
  column-gap: 1.2rem;
}

.atomicLayout-module-scss-module__byytMG__Padding12 {
  padding: 1.2rem;
}

.atomicLayout-module-scss-module__byytMG__Margin12 {
  margin: 1.2rem;
}

.atomicLayout-module-scss-module__byytMG__Gap16 {
  gap: 1.6rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap16 {
  row-gap: 1.6rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap16 {
  column-gap: 1.6rem;
}

.atomicLayout-module-scss-module__byytMG__Padding16 {
  padding: 1.6rem;
}

.atomicLayout-module-scss-module__byytMG__Margin16 {
  margin: 1.6rem;
}

.atomicLayout-module-scss-module__byytMG__Gap20 {
  gap: 2rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap20 {
  row-gap: 2rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap20 {
  column-gap: 2rem;
}

.atomicLayout-module-scss-module__byytMG__Padding20 {
  padding: 2rem;
}

.atomicLayout-module-scss-module__byytMG__Margin20 {
  margin: 2rem;
}

.atomicLayout-module-scss-module__byytMG__Gap24 {
  gap: 2.4rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap24 {
  row-gap: 2.4rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap24 {
  column-gap: 2.4rem;
}

.atomicLayout-module-scss-module__byytMG__Padding24 {
  padding: 2.4rem;
}

.atomicLayout-module-scss-module__byytMG__Margin24 {
  margin: 2.4rem;
}

.atomicLayout-module-scss-module__byytMG__Gap32 {
  gap: 3.2rem;
}

.atomicLayout-module-scss-module__byytMG__RowGap32 {
  row-gap: 3.2rem;
}

.atomicLayout-module-scss-module__byytMG__ColumnGap32 {
  column-gap: 3.2rem;
}

.atomicLayout-module-scss-module__byytMG__Padding32 {
  padding: 3.2rem;
}

.atomicLayout-module-scss-module__byytMG__Margin32 {
  margin: 3.2rem;
}

.atomicLayout-module-scss-module__byytMG__DisplayNone {
  display: none;
}

.atomicLayout-module-scss-module__byytMG__DisplayBlock {
  display: block;
}

.atomicLayout-module-scss-module__byytMG__DisplayFlex {
  display: flex;
}

.atomicLayout-module-scss-module__byytMG__DisplayInlineFlex {
  display: inline-flex;
}

.atomicLayout-module-scss-module__byytMG__DisplayGrid {
  display: grid;
}

.atomicLayout-module-scss-module__byytMG__DisplayContents {
  display: contents;
}

.atomicLayout-module-scss-module__byytMG__DirectionRow {
  flex-direction: row;
}

.atomicLayout-module-scss-module__byytMG__DirectionColumn {
  flex-direction: column;
}

.atomicLayout-module-scss-module__byytMG__WrapNowrap {
  flex-wrap: nowrap;
}

.atomicLayout-module-scss-module__byytMG__Wrap {
  flex-wrap: wrap;
}

.atomicLayout-module-scss-module__byytMG__WrapReverse {
  flex-wrap: wrap-reverse;
}

.atomicLayout-module-scss-module__byytMG__ItemsStart {
  align-items: flex-start;
}

.atomicLayout-module-scss-module__byytMG__ItemsEnd {
  align-items: flex-end;
}

.atomicLayout-module-scss-module__byytMG__ItemsCenter {
  align-items: center;
}

.atomicLayout-module-scss-module__byytMG__ItemsBaseline {
  align-items: baseline;
}

.atomicLayout-module-scss-module__byytMG__ItemsStretch {
  align-items: stretch;
}

.atomicLayout-module-scss-module__byytMG__JustifyStart {
  justify-content: flex-start;
}

.atomicLayout-module-scss-module__byytMG__JustifyEnd {
  justify-content: flex-end;
}

.atomicLayout-module-scss-module__byytMG__JustifyCenter {
  justify-content: center;
}

.atomicLayout-module-scss-module__byytMG__JustifyBetween {
  justify-content: space-between;
}

.atomicLayout-module-scss-module__byytMG__JustifyAround {
  justify-content: space-around;
}

.atomicLayout-module-scss-module__byytMG__JustifyEvenly {
  justify-content: space-evenly;
}

.atomicLayout-module-scss-module__byytMG__SelfAuto {
  align-self: auto;
}

.atomicLayout-module-scss-module__byytMG__SelfStart {
  align-self: flex-start;
}

.atomicLayout-module-scss-module__byytMG__SelfEnd {
  align-self: flex-end;
}

.atomicLayout-module-scss-module__byytMG__SelfCenter {
  align-self: center;
}

.atomicLayout-module-scss-module__byytMG__SelfBaseline {
  align-self: baseline;
}

.atomicLayout-module-scss-module__byytMG__SelfStretch {
  align-self: stretch;
}

.atomicLayout-module-scss-module__byytMG__Grow0 {
  flex-grow: 0;
}

.atomicLayout-module-scss-module__byytMG__Grow1 {
  flex-grow: 1;
}

.atomicLayout-module-scss-module__byytMG__Shrink0 {
  flex-shrink: 0;
}

.atomicLayout-module-scss-module__byytMG__Shrink1 {
  flex-shrink: 1;
}

.atomicLayout-module-scss-module__byytMG__Width0 {
  width: 0;
}

.atomicLayout-module-scss-module__byytMG__WidthFull {
  width: 100%;
}

.atomicLayout-module-scss-module__byytMG__WidthAuto {
  width: auto;
}

.atomicLayout-module-scss-module__byytMG__WidthMinContent {
  width: min-content;
}

.atomicLayout-module-scss-module__byytMG__WidthMaxContent {
  width: max-content;
}

.atomicLayout-module-scss-module__byytMG__WidthFitContent {
  width: fit-content;
}

.atomicLayout-module-scss-module__byytMG__Height0 {
  height: 0;
}

.atomicLayout-module-scss-module__byytMG__HeightFull {
  height: 100%;
}

.atomicLayout-module-scss-module__byytMG__HeightAuto {
  height: auto;
}

.atomicLayout-module-scss-module__byytMG__HeightMinContent {
  height: min-content;
}

.atomicLayout-module-scss-module__byytMG__HeightMaxContent {
  height: max-content;
}

.atomicLayout-module-scss-module__byytMG__HeightFitContent {
  height: fit-content;
}

.atomicLayout-module-scss-module__byytMG__MinWidth0 {
  min-width: 0;
}

.atomicLayout-module-scss-module__byytMG__MinWidthFull {
  min-width: 100%;
}

.atomicLayout-module-scss-module__byytMG__MaxWidthFull {
  max-width: 100%;
}

.atomicLayout-module-scss-module__byytMG__MinHeight0 {
  min-height: 0;
}

.atomicLayout-module-scss-module__byytMG__MinHeightFull {
  min-height: 100%;
}

.atomicLayout-module-scss-module__byytMG__MaxHeightFull {
  max-height: 100%;
}

/* [project]/UIKit/packages/frameworks/Theme/Theme.background.module.scss.module.css [app-client] (css) */
.Theme-background-module-scss-module__9PY3DW__Layer {
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

/* [project]/UIKit/packages/frameworks/View/View.module.scss.module.css [app-client] (css) */
.View-module-scss-module__JS1DSq__View ::-webkit-scrollbar {
  display: none;
}

:where(.View-module-scss-module__JS1DSq__View) {
  gap: var(--view-default-gap, 2.4rem);
  display: flex;
}

@media (max-width: 1279.98px) {
  .View-module-scss-module__JS1DSq__ResponsiveW5Display {
    display: var(--view-responsive-w5-display) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Width {
    width: var(--view-responsive-w5-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Height {
    height: var(--view-responsive-w5-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5MinWidth {
    min-width: var(--view-responsive-w5-min-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5MaxWidth {
    max-width: var(--view-responsive-w5-max-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5MinHeight {
    min-height: var(--view-responsive-w5-min-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5MaxHeight {
    max-height: var(--view-responsive-w5-max-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Padding {
    padding: var(--view-responsive-w5-padding) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Margin {
    margin: var(--view-responsive-w5-margin) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Position {
    position: var(--view-responsive-w5-position) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Top {
    top: var(--view-responsive-w5-top) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Order {
    order: var(--view-responsive-w5-order) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5AlignItems {
    align-items: var(--view-responsive-w5-align-items) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5JustifyContent {
    justify-content: var(--view-responsive-w5-justify-content) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5AlignSelf {
    align-self: var(--view-responsive-w5-align-self) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Direction {
    flex-direction: var(--view-responsive-w5-direction) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Wrap {
    flex-wrap: var(--view-responsive-w5-wrap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Grow {
    flex-grow: var(--view-responsive-w5-grow) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Shrink {
    flex-shrink: var(--view-responsive-w5-shrink) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Basis {
    flex-basis: var(--view-responsive-w5-basis) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5Gap {
    gap: var(--view-responsive-w5-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5RowGap {
    row-gap: var(--view-responsive-w5-row-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5ColumnGap {
    column-gap: var(--view-responsive-w5-column-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5OverflowX {
    overflow-x: var(--view-responsive-w5-overflow-x) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5OverflowY {
    overflow-y: var(--view-responsive-w5-overflow-y) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5GridTemplateColumns {
    grid-template-columns: var(--view-responsive-w5-grid-template-columns) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5GridTemplateRows {
    grid-template-rows: var(--view-responsive-w5-grid-template-rows) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW5GridAutoFlow {
    grid-auto-flow: var(--view-responsive-w5-grid-auto-flow) !important;
  }
}

@media (max-width: 813.98px) {
  .View-module-scss-module__JS1DSq__ResponsiveW4Display {
    display: var(--view-responsive-w4-display) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Width {
    width: var(--view-responsive-w4-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Height {
    height: var(--view-responsive-w4-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4MinWidth {
    min-width: var(--view-responsive-w4-min-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4MaxWidth {
    max-width: var(--view-responsive-w4-max-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4MinHeight {
    min-height: var(--view-responsive-w4-min-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4MaxHeight {
    max-height: var(--view-responsive-w4-max-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Padding {
    padding: var(--view-responsive-w4-padding) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Margin {
    margin: var(--view-responsive-w4-margin) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Position {
    position: var(--view-responsive-w4-position) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Top {
    top: var(--view-responsive-w4-top) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Order {
    order: var(--view-responsive-w4-order) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4AlignItems {
    align-items: var(--view-responsive-w4-align-items) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4JustifyContent {
    justify-content: var(--view-responsive-w4-justify-content) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4AlignSelf {
    align-self: var(--view-responsive-w4-align-self) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Direction {
    flex-direction: var(--view-responsive-w4-direction) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Wrap {
    flex-wrap: var(--view-responsive-w4-wrap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Grow {
    flex-grow: var(--view-responsive-w4-grow) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Shrink {
    flex-shrink: var(--view-responsive-w4-shrink) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Basis {
    flex-basis: var(--view-responsive-w4-basis) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4Gap {
    gap: var(--view-responsive-w4-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4RowGap {
    row-gap: var(--view-responsive-w4-row-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4ColumnGap {
    column-gap: var(--view-responsive-w4-column-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4OverflowX {
    overflow-x: var(--view-responsive-w4-overflow-x) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4OverflowY {
    overflow-y: var(--view-responsive-w4-overflow-y) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4GridTemplateColumns {
    grid-template-columns: var(--view-responsive-w4-grid-template-columns) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4GridTemplateRows {
    grid-template-rows: var(--view-responsive-w4-grid-template-rows) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW4GridAutoFlow {
    grid-auto-flow: var(--view-responsive-w4-grid-auto-flow) !important;
  }
}

@media (max-width: 767.98px) {
  .View-module-scss-module__JS1DSq__ResponsiveW3Display {
    display: var(--view-responsive-w3-display) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Width {
    width: var(--view-responsive-w3-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Height {
    height: var(--view-responsive-w3-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3MinWidth {
    min-width: var(--view-responsive-w3-min-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3MaxWidth {
    max-width: var(--view-responsive-w3-max-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3MinHeight {
    min-height: var(--view-responsive-w3-min-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3MaxHeight {
    max-height: var(--view-responsive-w3-max-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Padding {
    padding: var(--view-responsive-w3-padding) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Margin {
    margin: var(--view-responsive-w3-margin) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Position {
    position: var(--view-responsive-w3-position) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Top {
    top: var(--view-responsive-w3-top) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Order {
    order: var(--view-responsive-w3-order) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3AlignItems {
    align-items: var(--view-responsive-w3-align-items) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3JustifyContent {
    justify-content: var(--view-responsive-w3-justify-content) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3AlignSelf {
    align-self: var(--view-responsive-w3-align-self) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Direction {
    flex-direction: var(--view-responsive-w3-direction) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Wrap {
    flex-wrap: var(--view-responsive-w3-wrap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Grow {
    flex-grow: var(--view-responsive-w3-grow) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Shrink {
    flex-shrink: var(--view-responsive-w3-shrink) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Basis {
    flex-basis: var(--view-responsive-w3-basis) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3Gap {
    gap: var(--view-responsive-w3-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3RowGap {
    row-gap: var(--view-responsive-w3-row-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3ColumnGap {
    column-gap: var(--view-responsive-w3-column-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3OverflowX {
    overflow-x: var(--view-responsive-w3-overflow-x) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3OverflowY {
    overflow-y: var(--view-responsive-w3-overflow-y) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3GridTemplateColumns {
    grid-template-columns: var(--view-responsive-w3-grid-template-columns) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3GridTemplateRows {
    grid-template-rows: var(--view-responsive-w3-grid-template-rows) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW3GridAutoFlow {
    grid-auto-flow: var(--view-responsive-w3-grid-auto-flow) !important;
  }
}

@media (max-width: 409.98px) {
  .View-module-scss-module__JS1DSq__ResponsiveW2Display {
    display: var(--view-responsive-w2-display) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Width {
    width: var(--view-responsive-w2-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Height {
    height: var(--view-responsive-w2-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2MinWidth {
    min-width: var(--view-responsive-w2-min-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2MaxWidth {
    max-width: var(--view-responsive-w2-max-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2MinHeight {
    min-height: var(--view-responsive-w2-min-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2MaxHeight {
    max-height: var(--view-responsive-w2-max-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Padding {
    padding: var(--view-responsive-w2-padding) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Margin {
    margin: var(--view-responsive-w2-margin) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Position {
    position: var(--view-responsive-w2-position) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Top {
    top: var(--view-responsive-w2-top) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Order {
    order: var(--view-responsive-w2-order) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2AlignItems {
    align-items: var(--view-responsive-w2-align-items) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2JustifyContent {
    justify-content: var(--view-responsive-w2-justify-content) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2AlignSelf {
    align-self: var(--view-responsive-w2-align-self) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Direction {
    flex-direction: var(--view-responsive-w2-direction) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Wrap {
    flex-wrap: var(--view-responsive-w2-wrap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Grow {
    flex-grow: var(--view-responsive-w2-grow) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Shrink {
    flex-shrink: var(--view-responsive-w2-shrink) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Basis {
    flex-basis: var(--view-responsive-w2-basis) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2Gap {
    gap: var(--view-responsive-w2-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2RowGap {
    row-gap: var(--view-responsive-w2-row-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2ColumnGap {
    column-gap: var(--view-responsive-w2-column-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2OverflowX {
    overflow-x: var(--view-responsive-w2-overflow-x) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2OverflowY {
    overflow-y: var(--view-responsive-w2-overflow-y) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2GridTemplateColumns {
    grid-template-columns: var(--view-responsive-w2-grid-template-columns) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2GridTemplateRows {
    grid-template-rows: var(--view-responsive-w2-grid-template-rows) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW2GridAutoFlow {
    grid-auto-flow: var(--view-responsive-w2-grid-auto-flow) !important;
  }
}

@media (max-width: 319.98px) {
  .View-module-scss-module__JS1DSq__ResponsiveW1Display {
    display: var(--view-responsive-w1-display) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Width {
    width: var(--view-responsive-w1-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Height {
    height: var(--view-responsive-w1-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1MinWidth {
    min-width: var(--view-responsive-w1-min-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1MaxWidth {
    max-width: var(--view-responsive-w1-max-width) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1MinHeight {
    min-height: var(--view-responsive-w1-min-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1MaxHeight {
    max-height: var(--view-responsive-w1-max-height) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Padding {
    padding: var(--view-responsive-w1-padding) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Margin {
    margin: var(--view-responsive-w1-margin) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Position {
    position: var(--view-responsive-w1-position) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Top {
    top: var(--view-responsive-w1-top) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Order {
    order: var(--view-responsive-w1-order) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1AlignItems {
    align-items: var(--view-responsive-w1-align-items) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1JustifyContent {
    justify-content: var(--view-responsive-w1-justify-content) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1AlignSelf {
    align-self: var(--view-responsive-w1-align-self) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Direction {
    flex-direction: var(--view-responsive-w1-direction) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Wrap {
    flex-wrap: var(--view-responsive-w1-wrap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Grow {
    flex-grow: var(--view-responsive-w1-grow) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Shrink {
    flex-shrink: var(--view-responsive-w1-shrink) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Basis {
    flex-basis: var(--view-responsive-w1-basis) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1Gap {
    gap: var(--view-responsive-w1-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1RowGap {
    row-gap: var(--view-responsive-w1-row-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1ColumnGap {
    column-gap: var(--view-responsive-w1-column-gap) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1OverflowX {
    overflow-x: var(--view-responsive-w1-overflow-x) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1OverflowY {
    overflow-y: var(--view-responsive-w1-overflow-y) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1GridTemplateColumns {
    grid-template-columns: var(--view-responsive-w1-grid-template-columns) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1GridTemplateRows {
    grid-template-rows: var(--view-responsive-w1-grid-template-rows) !important;
  }

  .View-module-scss-module__JS1DSq__ResponsiveW1GridAutoFlow {
    grid-auto-flow: var(--view-responsive-w1-grid-auto-flow) !important;
  }
}

.View-module-scss-module__JS1DSq__FullWidth, .View-module-scss-module__JS1DSq__FullWidth > * {
  width: 100%;
}

/* [project]/UIKit/packages/components/Tooltip/Tooltip.module.scss.module.css [app-client] (css) */
.Tooltip-module-scss-module__IYdWhG__Wrapper {
  width: fit-content;
  display: inline-flex;
  position: relative;
}

.Tooltip-module-scss-module__IYdWhG__Wrapper:focus-visible {
  outline-offset: var(--focus-ring-offset);
  border-radius: var(--radius-system-light);
  outline: auto;
}

.Tooltip-module-scss-module__IYdWhG__Bubble {
  filter: drop-shadow(0 6px 24px color-mix(in srgb, var(--color-base-dark-6) 18%, transparent));
  position: fixed;
}

/* [project]/UIKit/packages/frameworks/Pressable/Pressable.module.scss.module.css [app-client] (css) */
.Pressable-module-scss-module__pYcUIq__Pressable {
  touch-action: manipulation;
  text-decoration: none !important;
}

.Pressable-module-scss-module__pYcUIq__Pressable:has( > input:focus-visible):not([data-focus-modality="pointer"] *) {
  outline-offset: var(--focus-ring-offset);
  outline: auto;
}

.Pressable-module-scss-module__pYcUIq__Pressable:is([href], button, [role="button"], label) {
  appearance: none;
}

.Pressable-module-scss-module__pYcUIq__Pressable:is([href], button, [role="button"], label):disabled, .Pressable-module-scss-module__pYcUIq__Pressable:is([href], button, [role="button"], label)[disabled], .Pressable-module-scss-module__pYcUIq__Pressable:is([href], button, [role="button"], label)[aria-disabled="true"], .Pressable-module-scss-module__pYcUIq__Pressable:is([href], button, [role="button"], label)[data-disabled="true"] {
  cursor: not-allowed;
  opacity: .4;
}

:where(.Pressable-module-scss-module__pYcUIq__Pressable) {
  gap: 2.4rem;
  display: flex;
}

.Pressable-module-scss-module__pYcUIq__Control {
  cursor: pointer;
  position: relative;
}

.Pressable-module-scss-module__pYcUIq__PopoverRoot {
  position: relative;
  overflow: visible;
}

.Pressable-module-scss-module__pYcUIq__VisuallyHidden {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

/* [project]/UIKit/packages/components/Spinner/Spinner.module.scss.module.css [app-client] (css) */
.Spinner-module-scss-module__HBV_pa__Spinner, .Spinner-module-scss-module__HBV_pa__MaterialSpinner {
  width: var(--spinner-size, 1.5rem);
  height: var(--spinner-size, 1.5rem);
  transform-origin: center;
  flex-shrink: 0;
  display: block;
}

.Spinner-module-scss-module__HBV_pa__Spinner {
  animation: Spinner-module-scss-module__HBV_pa__spinner-rotate var(--spinner-duration, 1s) steps(12, end) infinite;
}

.Spinner-module-scss-module__HBV_pa__Segment {
  stroke: currentColor;
  stroke-width: var(--spinner-segment-width, 2.4);
}

.Spinner-module-scss-module__HBV_pa__MaterialSpinner {
  animation: Spinner-module-scss-module__HBV_pa__spinner-rotate calc(var(--spinner-duration, 1s)*4/3) linear infinite;
}

.Spinner-module-scss-module__HBV_pa__MaterialTrack {
  stroke: currentColor;
  animation: Spinner-module-scss-module__HBV_pa__spinner-dash var(--spinner-duration, 1s) ease-in-out infinite;
  transform-origin: center;
}

@keyframes Spinner-module-scss-module__HBV_pa__spinner-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Spinner-module-scss-module__HBV_pa__spinner-dash {
  0% {
    stroke-dasharray: 1 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89 200;
    stroke-dashoffset: -124px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Spinner-module-scss-module__HBV_pa__Spinner, .Spinner-module-scss-module__HBV_pa__MaterialSpinner, .Spinner-module-scss-module__HBV_pa__MaterialTrack {
    animation: none;
  }
}

/* [project]/UIKit/packages/components/Spinner/Spinner.wheel.module.scss.module.css [app-client] (css) */
@property --spinner-wheel-progress {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}

.Spinner-wheel-module-scss-module__bTz_mW__Wheel {
  width: var(--spinner-size, 1.5rem);
  height: var(--spinner-size, 1.5rem);
  flex-shrink: 0;
  display: block;
  position: relative;
}

.Spinner-wheel-module-scss-module__bTz_mW__Track, .Spinner-wheel-module-scss-module__bTz_mW__Indicator {
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.Spinner-wheel-module-scss-module__bTz_mW__Track, .Spinner-wheel-module-scss-module__bTz_mW__IndeterminateIndicator {
  -webkit-mask: radial-gradient(farthest-side, transparent var(--spinner-wheel-mask-inner, 62%), black var(--spinner-wheel-mask-outer, 64%));
  mask: radial-gradient(farthest-side, transparent var(--spinner-wheel-mask-inner, 62%), black var(--spinner-wheel-mask-outer, 64%));
  -webkit-mask: radial-gradient(farthest-side, transparent var(--spinner-wheel-mask-inner, 62%), black var(--spinner-wheel-mask-outer, 64%));
  border-radius: 50%;
}

.Spinner-wheel-module-scss-module__bTz_mW__Track {
  background: var(--theme-bg, transparent);
}

.Spinner-wheel-module-scss-module__bTz_mW__DeterminateIndicator {
  overflow: visible;
}

.Spinner-wheel-module-scss-module__bTz_mW__DeterminateCircle {
  fill: none;
  stroke: currentColor;
  stroke-width: var(--spinner-wheel-thickness, 18);
  stroke-linecap: butt;
  stroke-dasharray: var(--spinner-wheel-circumference);
  stroke-dashoffset: var(--spinner-wheel-dashoffset, 0);
  transform-origin: center;
  transform: rotate(-90deg);
}

.Spinner-wheel-module-scss-module__bTz_mW__IndeterminateIndicator {
  background: conic-gradient(#0000 20%, currentColor 100%);
}

.Spinner-wheel-module-scss-module__bTz_mW__IndeterminateIndicator[data-spinner-mode="indeterminate"] {
  animation: Spinner-wheel-module-scss-module__bTz_mW__spinner-wheel-rotate var(--spinner-duration, 1s) linear infinite;
}

.Spinner-wheel-module-scss-module__bTz_mW__DeterminateIndicator[data-motion="true"] .Spinner-wheel-module-scss-module__bTz_mW__DeterminateCircle {
  transition: stroke-dashoffset .22s var(--transition-surface-ease) var(--spinner-wheel-progress-delay, 0s);
}

@keyframes Spinner-wheel-module-scss-module__bTz_mW__spinner-wheel-rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .Spinner-wheel-module-scss-module__bTz_mW__IndeterminateIndicator[data-spinner-mode="indeterminate"] {
    animation: none;
  }

  .Spinner-wheel-module-scss-module__bTz_mW__DeterminateIndicator[data-motion="true"] .Spinner-wheel-module-scss-module__bTz_mW__DeterminateCircle {
    transition: none;
  }
}

/* [project]/UIKit/packages/components/Icon/Icon.group.module.scss.module.css [app-client] (css) */
.Icon-group-module-scss-module__2zzgAa__Group {
  position: relative;
  overflow: hidden;
}

.Icon-group-module-scss-module__2zzgAa__Group [data-icon-group-index] {
  z-index: 2;
  position: relative;
  --theme-bg: transparent !important;
  --theme-shadow: none !important;
  background: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .Icon-group-module-scss-module__2zzgAa__Group [data-icon-group-index]:hover {
    background: none !important;
  }
}

.Icon-group-module-scss-module__2zzgAa__Group [data-icon-group-index]:active {
  background: none !important;
}

.Icon-group-module-scss-module__2zzgAa__Group [data-icon-group-index][href] {
  -webkit-user-drag: none;
}

.Icon-group-module-scss-module__2zzgAa__Indicator, .Icon-group-module-scss-module__2zzgAa__SelectedIndicator {
  opacity: 0;
  transform-origin: center;
  pointer-events: none;
  will-change: translate,width,height,scale,opacity;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0;
  scale: 1;
}

.Icon-group-module-scss-module__2zzgAa__SelectedIndicator {
  z-index: 0;
}

.Icon-group-module-scss-module__2zzgAa__Indicator {
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  .Icon-group-module-scss-module__2zzgAa__Indicator {
    transition: none !important;
  }

  .Icon-group-module-scss-module__2zzgAa__SelectedIndicator {
    scale: 1 !important;
  }

  .Icon-group-module-scss-module__2zzgAa__Group[data-icon-group-pressed] .Icon-group-module-scss-module__2zzgAa__Indicator {
    scale: 1;
  }
}

/* [project]/UIKit/packages/components/Icon/Icon.module.scss.module.css [app-client] (css) */
.Icon-module-scss-module__dZfJXq__Font {
  color: inherit;
  font-variation-settings: "wght" var(--uikit-icon-font-weight, 400),"rond" 2,"edpt" 1;
}

.Icon-module-scss-module__dZfJXq__ImageFrame, .Icon-module-scss-module__dZfJXq__Item, .Icon-module-scss-module__dZfJXq__Inner {
  flex: none;
}

.Icon-module-scss-module__dZfJXq__ImageFrame {
  position: relative;
}

.Icon-module-scss-module__dZfJXq__ImageMedia {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.Icon-module-scss-module__dZfJXq__Emoji {
  font-family: var(--font-emoji);
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

.Icon-module-scss-module__dZfJXq__Country {
  border-radius: 50%;
  overflow: hidden;
}

.Icon-module-scss-module__dZfJXq__Svg {
  color: inherit;
}

.Icon-module-scss-module__dZfJXq__Inner, .Icon-module-scss-module__dZfJXq__Item {
  min-height: max-content;
}

.Icon-module-scss-module__dZfJXq__Item {
  overflow: hidden;
}

.Icon-module-scss-module__dZfJXq__Group {
  touch-action: pan-y;
}

/* [project]/UIKit/packages/components/GenerativeLoader/GenerativeLoader.module.scss.module.css [app-client] (css) */
.GenerativeLoader-module-scss-module__byw3HW__ImageLoader, .GenerativeLoader-module-scss-module__byw3HW__ImageLoader * {
  box-sizing: border-box;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageLoader {
  width: 100%;
  height: 100%;
  min-height: 0;
  color: inherit;
  flex: none;
  place-items: center;
  line-height: 1;
  display: inline-grid;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageVisual, .GenerativeLoader-module-scss-module__byw3HW__ImageStage {
  isolation: isolate;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageVisual {
  --image-loader-inset: 7%;
  background: color-mix(in srgb, currentcolor 3%, transparent);
  container-type: size;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageVisual > span, .GenerativeLoader-module-scss-module__byw3HW__ImageResolveLayer > span {
  display: block;
  position: absolute;
  inset: 0;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageVisual i, .GenerativeLoader-module-scss-module__byw3HW__ImageVisual b, .GenerativeLoader-module-scss-module__byw3HW__ImageVisual em {
  font: inherit;
  margin: 0;
  display: block;
  position: absolute;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageCoalesce, .GenerativeLoader-module-scss-module__byw3HW__ImageDiffusion {
  inset: var(--image-loader-inset) !important;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageCoalesce i {
  top: var(--loader-start-y);
  left: var(--loader-start-x);
  width: var(--loader-dot-size);
  aspect-ratio: 1;
  animation: GenerativeLoader-module-scss-module__byw3HW__image-loader-coalesce calc(var(--loader-duration)*.88) linear infinite;
  animation-delay: var(--loader-delay);
  background: currentColor;
  border-radius: 50%;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageCoalesce b {
  aspect-ratio: 1;
  width: 3.2%;
  box-shadow: 0 0 3.5cqmin color-mix(in srgb, currentcolor 22%, transparent);
  animation: GenerativeLoader-module-scss-module__byw3HW__image-loader-coalesce-core calc(var(--loader-duration)*.88) ease-in-out infinite;
  background: currentColor;
  border-radius: 50%;
  top: 48.4%;
  left: 48.4%;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageDiffusion i {
  top: var(--loader-y);
  left: var(--loader-x);
  width: var(--loader-dot-size);
  aspect-ratio: 1;
  animation: GenerativeLoader-module-scss-module__byw3HW__image-loader-diffusion var(--loader-duration) ease-in-out infinite;
  animation-delay: var(--loader-delay);
  background: currentColor;
  border-radius: 8%;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageLoader[data-paused="true"] *, .GenerativeLoader-module-scss-module__byw3HW__ImageLoader[data-paused="true"] :before, .GenerativeLoader-module-scss-module__byw3HW__ImageLoader[data-paused="true"] :after {
  animation-play-state: paused !important;
}

@keyframes GenerativeLoader-module-scss-module__byw3HW__image-loader-coalesce {
  0% {
    top: var(--loader-start-y);
    left: var(--loader-start-x);
    opacity: 0;
    transform: translate(-50%, -50%)scale(.35);
  }

  14% {
    opacity: .26;
    transform: translate(-50%, -50%)scale(.62);
  }

  56% {
    top: var(--loader-mid-y);
    left: var(--loader-mid-x);
    opacity: var(--loader-opacity);
    transform: translate(-50%, -50%)scale(.86);
  }

  86% {
    top: var(--loader-end-y);
    left: var(--loader-end-x);
    opacity: var(--loader-opacity);
    transform: translate(-50%, -50%)scale(1);
  }

  100% {
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)scale(.12);
  }
}

@keyframes GenerativeLoader-module-scss-module__byw3HW__image-loader-coalesce-core {
  0%, 100% {
    opacity: .46;
    transform: scale(.76);
  }

  82% {
    opacity: .9;
    transform: scale(1.08);
  }
}

@keyframes GenerativeLoader-module-scss-module__byw3HW__image-loader-diffusion {
  0%, 100% {
    opacity: .06;
    filter: blur(2px);
    transform: translate(-50%, -50%)scale(.35);
  }

  38% {
    opacity: .7;
    filter: blur();
    transform: translate(-50%, -50%)scale(1);
  }

  68% {
    opacity: .2;
    filter: blur(.5px);
    transform: translate(-50%, -50%)scale(.64);
  }
}

.GenerativeLoader-module-scss-module__byw3HW__StreamRoot, .GenerativeLoader-module-scss-module__byw3HW__StreamRoot * {
  box-sizing: border-box;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamRoot, .GenerativeLoader-module-scss-module__byw3HW__StreamVisual, .GenerativeLoader-module-scss-module__byw3HW__StreamCopy {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  white-space: pre-wrap;
  display: inline;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamWord {
  white-space: nowrap;
  display: inline-block;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamSpace {
  white-space: pre-wrap;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamCharacter {
  transform-origin: 50% 65%;
  display: inline-block;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamTypewriter {
  position: relative;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamCursor {
  vertical-align: -.12em;
  background: currentColor;
  border-radius: 1px;
  width: .08em;
  height: 1em;
  margin-left: .08em;
  display: inline-block;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamTerminal {
  min-height: 1.45em;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamTerminal > b {
  margin-right: .45em;
  font-weight: 500;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamTerminal > span {
  white-space: pre-wrap;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamTerminalCursor {
  vertical-align: -.08em;
  background: currentColor;
  width: .58em;
  height: .9em;
  margin-left: .12em;
  display: inline-block;
}

.GenerativeLoader-module-scss-module__byw3HW__StreamTracking .GenerativeLoader-module-scss-module__byw3HW__StreamCharacter {
  transform-origin: 0;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageStage {
  min-height: 0;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResult {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageStage[data-phase="loaded"] .GenerativeLoader-module-scss-module__byw3HW__ImageResult {
  opacity: 1;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageLoaderLayer, .GenerativeLoader-module-scss-module__byw3HW__ImageResolveLayer, .GenerativeLoader-module-scss-module__byw3HW__ImageResolve {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageLoaderLayer {
  z-index: 3;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveLayer {
  z-index: 2;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveLayer > span {
  overflow: hidden;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveLayer, .GenerativeLoader-module-scss-module__byw3HW__ImageResolve {
  background: color-mix(in srgb, currentcolor 3%, transparent);
  overflow: hidden;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolve i, .GenerativeLoader-module-scss-module__byw3HW__ImageResolve:before {
  box-sizing: border-box;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolve i {
  font: inherit;
  margin: 0;
  display: block;
  position: relative;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveCoalesce {
  overflow: visible;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveCoalesce:before {
  background-image: var(--resolve-image);
  background-position: var(--resolve-background-position, center);
  background-repeat: no-repeat;
  background-size: var(--resolve-background-size);
  content: "";
  filter: blur(14px) saturate(.7);
  opacity: .12;
  animation: none;
  position: absolute;
  inset: 0;
  transform: scale(1.045);
  -webkit-mask-image: radial-gradient(circle, #000 0 34%, #000000eb 46%, #0000 70%);
  mask-image: radial-gradient(circle, #000 0 34%, #000000eb 46%, #0000 70%);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 7% 7%;
  mask-size: 7% 7%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveCoalesce[data-ready="true"]:before {
  animation: GenerativeLoader-module-scss-module__byw3HW__image-resolve-coalesce-image var(--resolve-duration) cubic-bezier(.16, 1, .3, 1) forwards;
  will-change: opacity,transform,filter;
}

@keyframes GenerativeLoader-module-scss-module__byw3HW__image-resolve-coalesce-image {
  0%, 12% {
    opacity: .12;
    filter: blur(14px) saturate(.7);
    transform: scale(1.045);
    -webkit-mask-size: 7% 7%;
    mask-size: 7% 7%;
  }

  100% {
    opacity: 1;
    filter: blur() saturate();
    transform: scale(1);
    -webkit-mask-size: 230% 230%;
    mask-size: 230% 230%;
  }
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveDiffusion {
  grid-template-rows: repeat(5, minmax(0, 1fr));
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid !important;
}

.GenerativeLoader-module-scss-module__byw3HW__ImageResolveDiffusion i {
  background-image: var(--resolve-image);
  background-position: var(--resolve-background-position);
  background-repeat: no-repeat;
  background-size: var(--resolve-background-size);
  opacity: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  animation: GenerativeLoader-module-scss-module__byw3HW__image-resolve-diffusion calc(var(--resolve-duration)*.82) cubic-bezier(.22, 1, .36, 1) forwards;
  animation-delay: var(--resolve-delay);
  filter: blur(5px);
  position: relative;
  transform: scale(.72);
}

@keyframes GenerativeLoader-module-scss-module__byw3HW__image-resolve-diffusion {
  0%, 12% {
    opacity: 0;
    filter: blur(5px);
    transform: scale(.72);
  }

  100% {
    opacity: 1;
    filter: blur();
    transform: scale(1.01);
  }
}

@media (prefers-reduced-motion: reduce) {
  .GenerativeLoader-module-scss-module__byw3HW__ImageLoader *, .GenerativeLoader-module-scss-module__byw3HW__ImageLoader :before, .GenerativeLoader-module-scss-module__byw3HW__ImageLoader :after, .GenerativeLoader-module-scss-module__byw3HW__ImageResolve *, .GenerativeLoader-module-scss-module__byw3HW__ImageResolve:before, .GenerativeLoader-module-scss-module__byw3HW__ImageResolve :before {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .GenerativeLoader-module-scss-module__byw3HW__ImageResult {
    opacity: 1;
    animation: none !important;
  }

  .GenerativeLoader-module-scss-module__byw3HW__ImageStage[data-phase="loading"] .GenerativeLoader-module-scss-module__byw3HW__ImageLoaderLayer, .GenerativeLoader-module-scss-module__byw3HW__ImageStage[data-phase="resolving"] .GenerativeLoader-module-scss-module__byw3HW__ImageLoaderLayer, .GenerativeLoader-module-scss-module__byw3HW__ImageStage[data-phase="resolving"] .GenerativeLoader-module-scss-module__byw3HW__ImageResolveLayer {
    display: none;
  }
}

/* [project]/UIKit/packages/components/Text/Text.module.scss.module.css [app-client] (css) */
.Text-module-scss-module__l8L4va__Text {
  color: inherit;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  transition: var(--transition-opacity);
}

.Text-module-scss-module__l8L4va__PressableText {
  vertical-align: middle;
  white-space: nowrap;
  max-width: 100%;
  flex: none !important;
  display: inline-flex !important;
}

.Text-module-scss-module__l8L4va__Superscript, .Text-module-scss-module__l8L4va__Subscript {
  font-size: .72em;
  line-height: 0;
}

/* [project]/UIKit/packages/components/Button/Button.module.scss.module.css [app-client] (css) */
.Button-module-scss-module__poEVeW__RootAction {
  text-align: center;
  position: relative;
}

.Button-module-scss-module__poEVeW__SplitButton {
  overflow: hidden;
}

.Button-module-scss-module__poEVeW__SplitMainAction {
  text-align: center;
  flex: auto;
  position: relative;
}

.Button-module-scss-module__poEVeW__SplitDivider {
  z-index: 1;
  pointer-events: none;
  width: .1rem;
  position: absolute;
  top: 18%;
  bottom: 18%;
  right: 0;
}

/* [project]/UIKit/packages/frameworks/Dialog/Dialog.background.module.scss.module.css [app-client] (css) */
.Dialog-background-module-scss-module__XlR8tG__Backdrop {
  min-height: var(--dialog-backdrop-height, 0);
}

/* [project]/UIKit/packages/frameworks/Dialog/renderers/Modal.module.scss.module.css [app-client] (css) */
.Modal-module-scss-module__krTupq__ViewportAlignment {
  box-sizing: border-box;
  pointer-events: none;
  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
}

.Modal-module-scss-module__krTupq__ViewportAlignment[data-dialog-immersive-container="true"] {
  padding: 0;
}

.Modal-module-scss-module__krTupq__ImmersiveContent {
  transform-origin: center;
}

.Modal-module-scss-module__krTupq__Surface {
  will-change: auto;
}

[data-dialog-modal-height-contracting] > .Modal-module-scss-module__krTupq__Surface {
  height: 100% !important;
}

.Modal-module-scss-module__krTupq__Fill {
  flex: 1;
}

.Modal-module-scss-module__krTupq__Chrome {
  flex: none;
}

.Modal-module-scss-module__krTupq__ScrollViewport {
  overscroll-behavior: contain;
  flex: 1;
  position: relative;
  overflow: hidden auto;
}

.Modal-module-scss-module__krTupq__ScrollContent {
  flex: none;
}

.Modal-module-scss-module__krTupq__ImmersiveRadiusTransition[data-dialog-immersive-paint="native"] {
  transition: border-radius .28s cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.Modal-module-scss-module__krTupq__ImmersiveRadiusTransition[data-dialog-immersive-paint="native"][data-dialog-immersive-radius="exiting"] {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.23, 1, .32, 1);
}

@media (prefers-reduced-motion: reduce) {
  .Modal-module-scss-module__krTupq__ImmersiveRadiusTransition[data-dialog-immersive-paint="native"] {
    transition: none;
  }
}

@media (max-width: 549.98px) {
  .Modal-module-scss-module__krTupq__MobileImmersiveSurface[data-dialog-mobile-immersive] {
    box-sizing: border-box;
    overflow: hidden;
    width: calc(100dvw - 3.2rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) !important;
    max-width: min(108rem,100dvw - 3.2rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)) !important;
    height: calc(100dvh - 3.2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    max-height: min(72rem,100dvh - 3.2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
  }
}

/* [project]/UIKit/packages/frameworks/Dialog/renderers/Popover.module.scss.module.css [app-client] (css) */
.Popover-module-scss-module__4NMOca__Surface {
  overflow: visible !important;
}

.Popover-module-scss-module__4NMOca__MotionFallback {
  will-change: transform,opacity;
}

.Popover-module-scss-module__4NMOca__ContentClip {
  width: 100%;
  min-height: 0;
  max-height: inherit;
  border-radius: inherit;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.Popover-module-scss-module__4NMOca__Chrome {
  flex: none;
}

.Popover-module-scss-module__4NMOca__ScrollViewport {
  overscroll-behavior: contain;
  flex: 1;
  position: relative;
  overflow: hidden auto;
}

.Popover-module-scss-module__4NMOca__ScrollContent {
  flex: none;
}

.Popover-module-scss-module__4NMOca__Surface[data-dialog-popover-combined-shape="true"] {
  box-shadow: none !important;
  background: none !important;
  border-color: #0000 !important;
}

.Popover-module-scss-module__4NMOca__Surface[data-dialog-popover-combined-shape="true"]:after, .Popover-module-scss-module__4NMOca__Surface[data-dialog-popover-combined-shape="true"] > .Popover-module-scss-module__4NMOca__CombinedShadow, .Popover-module-scss-module__4NMOca__Surface[data-dialog-popover-combined-shape="true"] > .Popover-module-scss-module__4NMOca__CombinedBorder {
  inset: calc(-1*var(--popover-bubble-inset-top, 0px)) calc(-1*var(--popover-bubble-inset-right, 0px)) calc(-1*var(--popover-bubble-inset-bottom, 0px)) calc(-1*var(--popover-bubble-inset-left, 0px));
  width: calc(100% + var(--popover-bubble-inset-left, 0px) + var(--popover-bubble-inset-right, 0px));
  height: calc(100% + var(--popover-bubble-inset-top, 0px) + var(--popover-bubble-inset-bottom, 0px));
}

.Popover-module-scss-module__4NMOca__Surface[data-dialog-popover-combined-shape="true"]:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: var(--theme-bg, transparent);
  -webkit-mask-image: var(--popover-bubble-mask);
  -webkit-mask-image: var(--popover-bubble-mask);
  mask-image: var(--popover-bubble-mask);
  transition: var(--transition-theme-background);
  position: absolute;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.Popover-module-scss-module__4NMOca__CombinedShadow, .Popover-module-scss-module__4NMOca__CombinedBorder {
  pointer-events: none;
  display: block;
  position: absolute;
}

.Popover-module-scss-module__4NMOca__CombinedShadow {
  z-index: -2;
  overflow: visible;
}

.Popover-module-scss-module__4NMOca__CombinedBorder {
  z-index: 2;
  background-color: var(--theme-border-color, transparent);
  background-image: var(--theme-border-ring-image, none);
  -webkit-mask-image: var(--popover-bubble-border-mask);
  -webkit-mask-image: var(--popover-bubble-border-mask);
  mask-image: var(--popover-bubble-border-mask);
  background-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

[data-dialog-popover-width-animating] > .Popover-module-scss-module__4NMOca__Surface {
  width: 100% !important;
}

[data-dialog-popover-height-animating][data-dialog-popover-width-animating] > .Popover-module-scss-module__4NMOca__Surface {
  height: 100% !important;
}

[data-dialog-popover-height-animating][data-dialog-popover-width-animating] > .Popover-module-scss-module__4NMOca__Surface > .Popover-module-scss-module__4NMOca__ContentClip {
  height: 100%;
}

/* [project]/UIKit/packages/frameworks/Dialog/renderers/Sheet.module.scss.module.css [app-client] (css) */
.Sheet-module-scss-module__O_bsmq__Fill {
  flex: 1;
}

.Sheet-module-scss-module__O_bsmq__Chrome, .Sheet-module-scss-module__O_bsmq__Content, .Sheet-module-scss-module__O_bsmq__DragHandle, .Sheet-module-scss-module__O_bsmq__ScrollContent {
  flex: none;
}

.Sheet-module-scss-module__O_bsmq__DragHandle {
  position: relative;
}

.Sheet-module-scss-module__O_bsmq__ScrollViewport {
  overscroll-behavior: contain;
  touch-action: pan-y;
  flex: 1;
  position: relative;
  overflow: hidden auto;
}

.Sheet-module-scss-module__O_bsmq__MotionHost {
  will-change: transform;
}

/* [project]/UIKit/packages/frameworks/Toaster/Toaster.module.scss.module.css [app-client] (css) */
.Toaster-module-scss-module___NnBxG__Toaster {
  --width: 42rem;
  transition: none !important;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast] {
  width: calc(100% - 3.2rem);
}

@media (min-width: 768px) {
  .Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast] {
    width: 42rem;
  }
}

@media (max-width: 767.98px) {
  .Toaster-module-scss-module___NnBxG__Toaster[data-sonner-toaster] {
    --offset-top: var(--uikit-toaster-mobile-offset) !important;
    --offset-right: var(--uikit-toaster-mobile-offset) !important;
    --offset-bottom: var(--uikit-toaster-mobile-offset) !important;
    --offset-left: var(--uikit-toaster-mobile-offset) !important;
  }

  .Toaster-module-scss-module___NnBxG__Toaster.Toaster-module-scss-module___NnBxG__Toaster[data-x-position="center"] {
    left: var(--mobile-offset-left);
    right: var(--mobile-offset-right);
    width: auto;
    transform: none;
  }

  .Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast] {
    left: 0;
    right: 0;
    translate: none;
    width: 100% !important;
  }
}

.Toaster-module-scss-module___NnBxG__Toast {
  width: 100%;
  position: relative;
}

.Toaster-module-scss-module___NnBxG__Toast[data-material-surface] {
  opacity: 1 !important;
}

.Toaster-module-scss-module___NnBxG__Toast[data-material-surface]:before {
  opacity: 1 !important;
}

.Toaster-module-scss-module___NnBxG__CustomClose {
  z-index: 3;
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-visible="true"] {
  --uikit-toast-motion-x: 0px;
  --uikit-toast-motion-y: 0px;
  --uikit-toast-motion-scale: 1;
  will-change: transform;
  opacity: 1 !important;
  transform: translate3d(var(--swipe-amount-x, 0), var(--swipe-amount-y, 0), 0) translate3d(var(--uikit-toast-motion-x), var(--uikit-toast-motion-y), 0) scale(var(--uikit-toast-motion-scale)) !important;
  transition: transform var(--uikit-toast-entry-duration) var(--uikit-toast-entry-easing, var(--uikit-toast-entry-fallback-easing)),height .2s var(--transition-surface-ease),box-shadow .2s ease !important;
  animation: none !important;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-x-position="left"][data-y-position="top"] {
  transform-origin: 0 0;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-x-position="center"][data-y-position="top"] {
  transform-origin: top;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-x-position="right"][data-y-position="top"] {
  transform-origin: 100% 0;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-x-position="left"][data-y-position="bottom"] {
  transform-origin: 0 100%;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-x-position="center"][data-y-position="bottom"] {
  transform-origin: bottom;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-x-position="right"][data-y-position="bottom"] {
  transform-origin: 100% 100%;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-visible="true"]:not([data-mounted="true"])[data-y-position="top"] {
  --uikit-toast-motion-y: calc(var(--uikit-toast-entry-offset) * -1);
  --uikit-toast-motion-scale: var(--uikit-toast-entry-scale);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-visible="true"]:not([data-mounted="true"])[data-y-position="bottom"] {
  --uikit-toast-motion-y: var(--uikit-toast-entry-offset);
  --uikit-toast-motion-scale: var(--uikit-toast-entry-scale);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-uikit-toast-entry="true"][data-visible="true"][data-y-position="top"] {
  --uikit-toast-motion-y: calc(var(--uikit-toast-entry-offset) * -1);
  --uikit-toast-motion-scale: var(--uikit-toast-entry-scale);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-uikit-toast-entry="true"][data-visible="true"][data-y-position="bottom"] {
  --uikit-toast-motion-y: var(--uikit-toast-entry-offset);
  --uikit-toast-motion-scale: var(--uikit-toast-entry-scale);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-removed="true"][data-visible="true"]:not([data-swipe-out="true"]) {
  --uikit-toast-motion-scale: var(--uikit-toast-exit-scale);
  transition: transform var(--uikit-toast-exit-spatial-duration) var(--uikit-toast-exit-easing),height .2s var(--transition-surface-ease),box-shadow .2s ease !important;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-removed="true"][data-visible="true"][data-y-position="top"]:not([data-swipe-out="true"]) {
  --uikit-toast-motion-y: calc(var(--uikit-toast-exit-offset) * -1);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-removed="true"][data-visible="true"][data-y-position="bottom"]:not([data-swipe-out="true"]) {
  --uikit-toast-motion-y: var(--uikit-toast-exit-offset);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-swiping="true"][data-visible="true"] {
  transition: none !important;
  animation: none !important;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-swipe-out="true"][data-visible="true"] {
  --uikit-toast-motion-scale: 1;
  transition: transform var(--uikit-toast-exit-spatial-duration) var(--uikit-toast-exit-easing),height .2s var(--transition-surface-ease),box-shadow .2s ease !important;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-removed="true"][data-visible="true"] [data-uikit-toast-surface] {
  opacity: 0 !important;
  filter: blur(calc(var(--layer-blur-Light, .8rem) * 1)) !important;
  transition: opacity var(--uikit-toast-exit-opacity-duration) var(--uikit-toast-exit-easing),filter var(--uikit-toast-exit-opacity-duration) var(--uikit-toast-exit-easing) !important;
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast]:not(:has([data-material-surface]))[data-visible="true"] > * {
  opacity: 1;
  filter: blur();
  transition: opacity var(--uikit-toast-visual-duration) var(--uikit-toast-visual-easing),filter var(--uikit-toast-visual-duration) var(--uikit-toast-visual-easing);
}

:is(.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast]:not(:has([data-material-surface]))[data-visible="true"]:not([data-mounted="true"]) > *, .Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast]:not(:has([data-material-surface]))[data-removed="true"][data-visible="true"] > *) {
  opacity: 0;
  filter: blur(var(--uikit-toast-entry-blur));
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast]:not(:has([data-material-surface]))[data-removed="true"][data-visible="true"] > * {
  filter: blur(var(--uikit-toast-exit-blur));
  transition-duration: var(--uikit-toast-exit-opacity-duration);
  transition-timing-function: var(--uikit-toast-exit-easing);
}

.Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-visible="false"] {
  will-change: auto;
}

.Toaster-module-scss-module___NnBxG__Body {
  flex: 0 auto;
}

.Toaster-module-scss-module___NnBxG__BodyWithContent {
  flex: auto;
}

.Toaster-module-scss-module___NnBxG__Actions {
  flex: none;
}

@media (prefers-reduced-motion: reduce) {
  .Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast] {
    will-change: auto;
    --uikit-toast-motion-x: 0px;
    --uikit-toast-motion-y: 0px;
    --uikit-toast-motion-scale: 1;
    transition: none !important;
    animation: none !important;
  }

  .Toaster-module-scss-module___NnBxG__Toast {
    transition: none;
    filter: none !important;
  }

  .Toaster-module-scss-module___NnBxG__Toast:before, .Toaster-module-scss-module___NnBxG__Toast:after {
    transition: none !important;
    animation: none !important;
  }

  .Toaster-module-scss-module___NnBxG__Toast > * {
    transition: opacity var(--uikit-toast-reduced-motion-duration) var(--uikit-toast-reduced-motion-easing) !important;
    filter: none !important;
    animation: none !important;
  }

  .Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast][data-removed="true"][data-visible="true"] [data-uikit-toast-surface] {
    opacity: 0 !important;
    filter: none !important;
    transition: none !important;
  }

  .Toaster-module-scss-module___NnBxG__Toaster [data-sonner-toast]:not(:has([data-material-surface]))[data-visible="true"] > * {
    transition: opacity var(--uikit-toast-reduced-motion-duration) var(--uikit-toast-reduced-motion-easing) !important;
  }
}

/* [project]/UIKit/packages/components/Milestone/Milestone.module.scss.module.css [app-client] (css) */
.Milestone-module-scss-module__jAW7cq__Celebration {
  opacity: 0;
  animation: Milestone-module-scss-module__jAW7cq__milestone-celebration-wash .24s var(--transition-surface-ease) .3s both;
  inset: 0;
  position: absolute !important;
}

.Milestone-module-scss-module__jAW7cq__Atmosphere {
  filter: blur(2rem);
  transform: scale(1.08);
}

.Milestone-module-scss-module__jAW7cq__Halo, .Milestone-module-scss-module__jAW7cq__Bloom {
  opacity: 0;
  transform: scale(.94);
}

.Milestone-module-scss-module__jAW7cq__Halo {
  animation: Milestone-module-scss-module__jAW7cq__milestone-halo-settle .34s var(--transition-surface-ease) both;
}

.Milestone-module-scss-module__jAW7cq__Bloom {
  animation: Milestone-module-scss-module__jAW7cq__milestone-bloom .24s var(--transition-surface-ease) .3s both;
}

.Milestone-module-scss-module__jAW7cq__OrbCore {
  z-index: 1;
}

.Milestone-module-scss-module__jAW7cq__PreviousValue, .Milestone-module-scss-module__jAW7cq__Value {
  transform-origin: center;
}

.Milestone-module-scss-module__jAW7cq__PreviousValue {
  animation: Milestone-module-scss-module__jAW7cq__milestone-previous-out .16s var(--transition-surface-ease) .12s both;
}

.Milestone-module-scss-module__jAW7cq__Value {
  opacity: 0;
  filter: blur(.2rem);
  animation: Milestone-module-scss-module__jAW7cq__milestone-value-in .22s var(--transition-surface-ease) .2s both;
  transform: translateY(.8rem)scale(.96);
}

.Milestone-module-scss-module__jAW7cq__Copy, .Milestone-module-scss-module__jAW7cq__ProgressPanel, .Milestone-module-scss-module__jAW7cq__Action {
  opacity: 0;
  transform: translateY(.6rem);
}

.Milestone-module-scss-module__jAW7cq__Copy {
  animation: Milestone-module-scss-module__jAW7cq__milestone-content-in .3s var(--transition-surface-ease) .24s both;
}

.Milestone-module-scss-module__jAW7cq__ProgressPanel {
  --progress-motion-delay: .32s;
  animation: Milestone-module-scss-module__jAW7cq__milestone-content-in .3s var(--transition-surface-ease) .3s both;
}

.Milestone-module-scss-module__jAW7cq__Action {
  animation: Milestone-module-scss-module__jAW7cq__milestone-content-in .3s var(--transition-surface-ease) .34s both;
}

@keyframes Milestone-module-scss-module__jAW7cq__milestone-halo-settle {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes Milestone-module-scss-module__jAW7cq__milestone-previous-out {
  0% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  100% {
    opacity: 0;
    filter: blur(.2rem);
    transform: translateY(-.8rem)scale(.96);
  }
}

@keyframes Milestone-module-scss-module__jAW7cq__milestone-value-in {
  0% {
    opacity: 0;
    filter: blur(.2rem);
    transform: translateY(.8rem)scale(.96);
  }

  100% {
    opacity: 1;
    filter: none;
    transform: translateY(0)scale(1);
  }
}

@keyframes Milestone-module-scss-module__jAW7cq__milestone-bloom {
  0% {
    opacity: 0;
    transform: scale(.94);
  }

  42% {
    opacity: .52;
  }

  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

@keyframes Milestone-module-scss-module__jAW7cq__milestone-content-in {
  0% {
    opacity: 0;
    transform: translateY(.6rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes Milestone-module-scss-module__jAW7cq__milestone-celebration-wash {
  0% {
    opacity: 0;
  }

  46% {
    opacity: .5;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Milestone-module-scss-module__jAW7cq__Bloom, .Milestone-module-scss-module__jAW7cq__Celebration, .Milestone-module-scss-module__jAW7cq__Halo, .Milestone-module-scss-module__jAW7cq__PreviousValue, .Milestone-module-scss-module__jAW7cq__Value, .Milestone-module-scss-module__jAW7cq__Copy, .Milestone-module-scss-module__jAW7cq__ProgressPanel, .Milestone-module-scss-module__jAW7cq__Action {
    animation: none;
  }

  .Milestone-module-scss-module__jAW7cq__PreviousValue {
    opacity: 0;
  }

  .Milestone-module-scss-module__jAW7cq__Value, .Milestone-module-scss-module__jAW7cq__Copy, .Milestone-module-scss-module__jAW7cq__ProgressPanel, .Milestone-module-scss-module__jAW7cq__Action, .Milestone-module-scss-module__jAW7cq__Halo {
    opacity: 1;
    filter: none;
    transform: none;
  }

  .Milestone-module-scss-module__jAW7cq__Bloom, .Milestone-module-scss-module__jAW7cq__Celebration {
    opacity: 0;
  }
}

/* [project]/UIKit/packages/components/Progress/Progress.module.scss.module.css [app-client] (css) */
.Progress-module-scss-module___VnDuq__Indicator {
  width: var(--progress-percent, 0%);
  background: currentColor;
  height: 100%;
  position: absolute;
  inset: 0 auto 0 0;
}

.Progress-module-scss-module___VnDuq__Indicator[data-motion] {
  transition: width .22s var(--transition-surface-ease) var(--progress-motion-delay, 0s);
}

@media (prefers-reduced-motion: reduce) {
  .Progress-module-scss-module___VnDuq__Indicator[data-motion] {
    transition: none;
  }
}

/* [project]/node_modules/.bun/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.css [app-client] (css) */
.fib, .fi {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.fi {
  width: 1.33333em;
  line-height: 1em;
  display: inline-block;
  position: relative;
}

.fi:before {
  content: " ";
}

.fi.fis {
  width: 1em;
}

.fi-xx {
  background-image: url("../media/xx.1kwexm3z4mpn8.svg");
}

.fi-xx.fis {
  background-image: url("../media/xx.2o5849jkgl215.svg");
}

.fi-ad {
  background-image: url("../media/ad.08qnjjtmrj5ws.svg");
}

.fi-ad.fis {
  background-image: url("../media/ad.3-_wa_97npmrq.svg");
}

.fi-ae {
  background-image: url("../media/ae.0lp_egfq6qkfn.svg");
}

.fi-ae.fis {
  background-image: url("../media/ae.29x3nmps-aao0.svg");
}

.fi-af {
  background-image: url("../media/af.3wy7czenksp87.svg");
}

.fi-af.fis {
  background-image: url("../media/af.2ok1p-urpzy33.svg");
}

.fi-ag {
  background-image: url("../media/ag.340n3xaufdtvz.svg");
}

.fi-ag.fis {
  background-image: url("../media/ag.2xz1kxfurf3kk.svg");
}

.fi-ai {
  background-image: url("../media/ai.32ze2sguyowsm.svg");
}

.fi-ai.fis {
  background-image: url("../media/ai.3swdwnt4rt5uz.svg");
}

.fi-al {
  background-image: url("../media/al.3s0ei9o1ve2al.svg");
}

.fi-al.fis {
  background-image: url("../media/al.042ns-wg5txv-.svg");
}

.fi-am {
  background-image: url("../media/am.3lmy677m2_lm3.svg");
}

.fi-am.fis {
  background-image: url("../media/am.2l70_ll6qi258.svg");
}

.fi-ao {
  background-image: url("../media/ao.0scxcqfcwqgi8.svg");
}

.fi-ao.fis {
  background-image: url("../media/ao.3fojas6h1_nel.svg");
}

.fi-aq {
  background-image: url("../media/aq.2sc04lcbes1bk.svg");
}

.fi-aq.fis {
  background-image: url("../media/aq.09fwrjt-zqzhl.svg");
}

.fi-ar {
  background-image: url("../media/ar.0vbyobv8reqyt.svg");
}

.fi-ar.fis {
  background-image: url("../media/ar.2jjj6r5revr1i.svg");
}

.fi-as {
  background-image: url("../media/as.12c9098horuui.svg");
}

.fi-as.fis {
  background-image: url("../media/as.0l93d7i10tggi.svg");
}

.fi-at {
  background-image: url("../media/at.0z26n741kgg24.svg");
}

.fi-at.fis {
  background-image: url("../media/at.05v93not9sq8l.svg");
}

.fi-au {
  background-image: url("../media/au.09c4lbi8l53ox.svg");
}

.fi-au.fis {
  background-image: url("../media/au.0jryytr-pkmya.svg");
}

.fi-aw {
  background-image: url("../media/aw.1-h174xnjsrb8.svg");
}

.fi-aw.fis {
  background-image: url("../media/aw.1w9cbmjq-7ygd.svg");
}

.fi-ax {
  background-image: url("../media/ax.2zvxy2bl7ibos.svg");
}

.fi-ax.fis {
  background-image: url("../media/ax.17nrbz_rzg1_j.svg");
}

.fi-az {
  background-image: url("../media/az.3ydnaydfpxwzf.svg");
}

.fi-az.fis {
  background-image: url("../media/az.31ehu3t-pln85.svg");
}

.fi-ba {
  background-image: url("../media/ba.3bcnhs2vjhuxr.svg");
}

.fi-ba.fis {
  background-image: url("../media/ba.0f49ki69j9w2y.svg");
}

.fi-bb {
  background-image: url("../media/bb.1g46vq-lhhc3s.svg");
}

.fi-bb.fis {
  background-image: url("../media/bb.07-wq7m2u0srq.svg");
}

.fi-bd {
  background-image: url("../media/bd.2bwd5f-ynuims.svg");
}

.fi-bd.fis {
  background-image: url("../media/bd.1g16q3vgpfp5e.svg");
}

.fi-be {
  background-image: url("../media/be.0y1v3bw6w_glk.svg");
}

.fi-be.fis {
  background-image: url("../media/be.3pbd4n48gcsfi.svg");
}

.fi-bf {
  background-image: url("../media/bf.092x6r9-j7odq.svg");
}

.fi-bf.fis {
  background-image: url("../media/bf.3venqos-dbxgs.svg");
}

.fi-bg {
  background-image: url("../media/bg.18qzd7kjrn-xw.svg");
}

.fi-bg.fis {
  background-image: url("../media/bg.1mxxhoib9h2p0.svg");
}

.fi-bh {
  background-image: url("../media/bh.2k_6btf8nxt_7.svg");
}

.fi-bh.fis {
  background-image: url("../media/bh.21jwqpal5iibt.svg");
}

.fi-bi {
  background-image: url("../media/bi.0e_86bzj7z_rk.svg");
}

.fi-bi.fis {
  background-image: url("../media/bi.16rurls0k6293.svg");
}

.fi-bj {
  background-image: url("../media/bj.3t_5rs6jct-6a.svg");
}

.fi-bj.fis {
  background-image: url("../media/bj.1ye5gp9y32p0f.svg");
}

.fi-bl {
  background-image: url("../media/bl.01wt6-nha06aj.svg");
}

.fi-bl.fis {
  background-image: url("../media/bl.1bd_okb5-b3s2.svg");
}

.fi-bm {
  background-image: url("../media/bm.0t70ft8di4wy_.svg");
}

.fi-bm.fis {
  background-image: url("../media/bm.0sy734ajcz6r2.svg");
}

.fi-bn {
  background-image: url("../media/bn.0lyyp4--m6wil.svg");
}

.fi-bn.fis {
  background-image: url("../media/bn.2_-aovuuw_vhl.svg");
}

.fi-bo {
  background-image: url("../media/bo.29h82-_2lsnr6.svg");
}

.fi-bo.fis {
  background-image: url("../media/bo.2fu-z0vc-rbls.svg");
}

.fi-bq {
  background-image: url("../media/bq.23io8eb3zljoi.svg");
}

.fi-bq.fis {
  background-image: url("../media/bq.0w8yeouivkfoi.svg");
}

.fi-br {
  background-image: url("../media/br.1lim59_m3v1o5.svg");
}

.fi-br.fis {
  background-image: url("../media/br.22gl1e4i-n8j3.svg");
}

.fi-bs {
  background-image: url("../media/bs.2nyheqsu0_e4q.svg");
}

.fi-bs.fis {
  background-image: url("../media/bs.3h6cx5ab52vg_.svg");
}

.fi-bt {
  background-image: url("../media/bt.2nh_nuuhmeq4n.svg");
}

.fi-bt.fis {
  background-image: url("../media/bt.0bhkgp7475y2a.svg");
}

.fi-bv {
  background-image: url("../media/bv.3hwoeyztu_-zy.svg");
}

.fi-bv.fis {
  background-image: url("../media/bv.0g5dvf8m3dswl.svg");
}

.fi-bw {
  background-image: url("../media/bw.2ephhjwq-96o_.svg");
}

.fi-bw.fis {
  background-image: url("../media/bw.0aamslgx9p5g5.svg");
}

.fi-by {
  background-image: url("../media/by.2kyls0yvbg0ui.svg");
}

.fi-by.fis {
  background-image: url("../media/by.1dbnxd42j2i-8.svg");
}

.fi-bz {
  background-image: url("../media/bz.38f06ygk2-_0_.svg");
}

.fi-bz.fis {
  background-image: url("../media/bz.0bb76u7gijn_i.svg");
}

.fi-ca {
  background-image: url("../media/ca.2cy6u2z55hu60.svg");
}

.fi-ca.fis {
  background-image: url("../media/ca.1psgb0-9zdtmb.svg");
}

.fi-cc {
  background-image: url("../media/cc.2c9wc9s_h_1qq.svg");
}

.fi-cc.fis {
  background-image: url("../media/cc.0oyyqsy4yry29.svg");
}

.fi-cd {
  background-image: url("../media/cd.0gf5_g2o705de.svg");
}

.fi-cd.fis {
  background-image: url("../media/cd.2k2fxfcoaq35s.svg");
}

.fi-cf {
  background-image: url("../media/cf.0bbl2x0l6zxdn.svg");
}

.fi-cf.fis {
  background-image: url("../media/cf.2jq4mdq9zdkfk.svg");
}

.fi-cg {
  background-image: url("../media/cg.3ndol8utyi-4t.svg");
}

.fi-cg.fis {
  background-image: url("../media/cg.1utez71syxe5_.svg");
}

.fi-ch {
  background-image: url("../media/ch.04-zx8uno7o9p.svg");
}

.fi-ch.fis {
  background-image: url("../media/ch.28a64yq2ocl6c.svg");
}

.fi-ci {
  background-image: url("../media/ci.0gd0q6aozdn6f.svg");
}

.fi-ci.fis {
  background-image: url("../media/ci.2453hdm29ed9k.svg");
}

.fi-ck {
  background-image: url("../media/ck.335ej9f9r4wkt.svg");
}

.fi-ck.fis {
  background-image: url("../media/ck.1qpv7gdpevypf.svg");
}

.fi-cl {
  background-image: url("../media/cl.2oee8g-8uri5a.svg");
}

.fi-cl.fis {
  background-image: url("../media/cl.0pgdplmaouy57.svg");
}

.fi-cm {
  background-image: url("../media/cm.3nhttzm4arl35.svg");
}

.fi-cm.fis {
  background-image: url("../media/cm.1elrdbilrvpy-.svg");
}

.fi-cn {
  background-image: url("../media/cn.0xbthc_a9bbwn.svg");
}

.fi-cn.fis {
  background-image: url("../media/cn.3uyeootpkmicr.svg");
}

.fi-co {
  background-image: url("../media/co.0pegwekfgjbsk.svg");
}

.fi-co.fis {
  background-image: url("../media/co.35wq6l8hhtpvl.svg");
}

.fi-cr {
  background-image: url("../media/cr.1mmsmpuurng73.svg");
}

.fi-cr.fis {
  background-image: url("../media/cr.0qcboxi7xafvv.svg");
}

.fi-cu {
  background-image: url("../media/cu.2eooua8ru0o2r.svg");
}

.fi-cu.fis {
  background-image: url("../media/cu.2pb2qrglbslag.svg");
}

.fi-cv {
  background-image: url("../media/cv.03ja7ouc8g3ld.svg");
}

.fi-cv.fis {
  background-image: url("../media/cv.061a765zpft4z.svg");
}

.fi-cw {
  background-image: url("../media/cw.192oktk0z2n4a.svg");
}

.fi-cw.fis {
  background-image: url("../media/cw.1n2zbqtk2004w.svg");
}

.fi-cx {
  background-image: url("../media/cx.16yxhz__37eb5.svg");
}

.fi-cx.fis {
  background-image: url("../media/cx.3skhuhnpioe1y.svg");
}

.fi-cy {
  background-image: url("../media/cy.1ycsl3sgdfsy5.svg");
}

.fi-cy.fis {
  background-image: url("../media/cy.14a8xtvy-z_b1.svg");
}

.fi-cz {
  background-image: url("../media/cz.0jhcdil1dv9cb.svg");
}

.fi-cz.fis {
  background-image: url("../media/cz.0rgekh58gelkp.svg");
}

.fi-de {
  background-image: url("../media/de.382yhwb-cufgt.svg");
}

.fi-de.fis {
  background-image: url("../media/de.3mwt3ab7p_c3r.svg");
}

.fi-dj {
  background-image: url("../media/dj.02evkh-575cus.svg");
}

.fi-dj.fis {
  background-image: url("../media/dj.245jm724q5s2a.svg");
}

.fi-dk {
  background-image: url("../media/dk.0jr0294h4sfnj.svg");
}

.fi-dk.fis {
  background-image: url("../media/dk.3xl9e75opkzsq.svg");
}

.fi-dm {
  background-image: url("../media/dm.02j3wmii0zb8a.svg");
}

.fi-dm.fis {
  background-image: url("../media/dm.1306-asn2w_3p.svg");
}

.fi-do {
  background-image: url("../media/do.08bxmnge7w4cd.svg");
}

.fi-do.fis {
  background-image: url("../media/do.2xrtny4ehf_yf.svg");
}

.fi-dz {
  background-image: url("../media/dz.1w0mt-vkcckip.svg");
}

.fi-dz.fis {
  background-image: url("../media/dz.0_4opsk27-900.svg");
}

.fi-ec {
  background-image: url("../media/ec.0l24k0x52xsgj.svg");
}

.fi-ec.fis {
  background-image: url("../media/ec.0ip_vnw61n9sh.svg");
}

.fi-ee {
  background-image: url("../media/ee.2vphvd7dupyoi.svg");
}

.fi-ee.fis {
  background-image: url("../media/ee.1srcbpdocyeut.svg");
}

.fi-eg {
  background-image: url("../media/eg.2022-s1i2n2kb.svg");
}

.fi-eg.fis {
  background-image: url("../media/eg.2454gg-y8bi4l.svg");
}

.fi-eh {
  background-image: url("../media/eh.1_wsmbn2k286t.svg");
}

.fi-eh.fis {
  background-image: url("../media/eh.1789mhh1g8-om.svg");
}

.fi-er {
  background-image: url("../media/er.1plsx0yo6qn0f.svg");
}

.fi-er.fis {
  background-image: url("../media/er.0lps8otp9znss.svg");
}

.fi-es {
  background-image: url("../media/es.3jwq6b1aedu03.svg");
}

.fi-es.fis {
  background-image: url("../media/es.2f8-_zatq3k1e.svg");
}

.fi-et {
  background-image: url("../media/et.1aiz170fyx9nc.svg");
}

.fi-et.fis {
  background-image: url("../media/et.1-056hz33m-h7.svg");
}

.fi-fi {
  background-image: url("../media/fi.0icgbywumbgxs.svg");
}

.fi-fi.fis {
  background-image: url("../media/fi.0g6q8fxz-hu2h.svg");
}

.fi-fj {
  background-image: url("../media/fj.1jof26-0ywda-.svg");
}

.fi-fj.fis {
  background-image: url("../media/fj.21_mkb3zs8-dq.svg");
}

.fi-fk {
  background-image: url("../media/fk.0r7yj0bkb-3g8.svg");
}

.fi-fk.fis {
  background-image: url("../media/fk.3gss-763y6gon.svg");
}

.fi-fm {
  background-image: url("../media/fm.2zzauwf7t014y.svg");
}

.fi-fm.fis {
  background-image: url("../media/fm.0orx15ogim-5i.svg");
}

.fi-fo {
  background-image: url("../media/fo.1oigx-c4p-w4m.svg");
}

.fi-fo.fis {
  background-image: url("../media/fo.27z77fpbl4jay.svg");
}

.fi-fr {
  background-image: url("../media/fr.3rsllm7xx7hrw.svg");
}

.fi-fr.fis {
  background-image: url("../media/fr.1uzro7cjkg2bz.svg");
}

.fi-ga {
  background-image: url("../media/ga.2qm9vuf_22pg3.svg");
}

.fi-ga.fis {
  background-image: url("../media/ga.32wse5w28gynz.svg");
}

.fi-gb {
  background-image: url("../media/gb.1e85bjg_5t8f0.svg");
}

.fi-gb.fis {
  background-image: url("../media/gb.2u5d_yvsc55x4.svg");
}

.fi-gd {
  background-image: url("../media/gd.2ua5sjbxlzlqm.svg");
}

.fi-gd.fis {
  background-image: url("../media/gd.08a23p-v--9ob.svg");
}

.fi-ge {
  background-image: url("../media/ge.1sjscsnxtr768.svg");
}

.fi-ge.fis {
  background-image: url("../media/ge.19vsj1sgj_x9t.svg");
}

.fi-gf {
  background-image: url("../media/gf.2z48dsi_iwzn3.svg");
}

.fi-gf.fis {
  background-image: url("../media/gf.2r2pfsj9nwy53.svg");
}

.fi-gg {
  background-image: url("../media/gg.15w2ak2-gr11g.svg");
}

.fi-gg.fis {
  background-image: url("../media/gg.2-bbcpde7ly-1.svg");
}

.fi-gh {
  background-image: url("../media/gh.28vw1xqefa35e.svg");
}

.fi-gh.fis {
  background-image: url("../media/gh.1qq8gaqv7ovah.svg");
}

.fi-gi {
  background-image: url("../media/gi.19jpu8nhmdwj1.svg");
}

.fi-gi.fis {
  background-image: url("../media/gi.2jjv10ez2_c9o.svg");
}

.fi-gl {
  background-image: url("../media/gl.26bj58htdfq7u.svg");
}

.fi-gl.fis {
  background-image: url("../media/gl.3wjymvsq__6il.svg");
}

.fi-gm {
  background-image: url("../media/gm.2kzdevbj1tew0.svg");
}

.fi-gm.fis {
  background-image: url("../media/gm.3luea8ekrlv1c.svg");
}

.fi-gn {
  background-image: url("../media/gn.35hkr6jnn1ij4.svg");
}

.fi-gn.fis {
  background-image: url("../media/gn.29j350zd-vhhe.svg");
}

.fi-gp {
  background-image: url("../media/gp.2fvoboz9vna9e.svg");
}

.fi-gp.fis {
  background-image: url("../media/gp.0epon1il62cax.svg");
}

.fi-gq {
  background-image: url("../media/gq.2xg4vpmvniws1.svg");
}

.fi-gq.fis {
  background-image: url("../media/gq.42vkpra40i19_.svg");
}

.fi-gr {
  background-image: url("../media/gr.2fy04rl96dsps.svg");
}

.fi-gr.fis {
  background-image: url("../media/gr.0-turet1nloa_.svg");
}

.fi-gs {
  background-image: url("../media/gs.40uuf30c3uuj2.svg");
}

.fi-gs.fis {
  background-image: url("../media/gs.0t09i_7w7xkuw.svg");
}

.fi-gt {
  background-image: url("../media/gt.40fgfe0r-pb81.svg");
}

.fi-gt.fis {
  background-image: url("../media/gt.1m34g3f92deai.svg");
}

.fi-gu {
  background-image: url("../media/gu.0icw555djkd_h.svg");
}

.fi-gu.fis {
  background-image: url("../media/gu.1-cq8i3jxha4_.svg");
}

.fi-gw {
  background-image: url("../media/gw.1kg6m08_5sdbu.svg");
}

.fi-gw.fis {
  background-image: url("../media/gw.2jo1cnfwb61ne.svg");
}

.fi-gy {
  background-image: url("../media/gy.3153-adua9d9z.svg");
}

.fi-gy.fis {
  background-image: url("../media/gy.0g_3x3oyrs4r9.svg");
}

.fi-hk {
  background-image: url("../media/hk.2glawr-h3ed6g.svg");
}

.fi-hk.fis {
  background-image: url("../media/hk.166k89iyj-67o.svg");
}

.fi-hm {
  background-image: url("../media/hm.02_i4xx3rcj__.svg");
}

.fi-hm.fis {
  background-image: url("../media/hm.2crrksdhuba2m.svg");
}

.fi-hn {
  background-image: url("../media/hn.15fxszo36rc8p.svg");
}

.fi-hn.fis {
  background-image: url("../media/hn.1nk5bzilo2yq5.svg");
}

.fi-hr {
  background-image: url("../media/hr.04bys4huewk8_.svg");
}

.fi-hr.fis {
  background-image: url("../media/hr.01q8t88zb4-z7.svg");
}

.fi-ht {
  background-image: url("../media/ht.2-62b_4vxar8-.svg");
}

.fi-ht.fis {
  background-image: url("../media/ht.1pf4k4zt_3wkm.svg");
}

.fi-hu {
  background-image: url("../media/hu.3mvxr7i0lmw74.svg");
}

.fi-hu.fis {
  background-image: url("../media/hu.22wajjdxmlo0s.svg");
}

.fi-id {
  background-image: url("../media/id.2p_bmmjx0hlmc.svg");
}

.fi-id.fis {
  background-image: url("../media/id.0wz9divp_b4vg.svg");
}

.fi-ie {
  background-image: url("../media/ie.2in2hao5yrc75.svg");
}

.fi-ie.fis {
  background-image: url("../media/ie.1l_3-mum5pp68.svg");
}

.fi-il {
  background-image: url("../media/il.23_79c33ymfry.svg");
}

.fi-il.fis {
  background-image: url("../media/il.06f7uyj0vru-v.svg");
}

.fi-im {
  background-image: url("../media/im.2xjro6v4yw__k.svg");
}

.fi-im.fis {
  background-image: url("../media/im.2n2x9m_5wn0ku.svg");
}

.fi-in {
  background-image: url("../media/in.23o1lp_ompvci.svg");
}

.fi-in.fis {
  background-image: url("../media/in.3ijkp8w9q429v.svg");
}

.fi-io {
  background-image: url("../media/io.3xgl7c8tdgc2t.svg");
}

.fi-io.fis {
  background-image: url("../media/io.2qunwczlydu3t.svg");
}

.fi-iq {
  background-image: url("../media/iq.2bl5c7p9u9xz3.svg");
}

.fi-iq.fis {
  background-image: url("../media/iq.3nkdjyjl_zxm5.svg");
}

.fi-ir {
  background-image: url("../media/ir.25o1m1av7p56o.svg");
}

.fi-ir.fis {
  background-image: url("../media/ir.3dt0udm8vqx1n.svg");
}

.fi-is {
  background-image: url("../media/is.2im7rvbdjxgeo.svg");
}

.fi-is.fis {
  background-image: url("../media/is.3zp9u11rp_7vf.svg");
}

.fi-it {
  background-image: url("../media/it.28jj5t2w1e8n9.svg");
}

.fi-it.fis {
  background-image: url("../media/it.0s4abwx0c0mf2.svg");
}

.fi-je {
  background-image: url("../media/je.3fw1rz632rmq1.svg");
}

.fi-je.fis {
  background-image: url("../media/je.1yj04bl5j540l.svg");
}

.fi-jm {
  background-image: url("../media/jm.2bjervf8x0ae3.svg");
}

.fi-jm.fis {
  background-image: url("../media/jm.3ysownfmo8s2t.svg");
}

.fi-jo {
  background-image: url("../media/jo.2ox3cm-zosovh.svg");
}

.fi-jo.fis {
  background-image: url("../media/jo.3lgq5mq8-z39a.svg");
}

.fi-jp {
  background-image: url("../media/jp.07kbrn116x9rq.svg");
}

.fi-jp.fis {
  background-image: url("../media/jp.0487ljbr7eel7.svg");
}

.fi-ke {
  background-image: url("../media/ke.1svh7ewcm21tx.svg");
}

.fi-ke.fis {
  background-image: url("../media/ke.3tcotnkp06y6o.svg");
}

.fi-kg {
  background-image: url("../media/kg.40bbse10h2g4k.svg");
}

.fi-kg.fis {
  background-image: url("../media/kg.35om6ut3d1rr6.svg");
}

.fi-kh {
  background-image: url("../media/kh.2xbb-0s47a0ej.svg");
}

.fi-kh.fis {
  background-image: url("../media/kh.0gzd3yo8i4l7m.svg");
}

.fi-ki {
  background-image: url("../media/ki.2of4-_nc-1ete.svg");
}

.fi-ki.fis {
  background-image: url("../media/ki.3njd3zd356gko.svg");
}

.fi-km {
  background-image: url("../media/km.1dwd878qgdilv.svg");
}

.fi-km.fis {
  background-image: url("../media/km.2y9rclmsl1263.svg");
}

.fi-kn {
  background-image: url("../media/kn.3pg9v-v_yc76h.svg");
}

.fi-kn.fis {
  background-image: url("../media/kn.0wjauej7_7e-s.svg");
}

.fi-kp {
  background-image: url("../media/kp.2d25jxwtnvhe8.svg");
}

.fi-kp.fis {
  background-image: url("../media/kp.2waxe-temucc7.svg");
}

.fi-kr {
  background-image: url("../media/kr.3nm9b2rm0e892.svg");
}

.fi-kr.fis {
  background-image: url("../media/kr.2cpsb1zsc3c-3.svg");
}

.fi-kw {
  background-image: url("../media/kw.0f_vzxox8e6mm.svg");
}

.fi-kw.fis {
  background-image: url("../media/kw.3b9zyqgu_3kqi.svg");
}

.fi-ky {
  background-image: url("../media/ky.0ij8_dredj5h5.svg");
}

.fi-ky.fis {
  background-image: url("../media/ky.3s0sib7rp8plq.svg");
}

.fi-kz {
  background-image: url("../media/kz.1mgsvosss8wkm.svg");
}

.fi-kz.fis {
  background-image: url("../media/kz.42sve6a9ltos2.svg");
}

.fi-la {
  background-image: url("../media/la.0n6n74y142j89.svg");
}

.fi-la.fis {
  background-image: url("../media/la.1c-rrtxl7wgxc.svg");
}

.fi-lb {
  background-image: url("../media/lb.1i0nv-nyoex4d.svg");
}

.fi-lb.fis {
  background-image: url("../media/lb.257rpgs6e5t60.svg");
}

.fi-lc {
  background-image: url("../media/lc.1kh73_3wvkseq.svg");
}

.fi-lc.fis {
  background-image: url("../media/lc.2bf0526ot4gh_.svg");
}

.fi-li {
  background-image: url("../media/li.1a-nfexbj_8dw.svg");
}

.fi-li.fis {
  background-image: url("../media/li.1ujx4buytayf7.svg");
}

.fi-lk {
  background-image: url("../media/lk.3x3bncsszkgud.svg");
}

.fi-lk.fis {
  background-image: url("../media/lk.3avgn28_ova-9.svg");
}

.fi-lr {
  background-image: url("../media/lr.0x0ypt_5dtbi7.svg");
}

.fi-lr.fis {
  background-image: url("../media/lr.1dsct7xe96w02.svg");
}

.fi-ls {
  background-image: url("../media/ls.0s9i2x0an7sjc.svg");
}

.fi-ls.fis {
  background-image: url("../media/ls.0att13c56lgzs.svg");
}

.fi-lt {
  background-image: url("../media/lt.0dvkjcjv0ujf-.svg");
}

.fi-lt.fis {
  background-image: url("../media/lt.10o3rk0qiadc8.svg");
}

.fi-lu {
  background-image: url("../media/lu.3yyrwyr23dg46.svg");
}

.fi-lu.fis {
  background-image: url("../media/lu.125egsmjaiv66.svg");
}

.fi-lv {
  background-image: url("../media/lv.3cg-vch89_q75.svg");
}

.fi-lv.fis {
  background-image: url("../media/lv.1u3o2nni5qtda.svg");
}

.fi-ly {
  background-image: url("../media/ly.0ts0-sx9ht93b.svg");
}

.fi-ly.fis {
  background-image: url("../media/ly.2rqoa7h-k9vsi.svg");
}

.fi-ma {
  background-image: url("../media/ma.3-lu5ymhacwsp.svg");
}

.fi-ma.fis {
  background-image: url("../media/ma.0959b7yg4-ahd.svg");
}

.fi-mc {
  background-image: url("../media/mc.2_a2t2imu79o6.svg");
}

.fi-mc.fis {
  background-image: url("../media/mc.40l6ldbajq7ql.svg");
}

.fi-md {
  background-image: url("../media/md.25n114h4ed91p.svg");
}

.fi-md.fis {
  background-image: url("../media/md.42zi4yc32mjzc.svg");
}

.fi-me {
  background-image: url("../media/me.0e7549_owbkua.svg");
}

.fi-me.fis {
  background-image: url("../media/me.3e4ri39yfcu30.svg");
}

.fi-mf {
  background-image: url("../media/mf.0rmaw9hfar1of.svg");
}

.fi-mf.fis {
  background-image: url("../media/mf.3eilizm3hznq6.svg");
}

.fi-mg {
  background-image: url("../media/mg.3xzx7tdkjcx-n.svg");
}

.fi-mg.fis {
  background-image: url("../media/mg.1fli67iif5v08.svg");
}

.fi-mh {
  background-image: url("../media/mh.2hp7bqpnzn5vu.svg");
}

.fi-mh.fis {
  background-image: url("../media/mh.38ynfphioc-_h.svg");
}

.fi-mk {
  background-image: url("../media/mk.2gyoisr3ezc__.svg");
}

.fi-mk.fis {
  background-image: url("../media/mk.3ke79kfzzqapt.svg");
}

.fi-ml {
  background-image: url("../media/ml.24u1ck97fajoa.svg");
}

.fi-ml.fis {
  background-image: url("../media/ml.2r89qymrh2jod.svg");
}

.fi-mm {
  background-image: url("../media/mm.0ps2-wsd1e3ej.svg");
}

.fi-mm.fis {
  background-image: url("../media/mm.2p-mmyo5kqmst.svg");
}

.fi-mn {
  background-image: url("../media/mn.0spn2v_pix38z.svg");
}

.fi-mn.fis {
  background-image: url("../media/mn.410ga6jj6j2pe.svg");
}

.fi-mo {
  background-image: url("../media/mo.28ttxabmac52y.svg");
}

.fi-mo.fis {
  background-image: url("../media/mo.1qbttwpznzh5y.svg");
}

.fi-mp {
  background-image: url("../media/mp.1twvdmh_3w3p-.svg");
}

.fi-mp.fis {
  background-image: url("../media/mp.1d0z-qh38sv8v.svg");
}

.fi-mq {
  background-image: url("../media/mq.1j4i3mxy01mkm.svg");
}

.fi-mq.fis {
  background-image: url("../media/mq.3z6usmqtptwhu.svg");
}

.fi-mr {
  background-image: url("../media/mr.1xbfbi4hhc28_.svg");
}

.fi-mr.fis {
  background-image: url("../media/mr.3r61_-hm2ldzl.svg");
}

.fi-ms {
  background-image: url("../media/ms.1892-fa90g1ay.svg");
}

.fi-ms.fis {
  background-image: url("../media/ms.191t67c5slqb4.svg");
}

.fi-mt {
  background-image: url("../media/mt.16_8tss0uvig-.svg");
}

.fi-mt.fis {
  background-image: url("../media/mt.2n9_2_9z43kqx.svg");
}

.fi-mu {
  background-image: url("../media/mu.1jaq3fxlsuw78.svg");
}

.fi-mu.fis {
  background-image: url("../media/mu.37md8kk8faac1.svg");
}

.fi-mv {
  background-image: url("../media/mv.1dqxp4c58o_86.svg");
}

.fi-mv.fis {
  background-image: url("../media/mv.2-kcxbimaunz3.svg");
}

.fi-mw {
  background-image: url("../media/mw.3jhvb8o08jrwd.svg");
}

.fi-mw.fis {
  background-image: url("../media/mw.0kiyz5uz5wel_.svg");
}

.fi-mx {
  background-image: url("../media/mx.2pliu-_prjq5h.svg");
}

.fi-mx.fis {
  background-image: url("../media/mx.1fp7vcewejtv6.svg");
}

.fi-my {
  background-image: url("../media/my.2r-9xrwm_hib5.svg");
}

.fi-my.fis {
  background-image: url("../media/my.26wpykeu0ci85.svg");
}

.fi-mz {
  background-image: url("../media/mz.2kix2mpahj5wy.svg");
}

.fi-mz.fis {
  background-image: url("../media/mz.2efw3gl_nta_d.svg");
}

.fi-na {
  background-image: url("../media/na.3d2iac_e-frx0.svg");
}

.fi-na.fis {
  background-image: url("../media/na.15ult6v2o_vyb.svg");
}

.fi-nc {
  background-image: url("../media/nc.231rm-9wn27zp.svg");
}

.fi-nc.fis {
  background-image: url("../media/nc.3xgnughlk924m.svg");
}

.fi-ne {
  background-image: url("../media/ne.3gean43ry81c_.svg");
}

.fi-ne.fis {
  background-image: url("../media/ne.0ymcegfx-28q-.svg");
}

.fi-nf {
  background-image: url("../media/nf.23u3y_r2nvsme.svg");
}

.fi-nf.fis {
  background-image: url("../media/nf.0dvy1huvriz5j.svg");
}

.fi-ng {
  background-image: url("../media/ng.08p8tfb041qvh.svg");
}

.fi-ng.fis {
  background-image: url("../media/ng.2k751rf0att2i.svg");
}

.fi-ni {
  background-image: url("../media/ni.0gvr8l1qsy7xw.svg");
}

.fi-ni.fis {
  background-image: url("../media/ni.3us1vjxfc2r_6.svg");
}

.fi-nl {
  background-image: url("../media/nl.032d_gwegw-fa.svg");
}

.fi-nl.fis {
  background-image: url("../media/nl.201nl7949_f6j.svg");
}

.fi-no {
  background-image: url("../media/no.29b6jdvgi8o5y.svg");
}

.fi-no.fis {
  background-image: url("../media/no.2axuipxehr8l4.svg");
}

.fi-np {
  background-image: url("../media/np.3eymdwb96xxqe.svg");
}

.fi-np.fis {
  background-image: url("../media/np.297-pwjcsiz-n.svg");
}

.fi-nr {
  background-image: url("../media/nr.3imq-j40byy6v.svg");
}

.fi-nr.fis {
  background-image: url("../media/nr.1z29ijeddr2cg.svg");
}

.fi-nu {
  background-image: url("../media/nu.1ii447sa-9w41.svg");
}

.fi-nu.fis {
  background-image: url("../media/nu.15-bk-7nxv0nu.svg");
}

.fi-nz {
  background-image: url("../media/nz.423d2d5iknj_x.svg");
}

.fi-nz.fis {
  background-image: url("../media/nz.1krj0gm0d_n90.svg");
}

.fi-om {
  background-image: url("../media/om.20_b_impdr56x.svg");
}

.fi-om.fis {
  background-image: url("../media/om.3tp_kxob9-399.svg");
}

.fi-pa {
  background-image: url("../media/pa.0u36m_0r9zdh8.svg");
}

.fi-pa.fis {
  background-image: url("../media/pa.3lyu_yv_15ku8.svg");
}

.fi-pe {
  background-image: url("../media/pe.1_8i8r-1fra32.svg");
}

.fi-pe.fis {
  background-image: url("../media/pe.260fc3dr1cqt4.svg");
}

.fi-pf {
  background-image: url("../media/pf.3z0eoo6z2sc-j.svg");
}

.fi-pf.fis {
  background-image: url("../media/pf.1sapmtsy0rws6.svg");
}

.fi-pg {
  background-image: url("../media/pg.3ykkiplqnk8jg.svg");
}

.fi-pg.fis {
  background-image: url("../media/pg.1je63tvduccnw.svg");
}

.fi-ph {
  background-image: url("../media/ph.3azj0xmcy1tgi.svg");
}

.fi-ph.fis {
  background-image: url("../media/ph.0l_5--7hd-i6b.svg");
}

.fi-pk {
  background-image: url("../media/pk.3o6tl1hm52y_f.svg");
}

.fi-pk.fis {
  background-image: url("../media/pk.0c1a-44ax15q7.svg");
}

.fi-pl {
  background-image: url("../media/pl.0urb2pf4s22a7.svg");
}

.fi-pl.fis {
  background-image: url("../media/pl.41y-rhclwxg-s.svg");
}

.fi-pm {
  background-image: url("../media/pm.2nfzegtqzr4_u.svg");
}

.fi-pm.fis {
  background-image: url("../media/pm.0u49-l_3vgt3b.svg");
}

.fi-pn {
  background-image: url("../media/pn.0m0475b96ikwl.svg");
}

.fi-pn.fis {
  background-image: url("../media/pn.1pr97epdnl-gm.svg");
}

.fi-pr {
  background-image: url("../media/pr.2ij1lkscljxpv.svg");
}

.fi-pr.fis {
  background-image: url("../media/pr.3vzjr84kisq1_.svg");
}

.fi-ps {
  background-image: url("../media/ps.0cy3oeoim82fi.svg");
}

.fi-ps.fis {
  background-image: url("../media/ps.1ox2iwwokwc3n.svg");
}

.fi-pt {
  background-image: url("../media/pt.30uq3q4ca_-ob.svg");
}

.fi-pt.fis {
  background-image: url("../media/pt.0s68hg09vum3m.svg");
}

.fi-pw {
  background-image: url("../media/pw.3qs0epp3znr61.svg");
}

.fi-pw.fis {
  background-image: url("../media/pw.0-nmvqfej8pt9.svg");
}

.fi-py {
  background-image: url("../media/py.3w2cm32abmx7b.svg");
}

.fi-py.fis {
  background-image: url("../media/py.1i-dttsojmmwv.svg");
}

.fi-qa {
  background-image: url("../media/qa.2xtv1t2mfaea_.svg");
}

.fi-qa.fis {
  background-image: url("../media/qa.2odq5ns-noz_r.svg");
}

.fi-re {
  background-image: url("../media/re.1ujh2q-nahwxa.svg");
}

.fi-re.fis {
  background-image: url("../media/re.3-6_1nep_hmq9.svg");
}

.fi-ro {
  background-image: url("../media/ro.0mkw5mp9tsi4b.svg");
}

.fi-ro.fis {
  background-image: url("../media/ro.0h45irn3xl319.svg");
}

.fi-rs {
  background-image: url("../media/rs.3fp59pzcoe7zm.svg");
}

.fi-rs.fis {
  background-image: url("../media/rs.1dc7tvnzyz7nv.svg");
}

.fi-ru {
  background-image: url("../media/ru.22ziysz1h6pbc.svg");
}

.fi-ru.fis {
  background-image: url("../media/ru.051ow4ar0urnj.svg");
}

.fi-rw {
  background-image: url("../media/rw.25zz3q_iate4p.svg");
}

.fi-rw.fis {
  background-image: url("../media/rw.0_m2y1qtsunzs.svg");
}

.fi-sa {
  background-image: url("../media/sa.1d-o0sx2msp7o.svg");
}

.fi-sa.fis {
  background-image: url("../media/sa.22woceiwr4sh9.svg");
}

.fi-sb {
  background-image: url("../media/sb.1d2dqy03a90e7.svg");
}

.fi-sb.fis {
  background-image: url("../media/sb.1q0vskmy4x_tu.svg");
}

.fi-sc {
  background-image: url("../media/sc.1doy59whe3cy9.svg");
}

.fi-sc.fis {
  background-image: url("../media/sc.0bs9bi4x29htw.svg");
}

.fi-sd {
  background-image: url("../media/sd.0olpntt_m74m0.svg");
}

.fi-sd.fis {
  background-image: url("../media/sd.015ij7li3dzd_.svg");
}

.fi-se {
  background-image: url("../media/se.0x4bam4k37dur.svg");
}

.fi-se.fis {
  background-image: url("../media/se.3xyrkneb03r1b.svg");
}

.fi-sg {
  background-image: url("../media/sg.09pg31o1s1w4l.svg");
}

.fi-sg.fis {
  background-image: url("../media/sg.413t2c-35acy6.svg");
}

.fi-sh {
  background-image: url("../media/sh.30_2db695ejuu.svg");
}

.fi-sh.fis {
  background-image: url("../media/sh.3idg6donbyr37.svg");
}

.fi-si {
  background-image: url("../media/si.2jikcjz1khewt.svg");
}

.fi-si.fis {
  background-image: url("../media/si.2hzs7aw53w5a_.svg");
}

.fi-sj {
  background-image: url("../media/sj.3kkc8b4_6vlf6.svg");
}

.fi-sj.fis {
  background-image: url("../media/sj.41xx153kq_xnf.svg");
}

.fi-sk {
  background-image: url("../media/sk.389yba_4ysbi9.svg");
}

.fi-sk.fis {
  background-image: url("../media/sk.0te4sayv_qjmh.svg");
}

.fi-sl {
  background-image: url("../media/sl.3qxn71z_m4gvm.svg");
}

.fi-sl.fis {
  background-image: url("../media/sl.2g_morc9a8yr_.svg");
}

.fi-sm {
  background-image: url("../media/sm.23vwlbrxo8s67.svg");
}

.fi-sm.fis {
  background-image: url("../media/sm.28x9ebx_0c70t.svg");
}

.fi-sn {
  background-image: url("../media/sn.3_kbvdair1rtf.svg");
}

.fi-sn.fis {
  background-image: url("../media/sn.3vvhtohtg2ixf.svg");
}

.fi-so {
  background-image: url("../media/so.39m8_z2wmpnfr.svg");
}

.fi-so.fis {
  background-image: url("../media/so.09zl_nsi2apfg.svg");
}

.fi-sr {
  background-image: url("../media/sr.0of320lw6vpjq.svg");
}

.fi-sr.fis {
  background-image: url("../media/sr.2425yw59-_fw6.svg");
}

.fi-ss {
  background-image: url("../media/ss.1ecc9k7z8zcii.svg");
}

.fi-ss.fis {
  background-image: url("../media/ss.1imo7xocbdw-d.svg");
}

.fi-st {
  background-image: url("../media/st.3ufx0wgr-mrvr.svg");
}

.fi-st.fis {
  background-image: url("../media/st.2itywisw-c72p.svg");
}

.fi-sv {
  background-image: url("../media/sv.0r-08f90d1no5.svg");
}

.fi-sv.fis {
  background-image: url("../media/sv.2pbu2x4jtz1xx.svg");
}

.fi-sx {
  background-image: url("../media/sx.1nuisls0pqn34.svg");
}

.fi-sx.fis {
  background-image: url("../media/sx.3pzo6sx94eo5x.svg");
}

.fi-sy {
  background-image: url("../media/sy.37xvox1_bx4eh.svg");
}

.fi-sy.fis {
  background-image: url("../media/sy.14v91_zmrezly.svg");
}

.fi-sz {
  background-image: url("../media/sz.44fmd3txbtsdb.svg");
}

.fi-sz.fis {
  background-image: url("../media/sz.15nzo-i0ol3_3.svg");
}

.fi-tc {
  background-image: url("../media/tc.2adq_1nd7ur3k.svg");
}

.fi-tc.fis {
  background-image: url("../media/tc.33hsnc5v3i9o6.svg");
}

.fi-td {
  background-image: url("../media/td.19njcmp66oth6.svg");
}

.fi-td.fis {
  background-image: url("../media/td.2mvchmjb190ux.svg");
}

.fi-tf {
  background-image: url("../media/tf.37ok118fq50kk.svg");
}

.fi-tf.fis {
  background-image: url("../media/tf.1q06a2cao33z3.svg");
}

.fi-tg {
  background-image: url("../media/tg.2es8t49yimhzm.svg");
}

.fi-tg.fis {
  background-image: url("../media/tg.12-0hhzeoxd_e.svg");
}

.fi-th {
  background-image: url("../media/th.0ma-9fgy1_vj8.svg");
}

.fi-th.fis {
  background-image: url("../media/th.0of4nkgrqx878.svg");
}

.fi-tj {
  background-image: url("../media/tj.3l52jakiac9bc.svg");
}

.fi-tj.fis {
  background-image: url("../media/tj.1qx5m584htzp4.svg");
}

.fi-tk {
  background-image: url("../media/tk.3ad275y-n8xn0.svg");
}

.fi-tk.fis {
  background-image: url("../media/tk.0xbtb4lkscq0l.svg");
}

.fi-tl {
  background-image: url("../media/tl.0vhhs3p-e5d5v.svg");
}

.fi-tl.fis {
  background-image: url("../media/tl.1sbc0h4keff-z.svg");
}

.fi-tm {
  background-image: url("../media/tm.0ngb0p90_zhlx.svg");
}

.fi-tm.fis {
  background-image: url("../media/tm.1lh1qrxubj__a.svg");
}

.fi-tn {
  background-image: url("../media/tn.1c7hqabasnanh.svg");
}

.fi-tn.fis {
  background-image: url("../media/tn.3ir5twz5v2vnz.svg");
}

.fi-to {
  background-image: url("../media/to.12ei56lhzsj2z.svg");
}

.fi-to.fis {
  background-image: url("../media/to.2iqy6_qhuczh0.svg");
}

.fi-tr {
  background-image: url("../media/tr.29qgv6gtc7976.svg");
}

.fi-tr.fis {
  background-image: url("../media/tr.084vr5wytmfi6.svg");
}

.fi-tt {
  background-image: url("../media/tt.3ftnm8x2_fw9a.svg");
}

.fi-tt.fis {
  background-image: url("../media/tt.44tm41p2vge_7.svg");
}

.fi-tv {
  background-image: url("../media/tv.0kmzsmgjwsh23.svg");
}

.fi-tv.fis {
  background-image: url("../media/tv.2ne6ei58yu3vo.svg");
}

.fi-tw {
  background-image: url("../media/tw.3gb_7b_095ejo.svg");
}

.fi-tw.fis {
  background-image: url("../media/tw.1lh9wzruv4hce.svg");
}

.fi-tz {
  background-image: url("../media/tz.3togoiu71nn3q.svg");
}

.fi-tz.fis {
  background-image: url("../media/tz.14zz5rsu5p9yr.svg");
}

.fi-ua {
  background-image: url("../media/ua.3o7_mwgfhzevj.svg");
}

.fi-ua.fis {
  background-image: url("../media/ua.23s1hly56x2gh.svg");
}

.fi-ug {
  background-image: url("../media/ug.0r71hqc8e7dbu.svg");
}

.fi-ug.fis {
  background-image: url("../media/ug.0td7-atk3-di0.svg");
}

.fi-um {
  background-image: url("../media/um.1d5icov7p2rg0.svg");
}

.fi-um.fis {
  background-image: url("../media/um.381aujxjuwl4b.svg");
}

.fi-us {
  background-image: url("../media/us.0i80fi4aa4liy.svg");
}

.fi-us.fis {
  background-image: url("../media/us.34zi2fzuqwcwd.svg");
}

.fi-uy {
  background-image: url("../media/uy.3fsqj5fftofde.svg");
}

.fi-uy.fis {
  background-image: url("../media/uy.3y7jtm_ppbte5.svg");
}

.fi-uz {
  background-image: url("../media/uz.44sh_x0fgp11k.svg");
}

.fi-uz.fis {
  background-image: url("../media/uz.1piicz2m7m2gg.svg");
}

.fi-va {
  background-image: url("../media/va.2-9mp9wq3yrc6.svg");
}

.fi-va.fis {
  background-image: url("../media/va.0s0h5pc92jrbz.svg");
}

.fi-vc {
  background-image: url("../media/vc.26b64tzn6l7jp.svg");
}

.fi-vc.fis {
  background-image: url("../media/vc.2mqy4nuwa9c3z.svg");
}

.fi-ve {
  background-image: url("../media/ve.02adb43d355b6.svg");
}

.fi-ve.fis {
  background-image: url("../media/ve.268nwms_bd15c.svg");
}

.fi-vg {
  background-image: url("../media/vg.1v603ndhlhve-.svg");
}

.fi-vg.fis {
  background-image: url("../media/vg.0g29s_a18qaf3.svg");
}

.fi-vi {
  background-image: url("../media/vi.1svo8dc23bjhf.svg");
}

.fi-vi.fis {
  background-image: url("../media/vi.3ln15q2f46mcn.svg");
}

.fi-vn {
  background-image: url("../media/vn.0c164k5hbr83_.svg");
}

.fi-vn.fis {
  background-image: url("../media/vn.1is-vnkjuyfbt.svg");
}

.fi-vu {
  background-image: url("../media/vu.04f4tho9kemur.svg");
}

.fi-vu.fis {
  background-image: url("../media/vu.3_5ljp-3n8g4x.svg");
}

.fi-wf {
  background-image: url("../media/wf.0job2nw0b7km8.svg");
}

.fi-wf.fis {
  background-image: url("../media/wf.193pryai9i1fh.svg");
}

.fi-ws {
  background-image: url("../media/ws.0n5gfjvc_2xlq.svg");
}

.fi-ws.fis {
  background-image: url("../media/ws.021pqjgbm9uiz.svg");
}

.fi-ye {
  background-image: url("../media/ye.11rt77q9r463o.svg");
}

.fi-ye.fis {
  background-image: url("../media/ye.0bvlcwyc5fgvu.svg");
}

.fi-yt {
  background-image: url("../media/yt.1fowrp7swn5pf.svg");
}

.fi-yt.fis {
  background-image: url("../media/yt.13h47wavkteus.svg");
}

.fi-za {
  background-image: url("../media/za.1pxy20vfsgof_.svg");
}

.fi-za.fis {
  background-image: url("../media/za.3d4vaz6-tpeng.svg");
}

.fi-zm {
  background-image: url("../media/zm.10t5n2vbkwe01.svg");
}

.fi-zm.fis {
  background-image: url("../media/zm.3ok6c3tnwi0p6.svg");
}

.fi-zw {
  background-image: url("../media/zw.2axavks_4lo_f.svg");
}

.fi-zw.fis {
  background-image: url("../media/zw.1vlbvsuab1n56.svg");
}

.fi-arab {
  background-image: url("../media/arab.0lgz8kqxeou1i.svg");
}

.fi-arab.fis {
  background-image: url("../media/arab.3_rkpsix-75x-.svg");
}

.fi-asean {
  background-image: url("../media/asean.37_z6c9h_j5kx.svg");
}

.fi-asean.fis {
  background-image: url("../media/asean.1iu28oj-8x2z-.svg");
}

.fi-cefta {
  background-image: url("../media/cefta.2h4bwl10h2au9.svg");
}

.fi-cefta.fis {
  background-image: url("../media/cefta.2ns732o7j8uya.svg");
}

.fi-cp {
  background-image: url("../media/cp.0fbmq869ejl7v.svg");
}

.fi-cp.fis {
  background-image: url("../media/cp.0sole_kvmv3m3.svg");
}

.fi-dg {
  background-image: url("../media/dg.3pbx-gf5al6m3.svg");
}

.fi-dg.fis {
  background-image: url("../media/dg.1uww3mvqdz5d2.svg");
}

.fi-eac {
  background-image: url("../media/eac.1hs9q8a8n87il.svg");
}

.fi-eac.fis {
  background-image: url("../media/eac.25t9jq-en48bi.svg");
}

.fi-es-ct {
  background-image: url("../media/es-ct.31ufyo2r11wys.svg");
}

.fi-es-ct.fis {
  background-image: url("../media/es-ct.2id191lyo55rn.svg");
}

.fi-es-ga {
  background-image: url("../media/es-ga.1fi124p5xfx0e.svg");
}

.fi-es-ga.fis {
  background-image: url("../media/es-ga.38930id1i61sw.svg");
}

.fi-es-pv {
  background-image: url("../media/es-pv.1z9isefzsfxgb.svg");
}

.fi-es-pv.fis {
  background-image: url("../media/es-pv.31j8flz8gcbrs.svg");
}

.fi-eu {
  background-image: url("../media/eu.0268p2q9me4fv.svg");
}

.fi-eu.fis {
  background-image: url("../media/eu.1glkajdgx4ok0.svg");
}

.fi-gb-eng {
  background-image: url("../media/gb-eng.299aux0_e_275.svg");
}

.fi-gb-eng.fis {
  background-image: url("../media/gb-eng.1d77vvxoq6ehi.svg");
}

.fi-gb-nir {
  background-image: url("../media/gb-nir.2272f8y3yy4kv.svg");
}

.fi-gb-nir.fis {
  background-image: url("../media/gb-nir.40h4nul9a5j05.svg");
}

.fi-gb-sct {
  background-image: url("../media/gb-sct.0whinknk6ixrt.svg");
}

.fi-gb-sct.fis {
  background-image: url("../media/gb-sct.35v4eejbb17b2.svg");
}

.fi-gb-wls {
  background-image: url("../media/gb-wls.22w3wqa3yyolz.svg");
}

.fi-gb-wls.fis {
  background-image: url("../media/gb-wls.2uzys-s729mqz.svg");
}

.fi-ic {
  background-image: url("../media/ic.3vy0m6a28-ws4.svg");
}

.fi-ic.fis {
  background-image: url("../media/ic.3wug0skaywc78.svg");
}

.fi-pc {
  background-image: url("../media/pc.2skfvbsy7f19t.svg");
}

.fi-pc.fis {
  background-image: url("../media/pc.1p0h31x1lxkjk.svg");
}

.fi-sh-ac {
  background-image: url("../media/sh-ac.3pzghebdj8rqw.svg");
}

.fi-sh-ac.fis {
  background-image: url("../media/sh-ac.3weoqhmva6km7.svg");
}

.fi-sh-hl {
  background-image: url("../media/sh-hl.2yq6pzd2np6fr.svg");
}

.fi-sh-hl.fis {
  background-image: url("../media/sh-hl.1p1fhsxjqbswz.svg");
}

.fi-sh-ta {
  background-image: url("../media/sh-ta.40cc3uyfax68c.svg");
}

.fi-sh-ta.fis {
  background-image: url("../media/sh-ta.14j9hxo430u7o.svg");
}

.fi-un {
  background-image: url("../media/un.1xgp9bv3-0pmw.svg");
}

.fi-un.fis {
  background-image: url("../media/un.1dtywribx7xhe.svg");
}

.fi-xk {
  background-image: url("../media/xk.2wm84fu-3ryxz.svg");
}

.fi-xk.fis {
  background-image: url("../media/xk.38dlvhsjyrbwo.svg");
}

/* [project]/UIKit/packages/styles/_importer.scss.css [app-client] (css) */
:root {
  --transition-surface-duration: .42s;
  --transition-surface-ease: cubic-bezier(.22, 1, .36, 1);
  --transition-paint-duration: .25s;
  --transition-theme-duration: .25s;
  --transition-theme-paint-duration: var(--transition-paint-duration);
  --transition-theme-ease: var(--transition-surface-ease);
  --transition-theme-background: background-color var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-color: color var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-border: border-color var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-outline: outline-color var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-shadow: box-shadow var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-filter: filter var(--transition-theme-paint-duration) var(--transition-theme-ease), -webkit-backdrop-filter var(--transition-theme-paint-duration) var(--transition-theme-ease), backdrop-filter var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-fill: fill var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-stroke: stroke var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-flood: flood-color var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-stop: stop-color var(--transition-theme-paint-duration) var(--transition-theme-ease);
  --transition-theme-paint: var(--transition-theme-background), var(--transition-theme-color), var(--transition-theme-border), var(--transition-theme-outline), var(--transition-theme-fill), var(--transition-theme-stroke);
  --transition-background: background-color var(--transition-surface-duration) var(--transition-surface-ease);
  --transition-color: color var(--transition-paint-duration) ease-out;
  --transition-font-size: font-size .25s ease-out;
  --transition-outline: outline-color var(--transition-surface-duration) var(--transition-surface-ease);
  --transition-opacity: opacity .25s ease-out;
  --transition-border: border-color var(--transition-surface-duration) var(--transition-surface-ease);
  --transition-transform: transform .25s ease-out;
  --transition-shadow: box-shadow var(--transition-paint-duration) ease-out;
  --transition-radius: border-radius .25s ease-out;
  --transition-filter: filter var(--transition-paint-duration) ease-out, -webkit-backdrop-filter var(--transition-paint-duration) ease-out, backdrop-filter var(--transition-paint-duration) ease-out;
  --transition-fill: fill var(--transition-paint-duration) ease-out;
  --transition-stroke: stroke var(--transition-paint-duration) ease-out;
  --transition-icon: var(--transition-fill), var(--transition-stroke), var(--transition-color);
  --transition-surface: var(--transition-border), var(--transition-background), var(--transition-outline);
  --transition-default: var(--transition-background), var(--transition-color), var(--transition-font-size), var(--transition-outline), var(--transition-opacity), var(--transition-border), var(--transition-transform);
  --transition-fade: opacity .25s ease-in-out;
  --transition-pressable: background .2s ease, opacity .2s ease, transform .2s ease, box-shadow .2s ease;
  --transition-pressable-content: opacity .2s ease, color .2s ease;
  --transition-slide: left .25s cubic-bezier(.4, 0, .2, 1), width .25s cubic-bezier(.4, 0, .2, 1), opacity .2s ease;
  --transition-image: transform .15s ease, box-shadow .15s ease, outline-color .15s ease;
  --transition-image-thumbnail: opacity .15s ease, border-color .15s ease, transform .15s ease;
  --transition-color-fast: color .15s ease;
  --s-shallow: scaleX(.99) scaleY(.99);
  --s: scaleX(.96) scaleY(.96);
}

::view-transition-group(root) {
  animation-duration: var(--transition-theme-duration);
  animation-timing-function: var(--transition-theme-ease);
}

::view-transition {
  pointer-events: none;
}

::view-transition-group(root) {
  pointer-events: none;
}

::view-transition-image-pair(root) {
  pointer-events: none;
}

::view-transition-old(root) {
  pointer-events: none;
}

::view-transition-new(root) {
  pointer-events: none;
}

:root[data-theme-transition] {
  --transition-surface-duration: 0s;
  --transition-paint-duration: 0s;
  --transition-theme-paint-duration: 0s;
}

:root[data-reduced-motion] {
  --transition-surface-duration: 0s;
  --transition-paint-duration: 0s;
  --transition-theme-duration: 0s;
  --transition-theme-paint-duration: 0s;
  scroll-behavior: auto;
}

:root[data-reduced-motion] *, :root[data-reduced-motion] :before, :root[data-reduced-motion] :after {
  transition-duration: .01ms !important;
  transition-delay: 0s !important;
  animation-duration: .01ms !important;
  animation-iteration-count: 1 !important;
  animation-delay: 0s !important;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-surface-duration: 0s;
    --transition-paint-duration: 0s;
    --transition-theme-duration: 0s;
    --transition-theme-paint-duration: 0s;
  }
}

:root {
  --color-pink-1: #e67272;
  --color-pink-2: #e25f5f;
  --color-pink-3: #de4e4e;
  --color-pink-4: #dc3d3d;
  --color-pink-5: #d92b2b;
  --color-pink-6: #cb2525;
  --color-red-1: #f55;
  --color-red-2: #ff3d3d;
  --color-red-3: #ff1f1f;
  --color-red-4: red;
  --color-red-5: #e00000;
  --color-red-6: #c20000;
  --color-brown-1: #ba9177;
  --color-brown-2: #b28366;
  --color-brown-3: #aa7655;
  --color-brown-4: #996a4d;
  --color-brown-5: #8b6046;
  --color-brown-6: #7e573f;
  --color-orange-1: #feb454;
  --color-orange-2: #fea634;
  --color-orange-3: #fd9916;
  --color-orange-4: #f38a02;
  --color-orange-5: #df7f02;
  --color-orange-6: #d07601;
  --color-yellow-1: #ffd640;
  --color-yellow-2: #ffd22e;
  --color-yellow-3: #ffcd1a;
  --color-yellow-4: #ffc905;
  --color-yellow-5: #f0bc00;
  --color-yellow-6: #e0b000;
  --color-green-1: #62ec6b;
  --color-green-2: #49e954;
  --color-green-3: #2ee53a;
  --color-green-4: #1bda27;
  --color-green-5: #17bf22;
  --color-green-6: #14a41e;
  --color-mint-1: #36e0b0;
  --color-mint-2: #27ddaa;
  --color-mint-3: #20cf9e;
  --color-mint-4: #1ec294;
  --color-mint-5: #1bb186;
  --color-mint-6: #199f79;
  --color-cyan-1: #18dbf5;
  --color-cyan-2: #0ad5f0;
  --color-cyan-3: #0ac8e1;
  --color-cyan-4: #09b6cd;
  --color-cyan-5: #08a5ba;
  --color-cyan-6: #0794a6;
  --color-blue-1: #4a9cff;
  --color-blue-2: #338fff;
  --color-blue-3: #1a81ff;
  --color-blue-4: #0073ff;
  --color-blue-5: #0067e5;
  --color-blue-6: #005ccc;
  --color-indigo-1: #5f5fe4;
  --color-indigo-2: #4c4ce1;
  --color-indigo-3: #3b3bde;
  --color-indigo-4: #2929db;
  --color-indigo-5: #2323cd;
  --color-indigo-6: #2020bc;
  --color-purple-1: #ac74ff;
  --color-purple-2: #9d5cff;
  --color-purple-3: #9147ff;
  --color-purple-4: #8533ff;
  --color-purple-5: #781fff;
  --color-purple-6: #6c0aff;
  --color-magenta-1: #f959ff;
  --color-magenta-2: #f93dff;
  --color-magenta-3: #f824ff;
  --color-magenta-4: #f70fff;
  --color-magenta-5: #ed00f5;
  --color-magenta-6: #d900e0;
  --color-base-light-1: #fff;
  --color-base-light-2: #f5f5f5;
  --color-base-light-3: #ebebeb;
  --color-base-light-4: #e0e0e0;
  --color-base-light-5: #d6d6d6;
  --color-base-light-6: #ccc;
  --color-background-system-light: #f2f1f6;
  --color-background-modal-light: #f2f1f6;
  --color-background-system-dark: #000;
  --color-background-modal-dark: #000;
  --color-base-dark-1: #1d1d1f;
  --color-base-dark-2: #27272a;
  --color-base-dark-3: #313135;
  --color-base-dark-4: #3b3b3f;
  --color-base-dark-5: #45454a;
  --color-base-dark-6: #4f4f54;
  --color-text-base-light: var(--color-base-dark-1);
  --color-icon-base-light: var(--color-base-dark-1);
  --color-border-base-light: var(--color-base-dark-1);
  --color-background-base-light: var(--color-background-system-light);
  --color-text-base-dark: var(--color-base-light-4);
  --color-icon-base-dark: var(--color-base-light-2);
  --color-border-base-dark: var(--color-base-light-1);
  --color-background-base-dark: var(--color-background-system-dark);
}

:root, [data-color-mode="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: var(--color-text-base);
  --color-text-base: var(--color-text-base-light);
  --color-icon-base: var(--color-icon-base-light);
  --color-border-base: var(--color-border-base-light);
  --color-background-base: var(--color-background-base-light);
  --color-base-1: var(--color-base-light-1);
  --color-base-reversed-1: var(--color-base-dark-1);
  --color-base-2: var(--color-base-light-2);
  --color-base-reversed-2: var(--color-base-dark-2);
  --color-base-3: var(--color-base-light-3);
  --color-base-reversed-3: var(--color-base-dark-3);
  --color-base-4: var(--color-base-light-4);
  --color-base-reversed-4: var(--color-base-dark-4);
  --color-base-5: var(--color-base-light-5);
  --color-base-reversed-5: var(--color-base-dark-5);
  --color-base-6: var(--color-base-light-6);
  --color-base-reversed-6: var(--color-base-dark-6);
}

[data-color-mode="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  color: var(--color-text-base);
  --color-text-base: var(--color-text-base-dark);
  --color-icon-base: var(--color-icon-base-dark);
  --color-border-base: var(--color-border-base-dark);
  --color-background-base: var(--color-background-base-dark);
  --color-base-1: var(--color-base-dark-1);
  --color-base-reversed-1: var(--color-base-light-1);
  --color-base-2: var(--color-base-dark-2);
  --color-base-reversed-2: var(--color-base-light-2);
  --color-base-3: var(--color-base-dark-3);
  --color-base-reversed-3: var(--color-base-light-3);
  --color-base-4: var(--color-base-dark-4);
  --color-base-reversed-4: var(--color-base-light-4);
  --color-base-5: var(--color-base-dark-5);
  --color-base-reversed-5: var(--color-base-light-5);
  --color-base-6: var(--color-base-dark-6);
  --color-base-reversed-6: var(--color-base-light-6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    color: var(--color-text-base);
    --color-text-base: var(--color-text-base-dark);
    --color-icon-base: var(--color-icon-base-dark);
    --color-border-base: var(--color-border-base-dark);
    --color-background-base: var(--color-background-base-dark);
    --color-base-1: var(--color-base-dark-1);
    --color-base-reversed-1: var(--color-base-light-1);
    --color-base-2: var(--color-base-dark-2);
    --color-base-reversed-2: var(--color-base-light-2);
    --color-base-3: var(--color-base-dark-3);
    --color-base-reversed-3: var(--color-base-light-3);
    --color-base-4: var(--color-base-dark-4);
    --color-base-reversed-4: var(--color-base-light-4);
    --color-base-5: var(--color-base-dark-5);
    --color-base-reversed-5: var(--color-base-light-5);
    --color-base-6: var(--color-base-dark-6);
    --color-base-reversed-6: var(--color-base-light-6);
  }
}

:root, :root[data-theme-color="automatic"] {
  --color-theme-1: var(--color-base-reversed-1);
  --color-theme-2: var(--color-base-reversed-2);
  --color-theme-3: var(--color-base-reversed-3);
  --color-theme-4: var(--color-base-reversed-4);
  --color-theme-5: var(--color-base-reversed-5);
  --color-theme-6: var(--color-base-reversed-6);
  --theme-control-on-color: var(--color-mint-4);
  --color-theme-foreground: var(--color-base-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-purple-2);
  --theme-contribution-level-2: var(--color-purple-3);
  --theme-contribution-level-3: var(--color-purple-4);
  --theme-contribution-level-4: var(--color-purple-5);
}

:root[data-theme-color="blue"] {
  --color-theme-1: var(--color-blue-1);
  --color-theme-2: var(--color-blue-2);
  --color-theme-3: var(--color-blue-3);
  --color-theme-4: var(--color-blue-4);
  --color-theme-5: var(--color-blue-5);
  --color-theme-6: var(--color-blue-6);
  --theme-control-on-color: var(--color-blue-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-blue-2);
  --theme-contribution-level-2: var(--color-blue-3);
  --theme-contribution-level-3: var(--color-blue-4);
  --theme-contribution-level-4: var(--color-blue-5);
}

:root[data-theme-color="teal"] {
  --color-theme-1: var(--color-mint-1);
  --color-theme-2: var(--color-mint-2);
  --color-theme-3: var(--color-mint-3);
  --color-theme-4: var(--color-mint-4);
  --color-theme-5: var(--color-mint-5);
  --color-theme-6: var(--color-mint-6);
  --theme-control-on-color: var(--color-mint-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-mint-2);
  --theme-contribution-level-2: var(--color-mint-3);
  --theme-contribution-level-3: var(--color-mint-4);
  --theme-contribution-level-4: var(--color-mint-5);
}

:root[data-theme-color="purple"] {
  --color-theme-1: var(--color-purple-1);
  --color-theme-2: var(--color-purple-2);
  --color-theme-3: var(--color-purple-3);
  --color-theme-4: var(--color-purple-4);
  --color-theme-5: var(--color-purple-5);
  --color-theme-6: var(--color-purple-6);
  --theme-control-on-color: var(--color-purple-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-purple-2);
  --theme-contribution-level-2: var(--color-purple-3);
  --theme-contribution-level-3: var(--color-purple-4);
  --theme-contribution-level-4: var(--color-purple-5);
}

:root[data-theme-color="pink"] {
  --color-theme-1: var(--color-pink-1);
  --color-theme-2: var(--color-pink-2);
  --color-theme-3: var(--color-pink-3);
  --color-theme-4: var(--color-pink-4);
  --color-theme-5: var(--color-pink-5);
  --color-theme-6: var(--color-pink-6);
  --theme-control-on-color: var(--color-pink-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-pink-2);
  --theme-contribution-level-2: var(--color-pink-3);
  --theme-contribution-level-3: var(--color-pink-4);
  --theme-contribution-level-4: var(--color-pink-5);
}

:root[data-theme-color="red"] {
  --color-theme-1: var(--color-red-1);
  --color-theme-2: var(--color-red-2);
  --color-theme-3: var(--color-red-3);
  --color-theme-4: var(--color-red-4);
  --color-theme-5: var(--color-red-5);
  --color-theme-6: var(--color-red-6);
  --theme-control-on-color: var(--color-red-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-red-2);
  --theme-contribution-level-2: var(--color-red-3);
  --theme-contribution-level-3: var(--color-red-4);
  --theme-contribution-level-4: var(--color-red-5);
}

:root[data-theme-color="orange"] {
  --color-theme-1: var(--color-orange-1);
  --color-theme-2: var(--color-orange-2);
  --color-theme-3: var(--color-orange-3);
  --color-theme-4: var(--color-orange-4);
  --color-theme-5: var(--color-orange-5);
  --color-theme-6: var(--color-orange-6);
  --theme-control-on-color: var(--color-orange-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-orange-2);
  --theme-contribution-level-2: var(--color-orange-3);
  --theme-contribution-level-3: var(--color-orange-4);
  --theme-contribution-level-4: var(--color-orange-5);
}

:root[data-theme-color="yellow"] {
  --color-theme-1: var(--color-yellow-1);
  --color-theme-2: var(--color-yellow-2);
  --color-theme-3: var(--color-yellow-3);
  --color-theme-4: var(--color-yellow-4);
  --color-theme-5: var(--color-yellow-5);
  --color-theme-6: var(--color-yellow-6);
  --theme-control-on-color: var(--color-yellow-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-yellow-2);
  --theme-contribution-level-2: var(--color-yellow-3);
  --theme-contribution-level-3: var(--color-yellow-4);
  --theme-contribution-level-4: var(--color-yellow-5);
}

:root[data-theme-color="green"] {
  --color-theme-1: var(--color-green-1);
  --color-theme-2: var(--color-green-2);
  --color-theme-3: var(--color-green-3);
  --color-theme-4: var(--color-green-4);
  --color-theme-5: var(--color-green-5);
  --color-theme-6: var(--color-green-6);
  --theme-control-on-color: var(--color-green-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-green-2);
  --theme-contribution-level-2: var(--color-green-3);
  --theme-contribution-level-3: var(--color-green-4);
  --theme-contribution-level-4: var(--color-green-5);
}

:root[data-theme-color="gray"] {
  --color-theme-1: var(--color-base-dark-1);
  --color-theme-2: var(--color-base-dark-2);
  --color-theme-3: var(--color-base-dark-3);
  --color-theme-4: var(--color-base-dark-4);
  --color-theme-5: var(--color-base-dark-5);
  --color-theme-6: var(--color-base-dark-6);
  --theme-control-on-color: var(--color-base-dark-4);
  --color-theme-foreground: var(--color-base-light-1);
  --theme-contribution-level-0: var(--color-base-3);
  --theme-contribution-level-1: var(--color-base-dark-2);
  --theme-contribution-level-2: var(--color-base-dark-3);
  --theme-contribution-level-3: var(--color-base-dark-4);
  --theme-contribution-level-4: var(--color-base-dark-5);
}

:root {
  --control-liquid-surface-resting: var(--color-base-light-1);
  --control-liquid-surface-ring: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
  --control-liquid-surface-pressed: color-mix(in srgb, var(--color-base-light-1) 15%, transparent);
  --control-liquid-surface-gloss: linear-gradient(180deg, transparent 0%, transparent 100%);
  --control-liquid-surface-blur: .8rem;
  --control-liquid-surface-scale: 1.2;
  --control-liquid-surface-paint-duration: .16s;
  --control-liquid-surface-paint-ease: var(--transition-surface-ease);
}

@font-face {
  font-family: Min Icon VF;
  src: url("/fonts/MinIcon/MinIconVF.woff2") format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Min Icon Brand;
  src: url("/fonts/MinIcon/MinIconBrand-Brand.woff2") format("woff2-variations");
  font-weight: normal;
  font-style: normal;
}

:root {
  --font-size: 10px;
  --font-emoji: "Tossface", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-sans-serif: "Pretendard Variable", "Asta Sans Variable", blinkmacsystemfont, system-ui, "Apple SD Gothic Neo", "Roboto", "Helvetica Neue", "Segoe UI", "Noto Sans KR", "Malgun Gothic", var(--font-emoji), sans-serif;
  --font-serif: "Source Han Serif KR", "Noto Serif KR", georgia, serif;
  --font-monospace: "JetBrains Mono", var(--font-emoji), "Asta Sans Variable", monospace !important;
  --font-icon: "Min Icon VF", "Min Icon Brand" !important;
}

.FontSerif {
  font-family: var(--font-serif) !important;
}

.FontCode, code, code * {
  font-family: var(--font-monospace) !important;
}

i, i:before, i:after, blockquote:before {
  font-style: normal;
  line-height: 1;
  font-family: var(--font-icon);
  font-variation-settings: "wght" var(--uikit-icon-font-weight, 400),"rond" 2,"edpt" 1;
  -webkit-font-smoothing: antialiased;
}

.iFill:before {
  font-feature-settings: "ss09" on;
}

i.iThin {
  --uikit-icon-font-weight: 100;
}

i.iExtraLight {
  --uikit-icon-font-weight: 200;
}

i.iLight {
  --uikit-icon-font-weight: 300;
}

i.iRegular {
  --uikit-icon-font-weight: 400;
}

i.iMedium {
  --uikit-icon-font-weight: 500;
}

i.iSemiBold {
  --uikit-icon-font-weight: 600;
}

i.iBold {
  --uikit-icon-font-weight: 700;
}

i.iExtraBold {
  --uikit-icon-font-weight: 800;
}

i.iBlack {
  --uikit-icon-font-weight: 900;
}

i.iCircle:before {
  content: "";
}

i.iSquare:before {
  content: "";
}

i.iClose:before {
  content: "";
}

i.iCloseCircle:before {
  content: "";
}

i.iCloseSquare:before {
  content: "";
}

i.iCheck:before {
  content: "";
}

i.iCheckCircle:before {
  content: "";
}

i.iCheckSquare:before {
  content: "";
}

i.iAdd:before {
  content: "";
}

i.iAddCircle:before {
  content: "";
}

i.iAddSquare:before {
  content: "";
}

i.iRemove:before {
  content: "";
}

i.iRemoveCircle:before {
  content: "";
}

i.iRemoveSquare:before {
  content: "";
}

i.iInfo:before {
  content: "";
}

i.iInfoCircle:before {
  content: "";
}

i.iInfoSquare:before {
  content: "";
}

i.iWarning:before {
  content: "";
}

i.iWarningCircle:before {
  content: "";
}

i.iWarningSquare:before {
  content: "";
}

i.iQuestion:before {
  content: "";
}

i.iQuestionCircle:before {
  content: "";
}

i.iQuestionSquare:before {
  content: "";
}

i.iMenu:before {
  content: "";
}

i.iMenuCircle:before {
  content: "";
}

i.iMenuSquare:before {
  content: "";
}

i.iMenuLeft:before {
  content: "";
}

i.iMenuCenter:before {
  content: "";
}

i.iMenuRight:before {
  content: "";
}

i.iMoreHoriz:before {
  content: "";
}

i.iMoreHorizCircle:before {
  content: "";
}

i.iMoreHorizSquare:before {
  content: "";
}

i.iMoreVert:before {
  content: "";
}

i.iMoreVertCircle:before {
  content: "";
}

i.iMoreVertSquare:before {
  content: "";
}

i.iDragHoriz:before {
  content: "";
}

i.iDragVert:before {
  content: "";
}

i.iApps:before {
  content: "";
}

i.iPlay:before {
  content: "";
}

i.iPlayCircle:before {
  content: "";
}

i.iPlaySquare:before {
  content: "";
}

i.iStop:before {
  content: "";
}

i.iStopCircle:before {
  content: "";
}

i.iStopSquare:before {
  content: "";
}

i.iPause:before {
  content: "";
}

i.iPauseCircle:before {
  content: "";
}

i.iPauseSquare:before {
  content: "";
}

i.iRecode:before {
  content: "";
}

i.iRecodeCircle:before {
  content: "";
}

i.iRecodeSquare:before {
  content: "";
}

i.iSkipNext:before {
  content: "";
}

i.iSkipPrevious:before {
  content: "";
}

i.iFastForward:before {
  content: "";
}

i.iFastRewind:before {
  content: "";
}

i.iCamera:before {
  content: "";
}

i.iImage:before {
  content: "";
}

i.iVideocam:before {
  content: "";
}

i.iFavorite:before {
  content: "";
}

i.iStar:before {
  content: "";
}

i.iStarHalf:before {
  content: "";
}

i.iSun:before {
  content: "";
}

i.iMoon:before {
  content: "";
}

i.iSetting:before {
  content: "";
}

i.iEdit:before {
  content: "";
}

i.iShare:before {
  content: "";
}

i.iShareArrow:before, i.iShareiOS:before {
  content: "";
}

i.iContentCopy:before {
  content: "";
}

i.iSend:before {
  content: "";
}

i.iMail:before {
  content: "";
}

i.iMailOpen:before {
  content: "";
}

i.iInbox:before {
  content: "";
}

i.iSchedule:before {
  content: "";
}

i.iUpdate:before {
  content: "";
}

i.iLink:before {
  content: "";
}

i.iReply:before {
  content: "";
}

i.iForward:before {
  content: "";
}

i.iCloseFullscreen:before {
  content: "";
}

i.iOpenInFull:before {
  content: "";
}

i.iOpenInNew:before {
  content: "";
}

i.iStore:before {
  content: "";
}

i.iLanguage:before {
  content: "";
}

i.iCall:before {
  content: "";
}

i.iShoppingCart:before {
  content: "";
}

i.iShoppingBag:before {
  content: "";
}

i.iLocalShipping:before {
  content: "";
}

i.iHome:before {
  content: "";
}

i.iHome2:before {
  content: "";
}

i.iWifi:before {
  content: "";
}

i.iRssFeed:before {
  content: "";
}

i.iBluetooth:before {
  content: "";
}

i.iMap:before {
  content: "";
}

i.iFaceId:before {
  content: "";
}

i.iFingerprint:before {
  content: "";
}

i.iLock:before {
  content: "";
}

i.iLockOpen:before {
  content: "";
}

i.iNavigation:before {
  content: "";
}

i.iNearMe:before {
  content: "";
}

i.iNearMeOff:before {
  content: "";
}

i.iExplore:before {
  content: "";
}

i.iExploreOff:before {
  content: "";
}

i.iMyLocation:before {
  content: "";
}

i.iMyLocationOff:before {
  content: "";
}

i.iVisibility:before {
  content: "";
}

i.iVisibilityOff:before {
  content: "";
}

i.iFilter:before {
  content: "";
}

i.iCategory:before {
  content: "";
}

i.iRefresh:before {
  content: "";
}

i.iSync:before {
  content: "";
}

i.iUndo:before {
  content: "";
}

i.iRedo:before {
  content: "";
}

i.iList:before {
  content: "";
}

i.iCard:before {
  content: "";
}

i.iPhone:before {
  content: "";
}

i.iLightBulb:before {
  content: "";
}

i.iBolt:before {
  content: "";
}

i.iCloud:before {
  content: "";
}

i.iSnow:before {
  content: "";
}

i.iRain:before {
  content: "";
}

i.iAir:before {
  content: "";
}

i.iArrowEndUp:before {
  content: "";
}

i.iArrowEndDown:before {
  content: "";
}

i.iArrowEndLeft:before {
  content: "";
}

i.iArrowEndRight:before {
  content: "";
}

i.iArrowStartUp:before {
  content: "";
}

i.iArrowStartDown:before {
  content: "";
}

i.iArrowStartLeft:before {
  content: "";
}

i.iArrowStartRight:before {
  content: "";
}

i.iArrowAlignUp:before {
  content: "";
}

i.iArrowAlignDown:before {
  content: "";
}

i.iArrowAlignLeft:before {
  content: "";
}

i.iArrowAlignRight:before {
  content: "";
}

i.iArrowAlignCenterVert:before {
  content: "";
}

i.iArrowAlignCenterHoriz:before {
  content: "";
}

i.iSwapVert:before {
  content: "";
}

i.iSwapHoriz:before {
  content: "";
}

i.iUnfoldMore:before {
  content: "";
}

i.iUnfoldLess:before {
  content: "";
}

i.iArrowInUp:before {
  content: "";
}

i.iArrowInDown:before {
  content: "";
}

i.iArrowInLeft:before {
  content: "";
}

i.iArrowInRight:before {
  content: "";
}

i.iArrowOutUp:before {
  content: "";
}

i.iArrowOutDown:before {
  content: "";
}

i.iArrowOutLeft:before {
  content: "";
}

i.iArrowOutRight:before {
  content: "";
}

i.iArrowUp:before {
  content: "";
}

i.iArrowDown:before {
  content: "";
}

i.iArrowLeft:before {
  content: "";
}

i.iArrowRight:before {
  content: "";
}

i.iArrowUpLeft:before {
  content: "";
}

i.iArrowUpRight:before {
  content: "";
}

i.iArrowDownLeft:before {
  content: "";
}

i.iArrowDownRight:before {
  content: "";
}

i.iArrowUpCircle:before {
  content: "";
}

i.iArrowDownCircle:before {
  content: "";
}

i.iArrowLeftCircle:before {
  content: "";
}

i.iArrowRightCircle:before {
  content: "";
}

i.iArrowUpLeftCircle:before {
  content: "";
}

i.iArrowUpRightCircle:before {
  content: "";
}

i.iArrowDownLeftCircle:before {
  content: "";
}

i.iArrowDownRightCircle:before {
  content: "";
}

i.iArrowUpSquare:before {
  content: "";
}

i.iArrowDownSquare:before {
  content: "";
}

i.iArrowLeftSquare:before {
  content: "";
}

i.iArrowRightSquare:before {
  content: "";
}

i.iArrowUpLeftSquare:before {
  content: "";
}

i.iArrowUpRightSquare:before {
  content: "";
}

i.iArrowDownLeftSquare:before {
  content: "";
}

i.iArrowDownRightSquare:before {
  content: "";
}

i.iArrowThickUp:before {
  content: "";
}

i.iArrowThickDown:before {
  content: "";
}

i.iArrowThickLeft:before {
  content: "";
}

i.iArrowThickRight:before {
  content: "";
}

i.iArrowThickUpLeft:before {
  content: "";
}

i.iArrowThickUpRight:before {
  content: "";
}

i.iArrowThickDownLeft:before {
  content: "";
}

i.iArrowThickDownRight:before {
  content: "";
}

i.iArrowKeyUp:before {
  content: "";
}

i.iArrowKeyDown:before {
  content: "";
}

i.iArrowKeyLeft:before {
  content: "";
}

i.iArrowKeyRight:before {
  content: "";
}

i.iArrowKeyUpCircle:before {
  content: "";
}

i.iArrowKeyDownCircle:before {
  content: "";
}

i.iArrowKeyLeftCircle:before {
  content: "";
}

i.iArrowKeyRightCircle:before {
  content: "";
}

i.iArrowKeyUpSquare:before {
  content: "";
}

i.iArrowKeyDownSquare:before {
  content: "";
}

i.iArrowKeyLeftSquare:before {
  content: "";
}

i.iArrowKeyRightSquare:before {
  content: "";
}

i.iArrowKeyDoubleUp:before {
  content: "";
}

i.iArrowKeyDoubleDown:before {
  content: "";
}

i.iArrowKeyDoubleLeft:before {
  content: "";
}

i.iArrowKeyDoubleRight:before {
  content: "";
}

i.iArrowDropUp:before {
  content: "";
}

i.iArrowDropDown:before {
  content: "";
}

i.iArrowDropLeft:before {
  content: "";
}

i.iArrowDropRight:before {
  content: "";
}

i.iArrowDropUpCircle:before {
  content: "";
}

i.iArrowDropDownCircle:before {
  content: "";
}

i.iArrowDropLeftCircle:before {
  content: "";
}

i.iArrowDropRightCircle:before {
  content: "";
}

i.iArrowDropUpSquare:before {
  content: "";
}

i.iArrowDropDownSquare:before {
  content: "";
}

i.iArrowDropLeftSquare:before {
  content: "";
}

i.iArrowDropRightSquare:before {
  content: "";
}

i.iFormatAlignJustify:before {
  content: "";
}

i.iFormatAlignLeft:before {
  content: "";
}

i.iFormatAlignCenter:before {
  content: "";
}

i.iFormatAlignRight:before {
  content: "";
}

i.iFormatAlignTopLeft:before {
  content: "";
}

i.iFormatAlignTopCenter:before {
  content: "";
}

i.iFormatAlignTopRight:before {
  content: "";
}

i.iFormatAlignBottomLeft:before {
  content: "";
}

i.iFormatAlignBottomCenter:before {
  content: "";
}

i.iFormatAlignBottomRight:before {
  content: "";
}

i.iFormatTitle:before {
  content: "";
}

i.iFormatBold:before {
  content: "";
}

i.iFormatItalic:before {
  content: "";
}

i.iFormatUnderlined:before {
  content: "";
}

i.iFormatSize:before {
  content: "";
}

i.iFormatStrikethrough:before {
  content: "";
}

i.iKeyCommand:before {
  content: "";
}

i.iKeyBackspace:before {
  content: "";
}

i.iKeyOption:before {
  content: "";
}

i.iKeyTab:before {
  content: "";
}

i.iKeyControl:before {
  content: "";
}

i.iKeyReturn:before {
  content: "";
}

i.iKeySpaceBar:before {
  content: "";
}

i.iViewGrid:before {
  content: "";
}

i.iViewList:before {
  content: "";
}

i.iViewTable:before {
  content: "";
}

i.iFaceAdd:before {
  content: "";
}

i.iFaceHappy:before {
  content: "";
}

i.iFaceSad:before {
  content: "";
}

i.iFaceNeutral:before {
  content: "";
}

i.iFaceSmiley:before {
  content: "";
}

i.iFaceBad:before {
  content: "";
}

i.iFaceGrinning:before {
  content: "";
}

i.iFaceAngry:before {
  content: "";
}

i.iFace2Add:before {
  content: "";
}

i.iFace2Happy:before {
  content: "";
}

i.iFace2Sad:before {
  content: "";
}

i.iFace2Neutral:before {
  content: "";
}

i.iFace2Smiley:before {
  content: "";
}

i.iFace2Bad:before {
  content: "";
}

i.iFace2Grinning:before {
  content: "";
}

i.iFace2Angry:before {
  content: "";
}

i.iHandThumbUp:before {
  content: "";
}

i.iHandThumbDown:before {
  content: "";
}

i.iCurrencySterling:before {
  content: "";
}

i.iCurrencySterlingCircle:before {
  content: "";
}

i.iCurrencySterlingSquare:before {
  content: "";
}

i.iCurrencyDollar:before {
  content: "";
}

i.iCurrencyDollarCircle:before {
  content: "";
}

i.iCurrencyDollarSquare:before {
  content: "";
}

i.iCurrencyYen:before {
  content: "";
}

i.iCurrencyYenCircle:before {
  content: "";
}

i.iCurrencyYenSquare:before {
  content: "";
}

i.iCurrencyWon:before {
  content: "";
}

i.iCurrencyWonCircle:before {
  content: "";
}

i.iCurrencyWonSquare:before {
  content: "";
}

i.iCurrencyEuro:before {
  content: "";
}

i.iCurrencyEuroCircle:before {
  content: "";
}

i.iCurrencyEuroSquare:before {
  content: "";
}

i.iCurrencyBitcoin:before {
  content: "";
}

i.iCurrencyBitcoinCircle:before {
  content: "";
}

i.iCurrencyBitcoinSquare:before {
  content: "";
}

i.iCurrencyFranc:before {
  content: "";
}

i.iCurrencyFrancCircle:before {
  content: "";
}

i.iCurrencyFrancSquare:before {
  content: "";
}

i.iCurrencyRuble:before {
  content: "";
}

i.iCurrencyRubleCircle:before {
  content: "";
}

i.iCurrencyRubleSquare:before {
  content: "";
}

i.iCurrencyLira:before {
  content: "";
}

i.iCurrencyLiraCircle:before {
  content: "";
}

i.iCurrencyLiraSquare:before {
  content: "";
}

i.iCurrencyRupee:before {
  content: "";
}

i.iCurrencyRupeeCircle:before {
  content: "";
}

i.iCurrencyRupeeSquare:before {
  content: "";
}

i.iLetterAUpper:before {
  content: "";
}

i.iLetterAUpperCircle:before {
  content: "";
}

i.iLetterAUpperSquare:before {
  content: "";
}

i.iLetterBUpper:before {
  content: "";
}

i.iLetterBUpperCircle:before {
  content: "";
}

i.iLetterBUpperSquare:before {
  content: "";
}

i.iLetterCUpper:before {
  content: "";
}

i.iLetterCUpperCircle:before {
  content: "";
}

i.iLetterCUpperSquare:before {
  content: "";
}

i.iLetterDUpper:before {
  content: "";
}

i.iLetterDUpperCircle:before {
  content: "";
}

i.iLetterDUpperSquare:before {
  content: "";
}

i.iLetterEUpper:before {
  content: "";
}

i.iLetterEUpperCircle:before {
  content: "";
}

i.iLetterEUpperSquare:before {
  content: "";
}

i.iLetterFUpper:before {
  content: "";
}

i.iLetterFUpperCircle:before {
  content: "";
}

i.iLetterFUpperSquare:before {
  content: "";
}

i.iLetterGUpper:before {
  content: "";
}

i.iLetterGUpperCircle:before {
  content: "";
}

i.iLetterGUpperSquare:before {
  content: "";
}

i.iLetterHUpper:before {
  content: "";
}

i.iLetterHUpperCircle:before {
  content: "";
}

i.iLetterHUpperSquare:before {
  content: "";
}

i.iLetterIUpper:before {
  content: "";
}

i.iLetterIUpperCircle:before {
  content: "";
}

i.iLetterIUpperSquare:before {
  content: "";
}

i.iLetterJUpper:before {
  content: "";
}

i.iLetterJUpperCircle:before {
  content: "";
}

i.iLetterJUpperSquare:before {
  content: "";
}

i.iLetterKUpper:before {
  content: "";
}

i.iLetterKUpperCircle:before {
  content: "";
}

i.iLetterKUpperSquare:before {
  content: "";
}

i.iLetterLUpper:before {
  content: "";
}

i.iLetterLUpperCircle:before {
  content: "";
}

i.iLetterLUpperSquare:before {
  content: "";
}

i.iLetterMUpper:before {
  content: "";
}

i.iLetterMUpperCircle:before {
  content: "";
}

i.iLetterMUpperSquare:before {
  content: "";
}

i.iLetterNUpper:before {
  content: "";
}

i.iLetterNUpperCircle:before {
  content: "";
}

i.iLetterNUpperSquare:before {
  content: "";
}

i.iLetterOUpper:before {
  content: "";
}

i.iLetterOUpperCircle:before {
  content: "";
}

i.iLetterOUpperSquare:before {
  content: "";
}

i.iLetterPUpper:before {
  content: "";
}

i.iLetterPUpperCircle:before {
  content: "";
}

i.iLetterPUpperSquare:before {
  content: "";
}

i.iLetterQUpper:before {
  content: "";
}

i.iLetterQUpperCircle:before {
  content: "";
}

i.iLetterQUpperSquare:before {
  content: "";
}

i.iLetterRUpper:before {
  content: "";
}

i.iLetterRUpperCircle:before {
  content: "";
}

i.iLetterRUpperSquare:before {
  content: "";
}

i.iLetterSUpper:before {
  content: "";
}

i.iLetterSUpperCircle:before {
  content: "";
}

i.iLetterSUpperSquare:before {
  content: "";
}

i.iLetterTUpper:before {
  content: "";
}

i.iLetterTUpperCircle:before {
  content: "";
}

i.iLetterTUpperSquare:before {
  content: "";
}

i.iLetterUUpper:before {
  content: "";
}

i.iLetterUUpperCircle:before {
  content: "";
}

i.iLetterUUpperSquare:before {
  content: "";
}

i.iLetterVUpper:before {
  content: "";
}

i.iLetterVUpperCircle:before {
  content: "";
}

i.iLetterVUpperSquare:before {
  content: "";
}

i.iLetterWUpper:before {
  content: "";
}

i.iLetterWUpperCircle:before {
  content: "";
}

i.iLetterWUpperSquare:before {
  content: "";
}

i.iLetterXUpper:before {
  content: "";
}

i.iLetterXUpperCircle:before {
  content: "";
}

i.iLetterXUpperSquare:before {
  content: "";
}

i.iLetterYUpper:before {
  content: "";
}

i.iLetterYUpperCircle:before {
  content: "";
}

i.iLetterYUpperSquare:before {
  content: "";
}

i.iLetterZUpper:before {
  content: "";
}

i.iLetterZUpperCircle:before {
  content: "";
}

i.iLetterZUpperSquare:before {
  content: "";
}

i.iLetterALower:before {
  content: "";
}

i.iLetterALowerCircle:before {
  content: "";
}

i.iLetterALowerSquare:before {
  content: "";
}

i.iLetterBLower:before {
  content: "";
}

i.iLetterBLowerCircle:before {
  content: "";
}

i.iLetterBLowerSquare:before {
  content: "";
}

i.iLetterCLower:before {
  content: "";
}

i.iLetterCLowerCircle:before {
  content: "";
}

i.iLetterCLowerSquare:before {
  content: "";
}

i.iLetterDLower:before {
  content: "";
}

i.iLetterDLowerCircle:before {
  content: "";
}

i.iLetterDLowerSquare:before {
  content: "";
}

i.iLetterELower:before {
  content: "";
}

i.iLetterELowerCircle:before {
  content: "";
}

i.iLetterELowerSquare:before {
  content: "";
}

i.iLetterFLower:before {
  content: "";
}

i.iLetterFLowerCircle:before {
  content: "";
}

i.iLetterFLowerSquare:before {
  content: "";
}

i.iLetterGLower:before {
  content: "";
}

i.iLetterGLowerCircle:before {
  content: "";
}

i.iLetterGLowerSquare:before {
  content: "";
}

i.iLetterHLower:before {
  content: "";
}

i.iLetterHLowerCircle:before {
  content: "";
}

i.iLetterHLowerSquare:before {
  content: "";
}

i.iLetterILower:before {
  content: "";
}

i.iLetterILowerCircle:before {
  content: "";
}

i.iLetterILowerSquare:before {
  content: "";
}

i.iLetterJLower:before {
  content: "";
}

i.iLetterJLowerCircle:before {
  content: "";
}

i.iLetterJLowerSquare:before {
  content: "";
}

i.iLetterKLower:before {
  content: "";
}

i.iLetterKLowerCircle:before {
  content: "";
}

i.iLetterKLowerSquare:before {
  content: "";
}

i.iLetterLLower:before {
  content: "";
}

i.iLetterLLowerCircle:before {
  content: "";
}

i.iLetterLLowerSquare:before {
  content: "";
}

i.iLetterMLower:before {
  content: "";
}

i.iLetterMLowerCircle:before {
  content: "";
}

i.iLetterMLowerSquare:before {
  content: "";
}

i.iLetterNLower:before {
  content: "";
}

i.iLetterNLowerCircle:before {
  content: "";
}

i.iLetterNLowerSquare:before {
  content: "";
}

i.iLetterOLower:before {
  content: "";
}

i.iLetterOLowerCircle:before {
  content: "";
}

i.iLetterOLowerSquare:before {
  content: "";
}

i.iLetterPLower:before {
  content: "";
}

i.iLetterPLowerCircle:before {
  content: "";
}

i.iLetterPLowerSquare:before {
  content: "";
}

i.iLetterQLower:before {
  content: "";
}

i.iLetterQLowerCircle:before {
  content: "";
}

i.iLetterQLowerSquare:before {
  content: "";
}

i.iLetterRLower:before {
  content: "";
}

i.iLetterRLowerCircle:before {
  content: "";
}

i.iLetterRLowerSquare:before {
  content: "";
}

i.iLetterSLower:before {
  content: "";
}

i.iLetterSLowerCircle:before {
  content: "";
}

i.iLetterSLowerSquare:before {
  content: "";
}

i.iLetterTLower:before {
  content: "";
}

i.iLetterTLowerCircle:before {
  content: "";
}

i.iLetterTLowerSquare:before {
  content: "";
}

i.iLetterULower:before {
  content: "";
}

i.iLetterULowerCircle:before {
  content: "";
}

i.iLetterULowerSquare:before {
  content: "";
}

i.iLetterVLower:before {
  content: "";
}

i.iLetterVLowerCircle:before {
  content: "";
}

i.iLetterVLowerSquare:before {
  content: "";
}

i.iLetterWLower:before {
  content: "";
}

i.iLetterWLowerCircle:before {
  content: "";
}

i.iLetterWLowerSquare:before {
  content: "";
}

i.iLetterXLower:before {
  content: "";
}

i.iLetterXLowerCircle:before {
  content: "";
}

i.iLetterXLowerSquare:before {
  content: "";
}

i.iLetterYLower:before {
  content: "";
}

i.iLetterYLowerCircle:before {
  content: "";
}

i.iLetterYLowerSquare:before {
  content: "";
}

i.iLetterZLower:before {
  content: "";
}

i.iLetterZLowerCircle:before {
  content: "";
}

i.iLetterZLowerSquare:before {
  content: "";
}

i.iNumberOne:before {
  content: "";
}

i.iNumberOneCircle:before {
  content: "";
}

i.iNumberOneSquare:before {
  content: "";
}

i.iNumberTwo:before {
  content: "";
}

i.iNumberTwoCircle:before {
  content: "";
}

i.iNumberTwoSquare:before {
  content: "";
}

i.iNumberThree:before {
  content: "";
}

i.iNumberThreeCircle:before {
  content: "";
}

i.iNumberThreeSquare:before {
  content: "";
}

i.iNumberFour:before {
  content: "";
}

i.iNumberFourCircle:before {
  content: "";
}

i.iNumberFourSquare:before {
  content: "";
}

i.iNumberFive:before {
  content: "";
}

i.iNumberFiveCircle:before {
  content: "";
}

i.iNumberFiveSquare:before {
  content: "";
}

i.iNumberSix:before {
  content: "";
}

i.iNumberSixCircle:before {
  content: "";
}

i.iNumberSixSquare:before {
  content: "";
}

i.iNumberSeven:before {
  content: "";
}

i.iNumberSevenCircle:before {
  content: "";
}

i.iNumberSevenSquare:before {
  content: "";
}

i.iNumberEight:before {
  content: "";
}

i.iNumberEightCircle:before {
  content: "";
}

i.iNumberEightSquare:before {
  content: "";
}

i.iNumberNine:before {
  content: "";
}

i.iNumberNineCircle:before {
  content: "";
}

i.iNumberNineSquare:before {
  content: "";
}

i.iNumberZero:before {
  content: "";
}

i.iNumberZeroCircle:before {
  content: "";
}

i.iNumberZeroSquare:before {
  content: "";
}

i.iSearch:before {
  content: "";
}

i.iSearchClose:before {
  content: "";
}

i.iSearchCheck:before {
  content: "";
}

i.iSearchAdd:before {
  content: "";
}

i.iSearchRemove:before {
  content: "";
}

i.iSearchNote:before {
  content: "";
}

i.iSearchMore:before {
  content: "";
}

i.iDate:before {
  content: "";
}

i.iDateClose:before {
  content: "";
}

i.iDateCheck:before {
  content: "";
}

i.iDateAdd:before {
  content: "";
}

i.iDateRemove:before {
  content: "";
}

i.iDateNote:before {
  content: "";
}

i.iDateMore:before {
  content: "";
}

i.iDateToday:before {
  content: "";
}

i.iDateRange:before {
  content: "";
}

i.iDatePlay:before {
  content: "";
}

i.iDateStop:before {
  content: "";
}

i.iDatePause:before {
  content: "";
}

i.iDateInfo:before {
  content: "";
}

i.iDateWarning:before {
  content: "";
}

i.iDateQuestion:before {
  content: "";
}

i.iDelete:before {
  content: "";
}

i.iDeleteClose:before {
  content: "";
}

i.iDeleteCheck:before {
  content: "";
}

i.iDeleteAdd:before {
  content: "";
}

i.iDeleteRemove:before {
  content: "";
}

i.iDeleteInfo:before {
  content: "";
}

i.iDeleteWarning:before {
  content: "";
}

i.iDeleteQuestion:before {
  content: "";
}

i.iTimer:before {
  content: "";
}

i.iTimerOff:before {
  content: "";
}

i.iTimerClose:before {
  content: "";
}

i.iTimerCheck:before {
  content: "";
}

i.iTimerAdd:before {
  content: "";
}

i.iTimerRemove:before {
  content: "";
}

i.iTimerMore:before {
  content: "";
}

i.iTimerPlay:before {
  content: "";
}

i.iTimerStop:before {
  content: "";
}

i.iTimerPause:before {
  content: "";
}

i.iTimerInfo:before {
  content: "";
}

i.iTimerWarning:before {
  content: "";
}

i.iTimerQuestion:before {
  content: "";
}

i.iChat2:before {
  content: "";
}

i.iChat2Close:before {
  content: "";
}

i.iChat2Check:before {
  content: "";
}

i.iChat2Add:before {
  content: "";
}

i.iChat2Remove:before {
  content: "";
}

i.iChat2Note:before {
  content: "";
}

i.iChat2More:before {
  content: "";
}

i.iChat2Play:before {
  content: "";
}

i.iChat2Stop:before {
  content: "";
}

i.iChat2Pause:before {
  content: "";
}

i.iChat2Info:before {
  content: "";
}

i.iChat2Warning:before {
  content: "";
}

i.iChat2Question:before {
  content: "";
}

i.iShield:before {
  content: "";
}

i.iShieldOff:before {
  content: "";
}

i.iShieldClose:before {
  content: "";
}

i.iShieldCheck:before {
  content: "";
}

i.iShieldAdd:before {
  content: "";
}

i.iShieldRemove:before {
  content: "";
}

i.iShieldNote:before {
  content: "";
}

i.iShieldMore:before {
  content: "";
}

i.iShieldPlay:before {
  content: "";
}

i.iShieldStop:before {
  content: "";
}

i.iShieldPause:before {
  content: "";
}

i.iShieldInfo:before {
  content: "";
}

i.iShieldWarning:before {
  content: "";
}

i.iShieldQuestion:before {
  content: "";
}

i.iMemo:before {
  content: "";
}

i.iMemoClose:before {
  content: "";
}

i.iMemoCheck:before {
  content: "";
}

i.iMemoAdd:before {
  content: "";
}

i.iMemoRemove:before {
  content: "";
}

i.iMemoNote:before {
  content: "";
}

i.iMemoMore:before {
  content: "";
}

i.iMemoPlay:before {
  content: "";
}

i.iMemoStop:before {
  content: "";
}

i.iMemoPause:before {
  content: "";
}

i.iMemoInfo:before {
  content: "";
}

i.iMemoWarning:before {
  content: "";
}

i.iMemoQuestion:before {
  content: "";
}

i.iFolder:before {
  content: "";
}

i.iFolderClose:before {
  content: "";
}

i.iFolderCheck:before {
  content: "";
}

i.iFolderAdd:before {
  content: "";
}

i.iFolderRemove:before {
  content: "";
}

i.iFolderNote:before {
  content: "";
}

i.iFolderMore:before {
  content: "";
}

i.iFolderPlay:before {
  content: "";
}

i.iFolderStop:before {
  content: "";
}

i.iFolderPause:before {
  content: "";
}

i.iFolderInfo:before {
  content: "";
}

i.iFolderWarning:before {
  content: "";
}

i.iFolderQuestion:before {
  content: "";
}

i.iCoupon:before {
  content: "";
}

i.iCouponClose:before {
  content: "";
}

i.iCouponCheck:before {
  content: "";
}

i.iCouponAdd:before {
  content: "";
}

i.iCouponRemove:before {
  content: "";
}

i.iCouponNote:before {
  content: "";
}

i.iCouponMore:before {
  content: "";
}

i.iCouponPlay:before {
  content: "";
}

i.iCouponStop:before {
  content: "";
}

i.iCouponPause:before {
  content: "";
}

i.iCouponInfo:before {
  content: "";
}

i.iCouponWarning:before {
  content: "";
}

i.iCouponQuestion:before {
  content: "";
}

i.iPerson:before {
  content: "";
}

i.iPersonClose:before {
  content: "";
}

i.iPersonCheck:before {
  content: "";
}

i.iPersonAdd:before {
  content: "";
}

i.iPersonRemove:before {
  content: "";
}

i.iPersonCircle:before {
  content: "";
}

i.iPersonSquare:before {
  content: "";
}

i.iNotifications:before {
  content: "";
}

i.iNotificationsOff:before {
  content: "";
}

i.iNotificationsClose:before {
  content: "";
}

i.iNotificationsCheck:before {
  content: "";
}

i.iNotificationsAdd:before {
  content: "";
}

i.iNotificationsRemove:before {
  content: "";
}

i.iNotificationsPlay:before {
  content: "";
}

i.iNotificationsStop:before {
  content: "";
}

i.iNotificationsPause:before {
  content: "";
}

i.iNotificationsInfo:before {
  content: "";
}

i.iNotificationsWarning:before {
  content: "";
}

i.iNotificationsQuestion:before {
  content: "";
}

i.iAlarm:before {
  content: "";
}

i.iAlarmOff:before {
  content: "";
}

i.iAlarmClose:before {
  content: "";
}

i.iAlarmCheck:before {
  content: "";
}

i.iAlarmAdd:before {
  content: "";
}

i.iAlarmRemove:before {
  content: "";
}

i.iAlarmMore:before {
  content: "";
}

i.iAlarmPlay:before {
  content: "";
}

i.iAlarmStop:before {
  content: "";
}

i.iAlarmPause:before {
  content: "";
}

i.iAlarmInfo:before {
  content: "";
}

i.iAlarmWarning:before {
  content: "";
}

i.iAlarmQuestion:before {
  content: "";
}

i.iChat:before {
  content: "";
}

i.iChatClose:before {
  content: "";
}

i.iChatCheck:before {
  content: "";
}

i.iChatAdd:before {
  content: "";
}

i.iChatRemove:before {
  content: "";
}

i.iChatNote:before {
  content: "";
}

i.iChatMore:before {
  content: "";
}

i.iChatPlay:before {
  content: "";
}

i.iChatStop:before {
  content: "";
}

i.iChatPause:before {
  content: "";
}

i.iChatInfo:before {
  content: "";
}

i.iChatWarning:before {
  content: "";
}

i.iChatQuestion:before {
  content: "";
}

i.iLocation:before {
  content: "";
}

i.iLocationOff:before {
  content: "";
}

i.iLocationClose:before {
  content: "";
}

i.iLocationCheck:before {
  content: "";
}

i.iLocationAdd:before {
  content: "";
}

i.iLocationRemove:before {
  content: "";
}

i.iLocationMore:before {
  content: "";
}

i.iLocationPlay:before {
  content: "";
}

i.iLocationStop:before {
  content: "";
}

i.iLocationPause:before {
  content: "";
}

i.iLocationInfo:before {
  content: "";
}

i.iLocationWarning:before {
  content: "";
}

i.iLocationQuestion:before {
  content: "";
}

i.iInventory:before {
  content: "";
}

i.iInventoryClose:before {
  content: "";
}

i.iInventoryCheck:before {
  content: "";
}

i.iInventoryAdd:before {
  content: "";
}

i.iInventoryRemove:before {
  content: "";
}

i.iInventoryNote:before {
  content: "";
}

i.iInventoryMore:before {
  content: "";
}

i.iInventoryPlay:before {
  content: "";
}

i.iInventoryStop:before {
  content: "";
}

i.iInventoryPause:before {
  content: "";
}

i.iInventoryInfo:before {
  content: "";
}

i.iInventoryWarning:before {
  content: "";
}

i.iInventoryQuestion:before {
  content: "";
}

i.iFile:before {
  content: "";
}

i.iFileClose:before {
  content: "";
}

i.iFileCheck:before {
  content: "";
}

i.iFileAdd:before {
  content: "";
}

i.iFileRemove:before {
  content: "";
}

i.iFileNote:before {
  content: "";
}

i.iFileMore:before {
  content: "";
}

i.iFilePlay:before {
  content: "";
}

i.iFileStop:before {
  content: "";
}

i.iFilePause:before {
  content: "";
}

i.iFileInfo:before {
  content: "";
}

i.iFileWarning:before {
  content: "";
}

i.iFileQuestion:before {
  content: "";
}

i.iStamp:before {
  content: "";
}

i.iStampClose:before {
  content: "";
}

i.iStampCheck:before {
  content: "";
}

i.iStampAdd:before {
  content: "";
}

i.iStampRemove:before {
  content: "";
}

i.iStampNote:before {
  content: "";
}

i.iStampMore:before {
  content: "";
}

i.iStampPlay:before {
  content: "";
}

i.iStampStop:before {
  content: "";
}

i.iStampPause:before {
  content: "";
}

i.iStampInfo:before {
  content: "";
}

i.iStampWarning:before {
  content: "";
}

i.iStampQuestion:before {
  content: "";
}

i.iBookmark:before {
  content: "";
}

i.iBookmarkClose:before {
  content: "";
}

i.iBookmarkCheck:before {
  content: "";
}

i.iBookmarkAdd:before {
  content: "";
}

i.iBookmarkRemove:before {
  content: "";
}

i.iBookmarkNote:before {
  content: "";
}

i.iBookmarkMore:before {
  content: "";
}

i.iBookmarkPlay:before {
  content: "";
}

i.iBookmarkStop:before {
  content: "";
}

i.iBookmarkPause:before {
  content: "";
}

i.iBookmarkInfo:before {
  content: "";
}

i.iBookmarkWarning:before {
  content: "";
}

i.iBookmarkQuestion:before {
  content: "";
}

i.iGame:before {
  content: "";
}

i.iGameCircle:before {
  content: "";
}

i.iGameSquare:before {
  content: "";
}

i.iToilet:before {
  content: "";
}

i.iToiletSquare:before {
  content: "";
}

i.iSpark:before {
  content: "";
}

i.iSparkSquare:before {
  content: "";
}

i.iSubway:before {
  content: "";
}

i.iSubwaySquare:before {
  content: "";
}

i.iBrandPlaystore:before {
  content: "";
}

i.iBrandAppstore:before {
  content: "";
}

i.iBrandSlack:before {
  content: "";
}

i.iBrandSnapchat:before {
  content: "";
}

i.iBrandMessenger:before {
  content: "";
}

i.iBrandAmazon:before {
  content: "";
}

i.iBrandBehance:before {
  content: "";
}

i.iBrandAndroid:before {
  content: "";
}

i.iBrandMicrosoft:before {
  content: "";
}

i.iBrandDiscord:before {
  content: "";
}

i.iBrandSpotify:before {
  content: "";
}

i.iBrandReddit:before {
  content: "";
}

i.iBrandMeta:before {
  content: "";
}

i.iBrandFigma:before {
  content: "";
}

i.iBrandTwitch:before {
  content: "";
}

i.iBrandDribbble:before {
  content: "";
}

i.iBrandTiktok:before {
  content: "";
}

i.iBrandTumblr:before {
  content: "";
}

i.iBrandSkype:before {
  content: "";
}

i.iBrandMedium:before {
  content: "";
}

i.iBrandGithub:before {
  content: "";
}

i.iBrandYoutube:before {
  content: "";
}

i.iBrandPinterest:before {
  content: "";
}

i.iBrandLinkedin:before {
  content: "";
}

i.iBrandNotion:before {
  content: "";
}

i.iBrandInstagram:before {
  content: "";
}

i.iBrandTwitter:before {
  content: "";
}

i.iBrandGoogle:before {
  content: "";
}

i.iBrandFacebook:before {
  content: "";
}

i.iBrandNaver:before {
  content: "";
}

i.iBrandKakao:before {
  content: "";
}

i.iBrandApple:before {
  content: "";
}

i.iBrandX:before {
  content: "豈";
}

*, :before, :after {
  box-sizing: border-box;
  font-family: var(--font-sans-serif);
  word-break: keep-all;
  -webkit-tap-highlight-color: #0000 !important;
}

:root {
  --focus-ring-offset: .2rem;
}

html {
  font-size: var(--font-size);
  color: var(--color-text-base);
  background: var(--color-background-base);
  transition: var(--transition-background);
  scroll-behavior: smooth;
  line-height: 1;
  overflow-x: clip;
}

body {
  width: 100%;
  height: 100%;
  transition: var(--transition-background);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: clip visible;
}

a, button, input, textarea, select, label {
  color: inherit;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline-offset: var(--focus-ring-offset);
  outline: auto;
}

[data-focus-modality="pointer"] :focus-visible {
  outline-offset: 0;
  outline: none !important;
}

input::placeholder, textarea::placeholder {
  opacity: .4;
}

a, button {
  cursor: pointer;
  text-align: initial;
}

input, textarea {
  width: 100%;
}

:root {
  --font-largetitle-size: 3.8rem;
  --font-largetitle-line-height: 4.1rem;
  --font-title1-size: 2.6rem;
  --font-title1-line-height: 3.3rem;
  --font-title2-size: 2.2rem;
  --font-title2-line-height: 2.8rem;
  --font-title3-size: 2rem;
  --font-title3-line-height: 2.5rem;
  --font-headline-size: 1.8rem;
  --font-headline-line-height: 2.3rem;
  --font-body-size: 1.8rem;
  --font-body-line-height: 2.4rem;
  --font-callout-size: 1.7rem;
  --font-callout-line-height: 2.2rem;
  --font-subheadline-size: 1.5rem;
  --font-subheadline-line-height: 1.9rem;
  --font-footnote-size: 1.2rem;
  --font-footnote-line-height: 1.6rem;
  --font-caption1-size: 1.1rem;
  --font-caption1-line-height: 1.5rem;
  --font-caption2-size: 1rem;
  --font-caption2-line-height: 1.3rem;
}

.LargeTitle {
  font-size: var(--font-largetitle-size);
  line-height: var(--font-largetitle-line-height);
  letter-spacing: -.1rem;
  font-weight: 600;
}

.Title1, h1 {
  font-size: var(--font-title1-size);
  line-height: var(--font-title1-line-height);
  letter-spacing: -.06rem;
  font-weight: 500;
}

.Title2, h2 {
  font-size: var(--font-title2-size);
  line-height: var(--font-title2-line-height);
  letter-spacing: -.05rem;
  font-weight: 500;
}

.Title3, h3 {
  font-size: var(--font-title3-size);
  line-height: var(--font-title3-line-height);
  letter-spacing: -.04rem;
  font-weight: 500;
}

.Headline, h4 {
  font-size: var(--font-headline-size);
  line-height: var(--font-headline-line-height);
  letter-spacing: -.03rem;
  font-weight: 300;
}

.Body, p {
  font-size: var(--font-body-size);
  line-height: var(--font-body-line-height);
  letter-spacing: -.02rem;
  font-weight: 300;
}

.Callout, blockquote {
  font-size: var(--font-callout-size);
  line-height: var(--font-callout-line-height);
  letter-spacing: -.02rem;
  font-weight: 300;
}

.Subheadline, h5 {
  font-size: var(--font-subheadline-size);
  line-height: var(--font-subheadline-line-height);
  letter-spacing: -.02rem;
  font-weight: 300;
}

:where(input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"], textarea).Subheadline {
  font-size: 1.6rem;
}

:where(input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="number"]).Subheadline {
  line-height: normal;
}

.Footnote, h6 {
  font-size: var(--font-footnote-size);
  line-height: var(--font-footnote-line-height);
  letter-spacing: -.01rem;
  font-weight: 300;
}

.Caption1, small {
  font-size: var(--font-caption1-size);
  line-height: var(--font-caption1-line-height);
  letter-spacing: .01rem;
  font-weight: 300;
}

.Caption2 {
  font-size: var(--font-caption2-size);
  line-height: var(--font-caption2-line-height);
  letter-spacing: .02rem;
  font-weight: 300;
}

@property --material-opacity {
  syntax: "<number> | <percentage>";
  inherits: false;
  initial-value: 1;
}

@property --material-content-opacity {
  syntax: "<number> | <percentage>";
  inherits: false;
  initial-value: 1;
}

.ThemePaintTransition {
  transition: var(--transition-theme-paint);
}

.ThemeInteractive {
  --theme-interactive-bg-hover: initial;
  --theme-interactive-bg-active: initial;
  --theme-interactive-bg-auto-hover: initial;
  --theme-interactive-bg-auto-active: initial;
}

.ThemeBg-Transparent {
  --theme-bg: transparent;
  background: var(--theme-bg);
}

.ThemeBg-BaseBG {
  --theme-bg: var(--color-background-base);
  background: var(--theme-bg);
}

.ThemeBg-BaseLightBG {
  --theme-bg: var(--color-background-system-light);
  background: var(--theme-bg);
}

.ThemeBg-BaseDarkBG {
  --theme-bg: var(--color-background-system-dark);
  background: var(--theme-bg);
}

.ThemeInteractiveImage {
  --theme-interactive-image-brightness: 100%;
  filter: none;
  transition: filter .16s;
}

.ThemeInteractiveImageBlurred {
  filter: var(--theme-layer-blur) brightness(var(--theme-interactive-image-brightness));
}

@media (hover: hover) and (pointer: fine) {
  .ThemeInteractive:hover:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled):not(:has([data-stop-parent-interaction-state]:hover)) .ThemeInteractiveImage {
    --theme-interactive-image-brightness: 92%;
    filter: brightness(92%);
  }

  .ThemeInteractive:hover:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled):not(:has([data-stop-parent-interaction-state]:hover)) .ThemeInteractiveImageBlurred {
    filter: var(--theme-layer-blur) brightness(92%);
  }
}

.ThemeInteractive:focus-visible:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) .ThemeInteractiveImage {
  --theme-interactive-image-brightness: 92%;
  filter: brightness(92%);
}

.ThemeInteractive:has(:is(input, textarea, select, [role="combobox"], [role="spinbutton"]):focus-visible):not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) .ThemeInteractiveImage {
  --theme-interactive-image-brightness: 92%;
  filter: brightness(92%);
}

.ThemeInteractive:focus-visible:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) .ThemeInteractiveImageBlurred {
  filter: var(--theme-layer-blur) brightness(92%);
}

.ThemeInteractive:has(:is(input, textarea, select, [role="combobox"], [role="spinbutton"]):focus-visible):not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) .ThemeInteractiveImageBlurred {
  filter: var(--theme-layer-blur) brightness(92%);
}

:is(.ThemeInteractive:active:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled):not(:has([data-stop-parent-interaction-state]:active)) .ThemeInteractiveImage, .ThemeInteractive.ThemeSelected:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) .ThemeInteractiveImage) {
  --theme-interactive-image-brightness: 84%;
  filter: brightness(84%);
}

:is(.ThemeInteractive:active:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled):not(:has([data-stop-parent-interaction-state]:active)) .ThemeInteractiveImageBlurred, .ThemeInteractive.ThemeSelected:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) .ThemeInteractiveImageBlurred) {
  filter: var(--theme-layer-blur) brightness(84%);
}

.ThemeBg-Gradient {
  --theme-bg: var(--theme-bg-gradient, transparent);
  background: var(--theme-bg);
}

.ThemeBg-Alpha {
  --theme-bg: var(--theme-bg-idle, transparent);
  background: var(--theme-bg, transparent);
}

.ThemeBgHover-Alpha {
  --theme-interactive-bg-hover: var(--theme-bg-hover, transparent);
}

.ThemeBgActive-Alpha {
  --theme-interactive-bg-active: var(--theme-bg-active, transparent);
}

.ThemeBgHover-Transparent {
  --theme-interactive-bg-hover: transparent;
}

.ThemeBgActive-Transparent {
  --theme-interactive-bg-active: transparent;
}

.ThemeBgSoft-Base1 {
  --theme-bg: color-mix(in srgb, var(--color-base-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Base1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-1) 24%, transparent);
}

.ThemeBgSoftActive-Base1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-1) 30%, transparent);
}

.ThemeBg-Base1 {
  --theme-bg: var(--color-base-1);
  --theme-interactive-bg-auto-hover: var(--color-base-2);
  --theme-interactive-bg-auto-active: var(--color-base-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Base1 {
  --theme-interactive-bg-hover: var(--color-base-1);
}

.ThemeBgActive-Base1 {
  --theme-interactive-bg-active: var(--color-base-1);
}

.ThemeBgSoft-Base2 {
  --theme-bg: color-mix(in srgb, var(--color-base-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Base2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-2) 24%, transparent);
}

.ThemeBgSoftActive-Base2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-2) 30%, transparent);
}

.ThemeBg-Base2 {
  --theme-bg: var(--color-base-2);
  --theme-interactive-bg-auto-hover: var(--color-base-3);
  --theme-interactive-bg-auto-active: var(--color-base-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Base2 {
  --theme-interactive-bg-hover: var(--color-base-2);
}

.ThemeBgActive-Base2 {
  --theme-interactive-bg-active: var(--color-base-2);
}

.ThemeBgSoft-Base3 {
  --theme-bg: color-mix(in srgb, var(--color-base-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Base3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-3) 24%, transparent);
}

.ThemeBgSoftActive-Base3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-3) 30%, transparent);
}

.ThemeBg-Base3 {
  --theme-bg: var(--color-base-3);
  --theme-interactive-bg-auto-hover: var(--color-base-4);
  --theme-interactive-bg-auto-active: var(--color-base-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Base3 {
  --theme-interactive-bg-hover: var(--color-base-3);
}

.ThemeBgActive-Base3 {
  --theme-interactive-bg-active: var(--color-base-3);
}

.ThemeBgSoft-Base4 {
  --theme-bg: color-mix(in srgb, var(--color-base-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Base4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-4) 24%, transparent);
}

.ThemeBgSoftActive-Base4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-4) 30%, transparent);
}

.ThemeBg-Base4 {
  --theme-bg: var(--color-base-4);
  --theme-interactive-bg-auto-hover: var(--color-base-5);
  --theme-interactive-bg-auto-active: var(--color-base-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Base4 {
  --theme-interactive-bg-hover: var(--color-base-4);
}

.ThemeBgActive-Base4 {
  --theme-interactive-bg-active: var(--color-base-4);
}

.ThemeBgSoft-Base5 {
  --theme-bg: color-mix(in srgb, var(--color-base-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Base5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-5) 24%, transparent);
}

.ThemeBgSoftActive-Base5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-5) 30%, transparent);
}

.ThemeBg-Base5 {
  --theme-bg: var(--color-base-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Base5 {
  --theme-interactive-bg-hover: var(--color-base-5);
}

.ThemeBgActive-Base5 {
  --theme-interactive-bg-active: var(--color-base-5);
}

.ThemeBgSoft-Base6 {
  --theme-bg: color-mix(in srgb, var(--color-base-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Base6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-6) 24%, transparent);
}

.ThemeBgSoftActive-Base6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-6) 30%, transparent);
}

.ThemeBg-Base6 {
  --theme-bg: var(--color-base-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Base6 {
  --theme-interactive-bg-hover: var(--color-base-6);
}

.ThemeBgActive-Base6 {
  --theme-interactive-bg-active: var(--color-base-6);
}

.ThemeBgSoft-BaseLight1 {
  --theme-bg: color-mix(in srgb, var(--color-base-light-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseLight1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-light-1) 24%, transparent);
}

.ThemeBgSoftActive-BaseLight1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
}

.ThemeBg-BaseLight1 {
  --theme-bg: var(--color-base-light-1);
  --theme-interactive-bg-auto-hover: var(--color-base-light-2);
  --theme-interactive-bg-auto-active: var(--color-base-light-3);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseLight1 {
  --theme-interactive-bg-hover: var(--color-base-light-1);
}

.ThemeBgActive-BaseLight1 {
  --theme-interactive-bg-active: var(--color-base-light-1);
}

.ThemeBgSoft-BaseLight2 {
  --theme-bg: color-mix(in srgb, var(--color-base-light-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseLight2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-light-2) 24%, transparent);
}

.ThemeBgSoftActive-BaseLight2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
}

.ThemeBg-BaseLight2 {
  --theme-bg: var(--color-base-light-2);
  --theme-interactive-bg-auto-hover: var(--color-base-light-3);
  --theme-interactive-bg-auto-active: var(--color-base-light-4);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseLight2 {
  --theme-interactive-bg-hover: var(--color-base-light-2);
}

.ThemeBgActive-BaseLight2 {
  --theme-interactive-bg-active: var(--color-base-light-2);
}

.ThemeBgSoft-BaseLight3 {
  --theme-bg: color-mix(in srgb, var(--color-base-light-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseLight3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-light-3) 24%, transparent);
}

.ThemeBgSoftActive-BaseLight3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
}

.ThemeBg-BaseLight3 {
  --theme-bg: var(--color-base-light-3);
  --theme-interactive-bg-auto-hover: var(--color-base-light-4);
  --theme-interactive-bg-auto-active: var(--color-base-light-5);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseLight3 {
  --theme-interactive-bg-hover: var(--color-base-light-3);
}

.ThemeBgActive-BaseLight3 {
  --theme-interactive-bg-active: var(--color-base-light-3);
}

.ThemeBgSoft-BaseLight4 {
  --theme-bg: color-mix(in srgb, var(--color-base-light-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseLight4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-light-4) 24%, transparent);
}

.ThemeBgSoftActive-BaseLight4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
}

.ThemeBg-BaseLight4 {
  --theme-bg: var(--color-base-light-4);
  --theme-interactive-bg-auto-hover: var(--color-base-light-5);
  --theme-interactive-bg-auto-active: var(--color-base-light-6);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseLight4 {
  --theme-interactive-bg-hover: var(--color-base-light-4);
}

.ThemeBgActive-BaseLight4 {
  --theme-interactive-bg-active: var(--color-base-light-4);
}

.ThemeBgSoft-BaseLight5 {
  --theme-bg: color-mix(in srgb, var(--color-base-light-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseLight5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-light-5) 24%, transparent);
}

.ThemeBgSoftActive-BaseLight5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
}

.ThemeBg-BaseLight5 {
  --theme-bg: var(--color-base-light-5);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseLight5 {
  --theme-interactive-bg-hover: var(--color-base-light-5);
}

.ThemeBgActive-BaseLight5 {
  --theme-interactive-bg-active: var(--color-base-light-5);
}

.ThemeBgSoft-BaseLight6 {
  --theme-bg: color-mix(in srgb, var(--color-base-light-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseLight6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-light-6) 24%, transparent);
}

.ThemeBgSoftActive-BaseLight6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
}

.ThemeBg-BaseLight6 {
  --theme-bg: var(--color-base-light-6);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseLight6 {
  --theme-interactive-bg-hover: var(--color-base-light-6);
}

.ThemeBgActive-BaseLight6 {
  --theme-interactive-bg-active: var(--color-base-light-6);
}

.ThemeBgSoft-BaseDark1 {
  --theme-bg: color-mix(in srgb, var(--color-base-dark-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseDark1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-dark-1) 24%, transparent);
}

.ThemeBgSoftActive-BaseDark1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
}

.ThemeBg-BaseDark1 {
  --theme-bg: var(--color-base-dark-1);
  --theme-interactive-bg-auto-hover: var(--color-base-dark-2);
  --theme-interactive-bg-auto-active: var(--color-base-dark-3);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseDark1 {
  --theme-interactive-bg-hover: var(--color-base-dark-1);
}

.ThemeBgActive-BaseDark1 {
  --theme-interactive-bg-active: var(--color-base-dark-1);
}

.ThemeBgSoft-BaseDark2 {
  --theme-bg: color-mix(in srgb, var(--color-base-dark-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseDark2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-dark-2) 24%, transparent);
}

.ThemeBgSoftActive-BaseDark2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
}

.ThemeBg-BaseDark2 {
  --theme-bg: var(--color-base-dark-2);
  --theme-interactive-bg-auto-hover: var(--color-base-dark-3);
  --theme-interactive-bg-auto-active: var(--color-base-dark-4);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseDark2 {
  --theme-interactive-bg-hover: var(--color-base-dark-2);
}

.ThemeBgActive-BaseDark2 {
  --theme-interactive-bg-active: var(--color-base-dark-2);
}

.ThemeBgSoft-BaseDark3 {
  --theme-bg: color-mix(in srgb, var(--color-base-dark-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseDark3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-dark-3) 24%, transparent);
}

.ThemeBgSoftActive-BaseDark3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
}

.ThemeBg-BaseDark3 {
  --theme-bg: var(--color-base-dark-3);
  --theme-interactive-bg-auto-hover: var(--color-base-dark-4);
  --theme-interactive-bg-auto-active: var(--color-base-dark-5);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseDark3 {
  --theme-interactive-bg-hover: var(--color-base-dark-3);
}

.ThemeBgActive-BaseDark3 {
  --theme-interactive-bg-active: var(--color-base-dark-3);
}

.ThemeBgSoft-BaseDark4 {
  --theme-bg: color-mix(in srgb, var(--color-base-dark-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseDark4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-dark-4) 24%, transparent);
}

.ThemeBgSoftActive-BaseDark4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
}

.ThemeBg-BaseDark4 {
  --theme-bg: var(--color-base-dark-4);
  --theme-interactive-bg-auto-hover: var(--color-base-dark-5);
  --theme-interactive-bg-auto-active: var(--color-base-dark-6);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseDark4 {
  --theme-interactive-bg-hover: var(--color-base-dark-4);
}

.ThemeBgActive-BaseDark4 {
  --theme-interactive-bg-active: var(--color-base-dark-4);
}

.ThemeBgSoft-BaseDark5 {
  --theme-bg: color-mix(in srgb, var(--color-base-dark-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseDark5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-dark-5) 24%, transparent);
}

.ThemeBgSoftActive-BaseDark5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
}

.ThemeBg-BaseDark5 {
  --theme-bg: var(--color-base-dark-5);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseDark5 {
  --theme-interactive-bg-hover: var(--color-base-dark-5);
}

.ThemeBgActive-BaseDark5 {
  --theme-interactive-bg-active: var(--color-base-dark-5);
}

.ThemeBgSoft-BaseDark6 {
  --theme-bg: color-mix(in srgb, var(--color-base-dark-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-BaseDark6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-dark-6) 24%, transparent);
}

.ThemeBgSoftActive-BaseDark6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
}

.ThemeBg-BaseDark6 {
  --theme-bg: var(--color-base-dark-6);
  background: var(--theme-bg);
}

.ThemeBgHover-BaseDark6 {
  --theme-interactive-bg-hover: var(--color-base-dark-6);
}

.ThemeBgActive-BaseDark6 {
  --theme-interactive-bg-active: var(--color-base-dark-6);
}

.ThemeBgSoft-Reversed1 {
  --theme-bg: color-mix(in srgb, var(--color-base-reversed-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Reversed1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-reversed-1) 24%, transparent);
}

.ThemeBgSoftActive-Reversed1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
}

.ThemeBg-Reversed1 {
  --theme-bg: var(--color-base-reversed-1);
  --theme-interactive-bg-auto-hover: var(--color-base-reversed-2);
  --theme-interactive-bg-auto-active: var(--color-base-reversed-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Reversed1 {
  --theme-interactive-bg-hover: var(--color-base-reversed-1);
}

.ThemeBgActive-Reversed1 {
  --theme-interactive-bg-active: var(--color-base-reversed-1);
}

.ThemeBgSoft-Reversed2 {
  --theme-bg: color-mix(in srgb, var(--color-base-reversed-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Reversed2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-reversed-2) 24%, transparent);
}

.ThemeBgSoftActive-Reversed2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
}

.ThemeBg-Reversed2 {
  --theme-bg: var(--color-base-reversed-2);
  --theme-interactive-bg-auto-hover: var(--color-base-reversed-3);
  --theme-interactive-bg-auto-active: var(--color-base-reversed-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Reversed2 {
  --theme-interactive-bg-hover: var(--color-base-reversed-2);
}

.ThemeBgActive-Reversed2 {
  --theme-interactive-bg-active: var(--color-base-reversed-2);
}

.ThemeBgSoft-Reversed3 {
  --theme-bg: color-mix(in srgb, var(--color-base-reversed-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Reversed3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-reversed-3) 24%, transparent);
}

.ThemeBgSoftActive-Reversed3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
}

.ThemeBg-Reversed3 {
  --theme-bg: var(--color-base-reversed-3);
  --theme-interactive-bg-auto-hover: var(--color-base-reversed-4);
  --theme-interactive-bg-auto-active: var(--color-base-reversed-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Reversed3 {
  --theme-interactive-bg-hover: var(--color-base-reversed-3);
}

.ThemeBgActive-Reversed3 {
  --theme-interactive-bg-active: var(--color-base-reversed-3);
}

.ThemeBgSoft-Reversed4 {
  --theme-bg: color-mix(in srgb, var(--color-base-reversed-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Reversed4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-reversed-4) 24%, transparent);
}

.ThemeBgSoftActive-Reversed4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
}

.ThemeBg-Reversed4 {
  --theme-bg: var(--color-base-reversed-4);
  --theme-interactive-bg-auto-hover: var(--color-base-reversed-5);
  --theme-interactive-bg-auto-active: var(--color-base-reversed-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Reversed4 {
  --theme-interactive-bg-hover: var(--color-base-reversed-4);
}

.ThemeBgActive-Reversed4 {
  --theme-interactive-bg-active: var(--color-base-reversed-4);
}

.ThemeBgSoft-Reversed5 {
  --theme-bg: color-mix(in srgb, var(--color-base-reversed-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Reversed5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-reversed-5) 24%, transparent);
}

.ThemeBgSoftActive-Reversed5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
}

.ThemeBg-Reversed5 {
  --theme-bg: var(--color-base-reversed-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Reversed5 {
  --theme-interactive-bg-hover: var(--color-base-reversed-5);
}

.ThemeBgActive-Reversed5 {
  --theme-interactive-bg-active: var(--color-base-reversed-5);
}

.ThemeBgSoft-Reversed6 {
  --theme-bg: color-mix(in srgb, var(--color-base-reversed-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Reversed6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-base-reversed-6) 24%, transparent);
}

.ThemeBgSoftActive-Reversed6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
}

.ThemeBg-Reversed6 {
  --theme-bg: var(--color-base-reversed-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Reversed6 {
  --theme-interactive-bg-hover: var(--color-base-reversed-6);
}

.ThemeBgActive-Reversed6 {
  --theme-interactive-bg-active: var(--color-base-reversed-6);
}

.ThemeBgSoft-Theme1 {
  --theme-bg: color-mix(in srgb, var(--color-theme-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Theme1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-theme-1) 24%, transparent);
}

.ThemeBgSoftActive-Theme1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
}

.ThemeBg-Theme1 {
  --theme-bg: var(--color-theme-1);
  --theme-interactive-bg-auto-hover: var(--color-theme-2);
  --theme-interactive-bg-auto-active: var(--color-theme-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Theme1 {
  --theme-interactive-bg-hover: var(--color-theme-1);
}

.ThemeBgActive-Theme1 {
  --theme-interactive-bg-active: var(--color-theme-1);
}

.ThemeBgSoft-Theme2 {
  --theme-bg: color-mix(in srgb, var(--color-theme-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Theme2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-theme-2) 24%, transparent);
}

.ThemeBgSoftActive-Theme2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
}

.ThemeBg-Theme2 {
  --theme-bg: var(--color-theme-2);
  --theme-interactive-bg-auto-hover: var(--color-theme-3);
  --theme-interactive-bg-auto-active: var(--color-theme-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Theme2 {
  --theme-interactive-bg-hover: var(--color-theme-2);
}

.ThemeBgActive-Theme2 {
  --theme-interactive-bg-active: var(--color-theme-2);
}

.ThemeBgSoft-Theme3 {
  --theme-bg: color-mix(in srgb, var(--color-theme-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Theme3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-theme-3) 24%, transparent);
}

.ThemeBgSoftActive-Theme3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
}

.ThemeBg-Theme3 {
  --theme-bg: var(--color-theme-3);
  --theme-interactive-bg-auto-hover: var(--color-theme-4);
  --theme-interactive-bg-auto-active: var(--color-theme-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Theme3 {
  --theme-interactive-bg-hover: var(--color-theme-3);
}

.ThemeBgActive-Theme3 {
  --theme-interactive-bg-active: var(--color-theme-3);
}

.ThemeBgSoft-Theme4 {
  --theme-bg: color-mix(in srgb, var(--color-theme-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Theme4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-theme-4) 24%, transparent);
}

.ThemeBgSoftActive-Theme4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
}

.ThemeBg-Theme4 {
  --theme-bg: var(--color-theme-4);
  --theme-interactive-bg-auto-hover: var(--color-theme-5);
  --theme-interactive-bg-auto-active: var(--color-theme-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Theme4 {
  --theme-interactive-bg-hover: var(--color-theme-4);
}

.ThemeBgActive-Theme4 {
  --theme-interactive-bg-active: var(--color-theme-4);
}

.ThemeBgSoft-Theme5 {
  --theme-bg: color-mix(in srgb, var(--color-theme-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Theme5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-theme-5) 24%, transparent);
}

.ThemeBgSoftActive-Theme5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
}

.ThemeBg-Theme5 {
  --theme-bg: var(--color-theme-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Theme5 {
  --theme-interactive-bg-hover: var(--color-theme-5);
}

.ThemeBgActive-Theme5 {
  --theme-interactive-bg-active: var(--color-theme-5);
}

.ThemeBgSoft-Theme6 {
  --theme-bg: color-mix(in srgb, var(--color-theme-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Theme6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-theme-6) 24%, transparent);
}

.ThemeBgSoftActive-Theme6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
}

.ThemeBg-Theme6 {
  --theme-bg: var(--color-theme-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Theme6 {
  --theme-interactive-bg-hover: var(--color-theme-6);
}

.ThemeBgActive-Theme6 {
  --theme-interactive-bg-active: var(--color-theme-6);
}

.ThemeBgSoft-Pink1 {
  --theme-bg: color-mix(in srgb, var(--color-pink-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Pink1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-pink-1) 24%, transparent);
}

.ThemeBgSoftActive-Pink1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
}

.ThemeBg-Pink1 {
  --theme-bg: var(--color-pink-1);
  --theme-interactive-bg-auto-hover: var(--color-pink-2);
  --theme-interactive-bg-auto-active: var(--color-pink-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Pink1 {
  --theme-interactive-bg-hover: var(--color-pink-1);
}

.ThemeBgActive-Pink1 {
  --theme-interactive-bg-active: var(--color-pink-1);
}

.ThemeBgSoft-Pink2 {
  --theme-bg: color-mix(in srgb, var(--color-pink-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Pink2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-pink-2) 24%, transparent);
}

.ThemeBgSoftActive-Pink2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
}

.ThemeBg-Pink2 {
  --theme-bg: var(--color-pink-2);
  --theme-interactive-bg-auto-hover: var(--color-pink-3);
  --theme-interactive-bg-auto-active: var(--color-pink-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Pink2 {
  --theme-interactive-bg-hover: var(--color-pink-2);
}

.ThemeBgActive-Pink2 {
  --theme-interactive-bg-active: var(--color-pink-2);
}

.ThemeBgSoft-Pink3 {
  --theme-bg: color-mix(in srgb, var(--color-pink-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Pink3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-pink-3) 24%, transparent);
}

.ThemeBgSoftActive-Pink3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
}

.ThemeBg-Pink3 {
  --theme-bg: var(--color-pink-3);
  --theme-interactive-bg-auto-hover: var(--color-pink-4);
  --theme-interactive-bg-auto-active: var(--color-pink-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Pink3 {
  --theme-interactive-bg-hover: var(--color-pink-3);
}

.ThemeBgActive-Pink3 {
  --theme-interactive-bg-active: var(--color-pink-3);
}

.ThemeBgSoft-Pink4 {
  --theme-bg: color-mix(in srgb, var(--color-pink-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Pink4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-pink-4) 24%, transparent);
}

.ThemeBgSoftActive-Pink4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
}

.ThemeBg-Pink4 {
  --theme-bg: var(--color-pink-4);
  --theme-interactive-bg-auto-hover: var(--color-pink-5);
  --theme-interactive-bg-auto-active: var(--color-pink-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Pink4 {
  --theme-interactive-bg-hover: var(--color-pink-4);
}

.ThemeBgActive-Pink4 {
  --theme-interactive-bg-active: var(--color-pink-4);
}

.ThemeBgSoft-Pink5 {
  --theme-bg: color-mix(in srgb, var(--color-pink-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Pink5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-pink-5) 24%, transparent);
}

.ThemeBgSoftActive-Pink5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
}

.ThemeBg-Pink5 {
  --theme-bg: var(--color-pink-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Pink5 {
  --theme-interactive-bg-hover: var(--color-pink-5);
}

.ThemeBgActive-Pink5 {
  --theme-interactive-bg-active: var(--color-pink-5);
}

.ThemeBgSoft-Pink6 {
  --theme-bg: color-mix(in srgb, var(--color-pink-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Pink6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-pink-6) 24%, transparent);
}

.ThemeBgSoftActive-Pink6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
}

.ThemeBg-Pink6 {
  --theme-bg: var(--color-pink-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Pink6 {
  --theme-interactive-bg-hover: var(--color-pink-6);
}

.ThemeBgActive-Pink6 {
  --theme-interactive-bg-active: var(--color-pink-6);
}

.ThemeBgSoft-Red1 {
  --theme-bg: color-mix(in srgb, var(--color-red-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Red1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-red-1) 24%, transparent);
}

.ThemeBgSoftActive-Red1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-red-1) 30%, transparent);
}

.ThemeBg-Red1 {
  --theme-bg: var(--color-red-1);
  --theme-interactive-bg-auto-hover: var(--color-red-2);
  --theme-interactive-bg-auto-active: var(--color-red-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Red1 {
  --theme-interactive-bg-hover: var(--color-red-1);
}

.ThemeBgActive-Red1 {
  --theme-interactive-bg-active: var(--color-red-1);
}

.ThemeBgSoft-Red2 {
  --theme-bg: color-mix(in srgb, var(--color-red-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Red2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-red-2) 24%, transparent);
}

.ThemeBgSoftActive-Red2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-red-2) 30%, transparent);
}

.ThemeBg-Red2 {
  --theme-bg: var(--color-red-2);
  --theme-interactive-bg-auto-hover: var(--color-red-3);
  --theme-interactive-bg-auto-active: var(--color-red-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Red2 {
  --theme-interactive-bg-hover: var(--color-red-2);
}

.ThemeBgActive-Red2 {
  --theme-interactive-bg-active: var(--color-red-2);
}

.ThemeBgSoft-Red3 {
  --theme-bg: color-mix(in srgb, var(--color-red-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Red3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-red-3) 24%, transparent);
}

.ThemeBgSoftActive-Red3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-red-3) 30%, transparent);
}

.ThemeBg-Red3 {
  --theme-bg: var(--color-red-3);
  --theme-interactive-bg-auto-hover: var(--color-red-4);
  --theme-interactive-bg-auto-active: var(--color-red-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Red3 {
  --theme-interactive-bg-hover: var(--color-red-3);
}

.ThemeBgActive-Red3 {
  --theme-interactive-bg-active: var(--color-red-3);
}

.ThemeBgSoft-Red4 {
  --theme-bg: color-mix(in srgb, var(--color-red-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Red4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-red-4) 24%, transparent);
}

.ThemeBgSoftActive-Red4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-red-4) 30%, transparent);
}

.ThemeBg-Red4 {
  --theme-bg: var(--color-red-4);
  --theme-interactive-bg-auto-hover: var(--color-red-5);
  --theme-interactive-bg-auto-active: var(--color-red-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Red4 {
  --theme-interactive-bg-hover: var(--color-red-4);
}

.ThemeBgActive-Red4 {
  --theme-interactive-bg-active: var(--color-red-4);
}

.ThemeBgSoft-Red5 {
  --theme-bg: color-mix(in srgb, var(--color-red-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Red5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-red-5) 24%, transparent);
}

.ThemeBgSoftActive-Red5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-red-5) 30%, transparent);
}

.ThemeBg-Red5 {
  --theme-bg: var(--color-red-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Red5 {
  --theme-interactive-bg-hover: var(--color-red-5);
}

.ThemeBgActive-Red5 {
  --theme-interactive-bg-active: var(--color-red-5);
}

.ThemeBgSoft-Red6 {
  --theme-bg: color-mix(in srgb, var(--color-red-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Red6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-red-6) 24%, transparent);
}

.ThemeBgSoftActive-Red6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-red-6) 30%, transparent);
}

.ThemeBg-Red6 {
  --theme-bg: var(--color-red-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Red6 {
  --theme-interactive-bg-hover: var(--color-red-6);
}

.ThemeBgActive-Red6 {
  --theme-interactive-bg-active: var(--color-red-6);
}

.ThemeBgSoft-Brown1 {
  --theme-bg: color-mix(in srgb, var(--color-brown-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Brown1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-brown-1) 24%, transparent);
}

.ThemeBgSoftActive-Brown1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
}

.ThemeBg-Brown1 {
  --theme-bg: var(--color-brown-1);
  --theme-interactive-bg-auto-hover: var(--color-brown-2);
  --theme-interactive-bg-auto-active: var(--color-brown-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Brown1 {
  --theme-interactive-bg-hover: var(--color-brown-1);
}

.ThemeBgActive-Brown1 {
  --theme-interactive-bg-active: var(--color-brown-1);
}

.ThemeBgSoft-Brown2 {
  --theme-bg: color-mix(in srgb, var(--color-brown-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Brown2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-brown-2) 24%, transparent);
}

.ThemeBgSoftActive-Brown2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
}

.ThemeBg-Brown2 {
  --theme-bg: var(--color-brown-2);
  --theme-interactive-bg-auto-hover: var(--color-brown-3);
  --theme-interactive-bg-auto-active: var(--color-brown-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Brown2 {
  --theme-interactive-bg-hover: var(--color-brown-2);
}

.ThemeBgActive-Brown2 {
  --theme-interactive-bg-active: var(--color-brown-2);
}

.ThemeBgSoft-Brown3 {
  --theme-bg: color-mix(in srgb, var(--color-brown-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Brown3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-brown-3) 24%, transparent);
}

.ThemeBgSoftActive-Brown3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
}

.ThemeBg-Brown3 {
  --theme-bg: var(--color-brown-3);
  --theme-interactive-bg-auto-hover: var(--color-brown-4);
  --theme-interactive-bg-auto-active: var(--color-brown-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Brown3 {
  --theme-interactive-bg-hover: var(--color-brown-3);
}

.ThemeBgActive-Brown3 {
  --theme-interactive-bg-active: var(--color-brown-3);
}

.ThemeBgSoft-Brown4 {
  --theme-bg: color-mix(in srgb, var(--color-brown-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Brown4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-brown-4) 24%, transparent);
}

.ThemeBgSoftActive-Brown4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
}

.ThemeBg-Brown4 {
  --theme-bg: var(--color-brown-4);
  --theme-interactive-bg-auto-hover: var(--color-brown-5);
  --theme-interactive-bg-auto-active: var(--color-brown-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Brown4 {
  --theme-interactive-bg-hover: var(--color-brown-4);
}

.ThemeBgActive-Brown4 {
  --theme-interactive-bg-active: var(--color-brown-4);
}

.ThemeBgSoft-Brown5 {
  --theme-bg: color-mix(in srgb, var(--color-brown-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Brown5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-brown-5) 24%, transparent);
}

.ThemeBgSoftActive-Brown5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
}

.ThemeBg-Brown5 {
  --theme-bg: var(--color-brown-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Brown5 {
  --theme-interactive-bg-hover: var(--color-brown-5);
}

.ThemeBgActive-Brown5 {
  --theme-interactive-bg-active: var(--color-brown-5);
}

.ThemeBgSoft-Brown6 {
  --theme-bg: color-mix(in srgb, var(--color-brown-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Brown6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-brown-6) 24%, transparent);
}

.ThemeBgSoftActive-Brown6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
}

.ThemeBg-Brown6 {
  --theme-bg: var(--color-brown-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Brown6 {
  --theme-interactive-bg-hover: var(--color-brown-6);
}

.ThemeBgActive-Brown6 {
  --theme-interactive-bg-active: var(--color-brown-6);
}

.ThemeBgSoft-Orange1 {
  --theme-bg: color-mix(in srgb, var(--color-orange-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Orange1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-orange-1) 24%, transparent);
}

.ThemeBgSoftActive-Orange1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
}

.ThemeBg-Orange1 {
  --theme-bg: var(--color-orange-1);
  --theme-interactive-bg-auto-hover: var(--color-orange-2);
  --theme-interactive-bg-auto-active: var(--color-orange-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Orange1 {
  --theme-interactive-bg-hover: var(--color-orange-1);
}

.ThemeBgActive-Orange1 {
  --theme-interactive-bg-active: var(--color-orange-1);
}

.ThemeBgSoft-Orange2 {
  --theme-bg: color-mix(in srgb, var(--color-orange-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Orange2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-orange-2) 24%, transparent);
}

.ThemeBgSoftActive-Orange2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
}

.ThemeBg-Orange2 {
  --theme-bg: var(--color-orange-2);
  --theme-interactive-bg-auto-hover: var(--color-orange-3);
  --theme-interactive-bg-auto-active: var(--color-orange-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Orange2 {
  --theme-interactive-bg-hover: var(--color-orange-2);
}

.ThemeBgActive-Orange2 {
  --theme-interactive-bg-active: var(--color-orange-2);
}

.ThemeBgSoft-Orange3 {
  --theme-bg: color-mix(in srgb, var(--color-orange-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Orange3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-orange-3) 24%, transparent);
}

.ThemeBgSoftActive-Orange3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
}

.ThemeBg-Orange3 {
  --theme-bg: var(--color-orange-3);
  --theme-interactive-bg-auto-hover: var(--color-orange-4);
  --theme-interactive-bg-auto-active: var(--color-orange-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Orange3 {
  --theme-interactive-bg-hover: var(--color-orange-3);
}

.ThemeBgActive-Orange3 {
  --theme-interactive-bg-active: var(--color-orange-3);
}

.ThemeBgSoft-Orange4 {
  --theme-bg: color-mix(in srgb, var(--color-orange-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Orange4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-orange-4) 24%, transparent);
}

.ThemeBgSoftActive-Orange4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
}

.ThemeBg-Orange4 {
  --theme-bg: var(--color-orange-4);
  --theme-interactive-bg-auto-hover: var(--color-orange-5);
  --theme-interactive-bg-auto-active: var(--color-orange-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Orange4 {
  --theme-interactive-bg-hover: var(--color-orange-4);
}

.ThemeBgActive-Orange4 {
  --theme-interactive-bg-active: var(--color-orange-4);
}

.ThemeBgSoft-Orange5 {
  --theme-bg: color-mix(in srgb, var(--color-orange-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Orange5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-orange-5) 24%, transparent);
}

.ThemeBgSoftActive-Orange5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
}

.ThemeBg-Orange5 {
  --theme-bg: var(--color-orange-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Orange5 {
  --theme-interactive-bg-hover: var(--color-orange-5);
}

.ThemeBgActive-Orange5 {
  --theme-interactive-bg-active: var(--color-orange-5);
}

.ThemeBgSoft-Orange6 {
  --theme-bg: color-mix(in srgb, var(--color-orange-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Orange6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-orange-6) 24%, transparent);
}

.ThemeBgSoftActive-Orange6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
}

.ThemeBg-Orange6 {
  --theme-bg: var(--color-orange-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Orange6 {
  --theme-interactive-bg-hover: var(--color-orange-6);
}

.ThemeBgActive-Orange6 {
  --theme-interactive-bg-active: var(--color-orange-6);
}

.ThemeBgSoft-Yellow1 {
  --theme-bg: color-mix(in srgb, var(--color-yellow-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Yellow1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-yellow-1) 24%, transparent);
}

.ThemeBgSoftActive-Yellow1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
}

.ThemeBg-Yellow1 {
  --theme-bg: var(--color-yellow-1);
  --theme-interactive-bg-auto-hover: var(--color-yellow-2);
  --theme-interactive-bg-auto-active: var(--color-yellow-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Yellow1 {
  --theme-interactive-bg-hover: var(--color-yellow-1);
}

.ThemeBgActive-Yellow1 {
  --theme-interactive-bg-active: var(--color-yellow-1);
}

.ThemeBgSoft-Yellow2 {
  --theme-bg: color-mix(in srgb, var(--color-yellow-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Yellow2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-yellow-2) 24%, transparent);
}

.ThemeBgSoftActive-Yellow2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
}

.ThemeBg-Yellow2 {
  --theme-bg: var(--color-yellow-2);
  --theme-interactive-bg-auto-hover: var(--color-yellow-3);
  --theme-interactive-bg-auto-active: var(--color-yellow-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Yellow2 {
  --theme-interactive-bg-hover: var(--color-yellow-2);
}

.ThemeBgActive-Yellow2 {
  --theme-interactive-bg-active: var(--color-yellow-2);
}

.ThemeBgSoft-Yellow3 {
  --theme-bg: color-mix(in srgb, var(--color-yellow-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Yellow3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-yellow-3) 24%, transparent);
}

.ThemeBgSoftActive-Yellow3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
}

.ThemeBg-Yellow3 {
  --theme-bg: var(--color-yellow-3);
  --theme-interactive-bg-auto-hover: var(--color-yellow-4);
  --theme-interactive-bg-auto-active: var(--color-yellow-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Yellow3 {
  --theme-interactive-bg-hover: var(--color-yellow-3);
}

.ThemeBgActive-Yellow3 {
  --theme-interactive-bg-active: var(--color-yellow-3);
}

.ThemeBgSoft-Yellow4 {
  --theme-bg: color-mix(in srgb, var(--color-yellow-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Yellow4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-yellow-4) 24%, transparent);
}

.ThemeBgSoftActive-Yellow4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
}

.ThemeBg-Yellow4 {
  --theme-bg: var(--color-yellow-4);
  --theme-interactive-bg-auto-hover: var(--color-yellow-5);
  --theme-interactive-bg-auto-active: var(--color-yellow-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Yellow4 {
  --theme-interactive-bg-hover: var(--color-yellow-4);
}

.ThemeBgActive-Yellow4 {
  --theme-interactive-bg-active: var(--color-yellow-4);
}

.ThemeBgSoft-Yellow5 {
  --theme-bg: color-mix(in srgb, var(--color-yellow-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Yellow5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-yellow-5) 24%, transparent);
}

.ThemeBgSoftActive-Yellow5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
}

.ThemeBg-Yellow5 {
  --theme-bg: var(--color-yellow-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Yellow5 {
  --theme-interactive-bg-hover: var(--color-yellow-5);
}

.ThemeBgActive-Yellow5 {
  --theme-interactive-bg-active: var(--color-yellow-5);
}

.ThemeBgSoft-Yellow6 {
  --theme-bg: color-mix(in srgb, var(--color-yellow-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Yellow6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-yellow-6) 24%, transparent);
}

.ThemeBgSoftActive-Yellow6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
}

.ThemeBg-Yellow6 {
  --theme-bg: var(--color-yellow-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Yellow6 {
  --theme-interactive-bg-hover: var(--color-yellow-6);
}

.ThemeBgActive-Yellow6 {
  --theme-interactive-bg-active: var(--color-yellow-6);
}

.ThemeBgSoft-Green1 {
  --theme-bg: color-mix(in srgb, var(--color-green-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Green1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-green-1) 24%, transparent);
}

.ThemeBgSoftActive-Green1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-green-1) 30%, transparent);
}

.ThemeBg-Green1 {
  --theme-bg: var(--color-green-1);
  --theme-interactive-bg-auto-hover: var(--color-green-2);
  --theme-interactive-bg-auto-active: var(--color-green-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Green1 {
  --theme-interactive-bg-hover: var(--color-green-1);
}

.ThemeBgActive-Green1 {
  --theme-interactive-bg-active: var(--color-green-1);
}

.ThemeBgSoft-Green2 {
  --theme-bg: color-mix(in srgb, var(--color-green-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Green2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-green-2) 24%, transparent);
}

.ThemeBgSoftActive-Green2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-green-2) 30%, transparent);
}

.ThemeBg-Green2 {
  --theme-bg: var(--color-green-2);
  --theme-interactive-bg-auto-hover: var(--color-green-3);
  --theme-interactive-bg-auto-active: var(--color-green-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Green2 {
  --theme-interactive-bg-hover: var(--color-green-2);
}

.ThemeBgActive-Green2 {
  --theme-interactive-bg-active: var(--color-green-2);
}

.ThemeBgSoft-Green3 {
  --theme-bg: color-mix(in srgb, var(--color-green-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Green3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-green-3) 24%, transparent);
}

.ThemeBgSoftActive-Green3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-green-3) 30%, transparent);
}

.ThemeBg-Green3 {
  --theme-bg: var(--color-green-3);
  --theme-interactive-bg-auto-hover: var(--color-green-4);
  --theme-interactive-bg-auto-active: var(--color-green-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Green3 {
  --theme-interactive-bg-hover: var(--color-green-3);
}

.ThemeBgActive-Green3 {
  --theme-interactive-bg-active: var(--color-green-3);
}

.ThemeBgSoft-Green4 {
  --theme-bg: color-mix(in srgb, var(--color-green-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Green4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-green-4) 24%, transparent);
}

.ThemeBgSoftActive-Green4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-green-4) 30%, transparent);
}

.ThemeBg-Green4 {
  --theme-bg: var(--color-green-4);
  --theme-interactive-bg-auto-hover: var(--color-green-5);
  --theme-interactive-bg-auto-active: var(--color-green-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Green4 {
  --theme-interactive-bg-hover: var(--color-green-4);
}

.ThemeBgActive-Green4 {
  --theme-interactive-bg-active: var(--color-green-4);
}

.ThemeBgSoft-Green5 {
  --theme-bg: color-mix(in srgb, var(--color-green-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Green5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-green-5) 24%, transparent);
}

.ThemeBgSoftActive-Green5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-green-5) 30%, transparent);
}

.ThemeBg-Green5 {
  --theme-bg: var(--color-green-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Green5 {
  --theme-interactive-bg-hover: var(--color-green-5);
}

.ThemeBgActive-Green5 {
  --theme-interactive-bg-active: var(--color-green-5);
}

.ThemeBgSoft-Green6 {
  --theme-bg: color-mix(in srgb, var(--color-green-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Green6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-green-6) 24%, transparent);
}

.ThemeBgSoftActive-Green6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-green-6) 30%, transparent);
}

.ThemeBg-Green6 {
  --theme-bg: var(--color-green-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Green6 {
  --theme-interactive-bg-hover: var(--color-green-6);
}

.ThemeBgActive-Green6 {
  --theme-interactive-bg-active: var(--color-green-6);
}

.ThemeBgSoft-Mint1 {
  --theme-bg: color-mix(in srgb, var(--color-mint-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Mint1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-mint-1) 24%, transparent);
}

.ThemeBgSoftActive-Mint1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
}

.ThemeBg-Mint1 {
  --theme-bg: var(--color-mint-1);
  --theme-interactive-bg-auto-hover: var(--color-mint-2);
  --theme-interactive-bg-auto-active: var(--color-mint-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Mint1 {
  --theme-interactive-bg-hover: var(--color-mint-1);
}

.ThemeBgActive-Mint1 {
  --theme-interactive-bg-active: var(--color-mint-1);
}

.ThemeBgSoft-Mint2 {
  --theme-bg: color-mix(in srgb, var(--color-mint-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Mint2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-mint-2) 24%, transparent);
}

.ThemeBgSoftActive-Mint2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
}

.ThemeBg-Mint2 {
  --theme-bg: var(--color-mint-2);
  --theme-interactive-bg-auto-hover: var(--color-mint-3);
  --theme-interactive-bg-auto-active: var(--color-mint-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Mint2 {
  --theme-interactive-bg-hover: var(--color-mint-2);
}

.ThemeBgActive-Mint2 {
  --theme-interactive-bg-active: var(--color-mint-2);
}

.ThemeBgSoft-Mint3 {
  --theme-bg: color-mix(in srgb, var(--color-mint-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Mint3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-mint-3) 24%, transparent);
}

.ThemeBgSoftActive-Mint3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
}

.ThemeBg-Mint3 {
  --theme-bg: var(--color-mint-3);
  --theme-interactive-bg-auto-hover: var(--color-mint-4);
  --theme-interactive-bg-auto-active: var(--color-mint-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Mint3 {
  --theme-interactive-bg-hover: var(--color-mint-3);
}

.ThemeBgActive-Mint3 {
  --theme-interactive-bg-active: var(--color-mint-3);
}

.ThemeBgSoft-Mint4 {
  --theme-bg: color-mix(in srgb, var(--color-mint-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Mint4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-mint-4) 24%, transparent);
}

.ThemeBgSoftActive-Mint4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
}

.ThemeBg-Mint4 {
  --theme-bg: var(--color-mint-4);
  --theme-interactive-bg-auto-hover: var(--color-mint-5);
  --theme-interactive-bg-auto-active: var(--color-mint-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Mint4 {
  --theme-interactive-bg-hover: var(--color-mint-4);
}

.ThemeBgActive-Mint4 {
  --theme-interactive-bg-active: var(--color-mint-4);
}

.ThemeBgSoft-Mint5 {
  --theme-bg: color-mix(in srgb, var(--color-mint-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Mint5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-mint-5) 24%, transparent);
}

.ThemeBgSoftActive-Mint5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
}

.ThemeBg-Mint5 {
  --theme-bg: var(--color-mint-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Mint5 {
  --theme-interactive-bg-hover: var(--color-mint-5);
}

.ThemeBgActive-Mint5 {
  --theme-interactive-bg-active: var(--color-mint-5);
}

.ThemeBgSoft-Mint6 {
  --theme-bg: color-mix(in srgb, var(--color-mint-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Mint6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-mint-6) 24%, transparent);
}

.ThemeBgSoftActive-Mint6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
}

.ThemeBg-Mint6 {
  --theme-bg: var(--color-mint-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Mint6 {
  --theme-interactive-bg-hover: var(--color-mint-6);
}

.ThemeBgActive-Mint6 {
  --theme-interactive-bg-active: var(--color-mint-6);
}

.ThemeBgSoft-Cyan1 {
  --theme-bg: color-mix(in srgb, var(--color-cyan-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Cyan1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-cyan-1) 24%, transparent);
}

.ThemeBgSoftActive-Cyan1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
}

.ThemeBg-Cyan1 {
  --theme-bg: var(--color-cyan-1);
  --theme-interactive-bg-auto-hover: var(--color-cyan-2);
  --theme-interactive-bg-auto-active: var(--color-cyan-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Cyan1 {
  --theme-interactive-bg-hover: var(--color-cyan-1);
}

.ThemeBgActive-Cyan1 {
  --theme-interactive-bg-active: var(--color-cyan-1);
}

.ThemeBgSoft-Cyan2 {
  --theme-bg: color-mix(in srgb, var(--color-cyan-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Cyan2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-cyan-2) 24%, transparent);
}

.ThemeBgSoftActive-Cyan2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
}

.ThemeBg-Cyan2 {
  --theme-bg: var(--color-cyan-2);
  --theme-interactive-bg-auto-hover: var(--color-cyan-3);
  --theme-interactive-bg-auto-active: var(--color-cyan-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Cyan2 {
  --theme-interactive-bg-hover: var(--color-cyan-2);
}

.ThemeBgActive-Cyan2 {
  --theme-interactive-bg-active: var(--color-cyan-2);
}

.ThemeBgSoft-Cyan3 {
  --theme-bg: color-mix(in srgb, var(--color-cyan-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Cyan3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-cyan-3) 24%, transparent);
}

.ThemeBgSoftActive-Cyan3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
}

.ThemeBg-Cyan3 {
  --theme-bg: var(--color-cyan-3);
  --theme-interactive-bg-auto-hover: var(--color-cyan-4);
  --theme-interactive-bg-auto-active: var(--color-cyan-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Cyan3 {
  --theme-interactive-bg-hover: var(--color-cyan-3);
}

.ThemeBgActive-Cyan3 {
  --theme-interactive-bg-active: var(--color-cyan-3);
}

.ThemeBgSoft-Cyan4 {
  --theme-bg: color-mix(in srgb, var(--color-cyan-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Cyan4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-cyan-4) 24%, transparent);
}

.ThemeBgSoftActive-Cyan4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
}

.ThemeBg-Cyan4 {
  --theme-bg: var(--color-cyan-4);
  --theme-interactive-bg-auto-hover: var(--color-cyan-5);
  --theme-interactive-bg-auto-active: var(--color-cyan-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Cyan4 {
  --theme-interactive-bg-hover: var(--color-cyan-4);
}

.ThemeBgActive-Cyan4 {
  --theme-interactive-bg-active: var(--color-cyan-4);
}

.ThemeBgSoft-Cyan5 {
  --theme-bg: color-mix(in srgb, var(--color-cyan-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Cyan5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-cyan-5) 24%, transparent);
}

.ThemeBgSoftActive-Cyan5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
}

.ThemeBg-Cyan5 {
  --theme-bg: var(--color-cyan-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Cyan5 {
  --theme-interactive-bg-hover: var(--color-cyan-5);
}

.ThemeBgActive-Cyan5 {
  --theme-interactive-bg-active: var(--color-cyan-5);
}

.ThemeBgSoft-Cyan6 {
  --theme-bg: color-mix(in srgb, var(--color-cyan-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Cyan6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-cyan-6) 24%, transparent);
}

.ThemeBgSoftActive-Cyan6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
}

.ThemeBg-Cyan6 {
  --theme-bg: var(--color-cyan-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Cyan6 {
  --theme-interactive-bg-hover: var(--color-cyan-6);
}

.ThemeBgActive-Cyan6 {
  --theme-interactive-bg-active: var(--color-cyan-6);
}

.ThemeBgSoft-Blue1 {
  --theme-bg: color-mix(in srgb, var(--color-blue-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Blue1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-blue-1) 24%, transparent);
}

.ThemeBgSoftActive-Blue1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
}

.ThemeBg-Blue1 {
  --theme-bg: var(--color-blue-1);
  --theme-interactive-bg-auto-hover: var(--color-blue-2);
  --theme-interactive-bg-auto-active: var(--color-blue-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Blue1 {
  --theme-interactive-bg-hover: var(--color-blue-1);
}

.ThemeBgActive-Blue1 {
  --theme-interactive-bg-active: var(--color-blue-1);
}

.ThemeBgSoft-Blue2 {
  --theme-bg: color-mix(in srgb, var(--color-blue-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Blue2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-blue-2) 24%, transparent);
}

.ThemeBgSoftActive-Blue2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
}

.ThemeBg-Blue2 {
  --theme-bg: var(--color-blue-2);
  --theme-interactive-bg-auto-hover: var(--color-blue-3);
  --theme-interactive-bg-auto-active: var(--color-blue-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Blue2 {
  --theme-interactive-bg-hover: var(--color-blue-2);
}

.ThemeBgActive-Blue2 {
  --theme-interactive-bg-active: var(--color-blue-2);
}

.ThemeBgSoft-Blue3 {
  --theme-bg: color-mix(in srgb, var(--color-blue-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Blue3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-blue-3) 24%, transparent);
}

.ThemeBgSoftActive-Blue3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
}

.ThemeBg-Blue3 {
  --theme-bg: var(--color-blue-3);
  --theme-interactive-bg-auto-hover: var(--color-blue-4);
  --theme-interactive-bg-auto-active: var(--color-blue-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Blue3 {
  --theme-interactive-bg-hover: var(--color-blue-3);
}

.ThemeBgActive-Blue3 {
  --theme-interactive-bg-active: var(--color-blue-3);
}

.ThemeBgSoft-Blue4 {
  --theme-bg: color-mix(in srgb, var(--color-blue-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Blue4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-blue-4) 24%, transparent);
}

.ThemeBgSoftActive-Blue4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
}

.ThemeBg-Blue4 {
  --theme-bg: var(--color-blue-4);
  --theme-interactive-bg-auto-hover: var(--color-blue-5);
  --theme-interactive-bg-auto-active: var(--color-blue-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Blue4 {
  --theme-interactive-bg-hover: var(--color-blue-4);
}

.ThemeBgActive-Blue4 {
  --theme-interactive-bg-active: var(--color-blue-4);
}

.ThemeBgSoft-Blue5 {
  --theme-bg: color-mix(in srgb, var(--color-blue-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Blue5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-blue-5) 24%, transparent);
}

.ThemeBgSoftActive-Blue5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
}

.ThemeBg-Blue5 {
  --theme-bg: var(--color-blue-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Blue5 {
  --theme-interactive-bg-hover: var(--color-blue-5);
}

.ThemeBgActive-Blue5 {
  --theme-interactive-bg-active: var(--color-blue-5);
}

.ThemeBgSoft-Blue6 {
  --theme-bg: color-mix(in srgb, var(--color-blue-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Blue6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-blue-6) 24%, transparent);
}

.ThemeBgSoftActive-Blue6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
}

.ThemeBg-Blue6 {
  --theme-bg: var(--color-blue-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Blue6 {
  --theme-interactive-bg-hover: var(--color-blue-6);
}

.ThemeBgActive-Blue6 {
  --theme-interactive-bg-active: var(--color-blue-6);
}

.ThemeBgSoft-Indigo1 {
  --theme-bg: color-mix(in srgb, var(--color-indigo-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Indigo1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-indigo-1) 24%, transparent);
}

.ThemeBgSoftActive-Indigo1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
}

.ThemeBg-Indigo1 {
  --theme-bg: var(--color-indigo-1);
  --theme-interactive-bg-auto-hover: var(--color-indigo-2);
  --theme-interactive-bg-auto-active: var(--color-indigo-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Indigo1 {
  --theme-interactive-bg-hover: var(--color-indigo-1);
}

.ThemeBgActive-Indigo1 {
  --theme-interactive-bg-active: var(--color-indigo-1);
}

.ThemeBgSoft-Indigo2 {
  --theme-bg: color-mix(in srgb, var(--color-indigo-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Indigo2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-indigo-2) 24%, transparent);
}

.ThemeBgSoftActive-Indigo2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
}

.ThemeBg-Indigo2 {
  --theme-bg: var(--color-indigo-2);
  --theme-interactive-bg-auto-hover: var(--color-indigo-3);
  --theme-interactive-bg-auto-active: var(--color-indigo-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Indigo2 {
  --theme-interactive-bg-hover: var(--color-indigo-2);
}

.ThemeBgActive-Indigo2 {
  --theme-interactive-bg-active: var(--color-indigo-2);
}

.ThemeBgSoft-Indigo3 {
  --theme-bg: color-mix(in srgb, var(--color-indigo-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Indigo3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-indigo-3) 24%, transparent);
}

.ThemeBgSoftActive-Indigo3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
}

.ThemeBg-Indigo3 {
  --theme-bg: var(--color-indigo-3);
  --theme-interactive-bg-auto-hover: var(--color-indigo-4);
  --theme-interactive-bg-auto-active: var(--color-indigo-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Indigo3 {
  --theme-interactive-bg-hover: var(--color-indigo-3);
}

.ThemeBgActive-Indigo3 {
  --theme-interactive-bg-active: var(--color-indigo-3);
}

.ThemeBgSoft-Indigo4 {
  --theme-bg: color-mix(in srgb, var(--color-indigo-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Indigo4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-indigo-4) 24%, transparent);
}

.ThemeBgSoftActive-Indigo4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
}

.ThemeBg-Indigo4 {
  --theme-bg: var(--color-indigo-4);
  --theme-interactive-bg-auto-hover: var(--color-indigo-5);
  --theme-interactive-bg-auto-active: var(--color-indigo-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Indigo4 {
  --theme-interactive-bg-hover: var(--color-indigo-4);
}

.ThemeBgActive-Indigo4 {
  --theme-interactive-bg-active: var(--color-indigo-4);
}

.ThemeBgSoft-Indigo5 {
  --theme-bg: color-mix(in srgb, var(--color-indigo-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Indigo5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-indigo-5) 24%, transparent);
}

.ThemeBgSoftActive-Indigo5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
}

.ThemeBg-Indigo5 {
  --theme-bg: var(--color-indigo-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Indigo5 {
  --theme-interactive-bg-hover: var(--color-indigo-5);
}

.ThemeBgActive-Indigo5 {
  --theme-interactive-bg-active: var(--color-indigo-5);
}

.ThemeBgSoft-Indigo6 {
  --theme-bg: color-mix(in srgb, var(--color-indigo-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Indigo6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-indigo-6) 24%, transparent);
}

.ThemeBgSoftActive-Indigo6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
}

.ThemeBg-Indigo6 {
  --theme-bg: var(--color-indigo-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Indigo6 {
  --theme-interactive-bg-hover: var(--color-indigo-6);
}

.ThemeBgActive-Indigo6 {
  --theme-interactive-bg-active: var(--color-indigo-6);
}

.ThemeBgSoft-Purple1 {
  --theme-bg: color-mix(in srgb, var(--color-purple-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Purple1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-purple-1) 24%, transparent);
}

.ThemeBgSoftActive-Purple1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
}

.ThemeBg-Purple1 {
  --theme-bg: var(--color-purple-1);
  --theme-interactive-bg-auto-hover: var(--color-purple-2);
  --theme-interactive-bg-auto-active: var(--color-purple-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Purple1 {
  --theme-interactive-bg-hover: var(--color-purple-1);
}

.ThemeBgActive-Purple1 {
  --theme-interactive-bg-active: var(--color-purple-1);
}

.ThemeBgSoft-Purple2 {
  --theme-bg: color-mix(in srgb, var(--color-purple-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Purple2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-purple-2) 24%, transparent);
}

.ThemeBgSoftActive-Purple2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
}

.ThemeBg-Purple2 {
  --theme-bg: var(--color-purple-2);
  --theme-interactive-bg-auto-hover: var(--color-purple-3);
  --theme-interactive-bg-auto-active: var(--color-purple-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Purple2 {
  --theme-interactive-bg-hover: var(--color-purple-2);
}

.ThemeBgActive-Purple2 {
  --theme-interactive-bg-active: var(--color-purple-2);
}

.ThemeBgSoft-Purple3 {
  --theme-bg: color-mix(in srgb, var(--color-purple-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Purple3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-purple-3) 24%, transparent);
}

.ThemeBgSoftActive-Purple3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
}

.ThemeBg-Purple3 {
  --theme-bg: var(--color-purple-3);
  --theme-interactive-bg-auto-hover: var(--color-purple-4);
  --theme-interactive-bg-auto-active: var(--color-purple-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Purple3 {
  --theme-interactive-bg-hover: var(--color-purple-3);
}

.ThemeBgActive-Purple3 {
  --theme-interactive-bg-active: var(--color-purple-3);
}

.ThemeBgSoft-Purple4 {
  --theme-bg: color-mix(in srgb, var(--color-purple-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Purple4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-purple-4) 24%, transparent);
}

.ThemeBgSoftActive-Purple4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
}

.ThemeBg-Purple4 {
  --theme-bg: var(--color-purple-4);
  --theme-interactive-bg-auto-hover: var(--color-purple-5);
  --theme-interactive-bg-auto-active: var(--color-purple-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Purple4 {
  --theme-interactive-bg-hover: var(--color-purple-4);
}

.ThemeBgActive-Purple4 {
  --theme-interactive-bg-active: var(--color-purple-4);
}

.ThemeBgSoft-Purple5 {
  --theme-bg: color-mix(in srgb, var(--color-purple-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Purple5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-purple-5) 24%, transparent);
}

.ThemeBgSoftActive-Purple5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
}

.ThemeBg-Purple5 {
  --theme-bg: var(--color-purple-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Purple5 {
  --theme-interactive-bg-hover: var(--color-purple-5);
}

.ThemeBgActive-Purple5 {
  --theme-interactive-bg-active: var(--color-purple-5);
}

.ThemeBgSoft-Purple6 {
  --theme-bg: color-mix(in srgb, var(--color-purple-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Purple6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-purple-6) 24%, transparent);
}

.ThemeBgSoftActive-Purple6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
}

.ThemeBg-Purple6 {
  --theme-bg: var(--color-purple-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Purple6 {
  --theme-interactive-bg-hover: var(--color-purple-6);
}

.ThemeBgActive-Purple6 {
  --theme-interactive-bg-active: var(--color-purple-6);
}

.ThemeBgSoft-Magenta1 {
  --theme-bg: color-mix(in srgb, var(--color-magenta-1) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Magenta1 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-magenta-1) 24%, transparent);
}

.ThemeBgSoftActive-Magenta1 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
}

.ThemeBg-Magenta1 {
  --theme-bg: var(--color-magenta-1);
  --theme-interactive-bg-auto-hover: var(--color-magenta-2);
  --theme-interactive-bg-auto-active: var(--color-magenta-3);
  background: var(--theme-bg);
}

.ThemeBgHover-Magenta1 {
  --theme-interactive-bg-hover: var(--color-magenta-1);
}

.ThemeBgActive-Magenta1 {
  --theme-interactive-bg-active: var(--color-magenta-1);
}

.ThemeBgSoft-Magenta2 {
  --theme-bg: color-mix(in srgb, var(--color-magenta-2) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Magenta2 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-magenta-2) 24%, transparent);
}

.ThemeBgSoftActive-Magenta2 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
}

.ThemeBg-Magenta2 {
  --theme-bg: var(--color-magenta-2);
  --theme-interactive-bg-auto-hover: var(--color-magenta-3);
  --theme-interactive-bg-auto-active: var(--color-magenta-4);
  background: var(--theme-bg);
}

.ThemeBgHover-Magenta2 {
  --theme-interactive-bg-hover: var(--color-magenta-2);
}

.ThemeBgActive-Magenta2 {
  --theme-interactive-bg-active: var(--color-magenta-2);
}

.ThemeBgSoft-Magenta3 {
  --theme-bg: color-mix(in srgb, var(--color-magenta-3) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Magenta3 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-magenta-3) 24%, transparent);
}

.ThemeBgSoftActive-Magenta3 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
}

.ThemeBg-Magenta3 {
  --theme-bg: var(--color-magenta-3);
  --theme-interactive-bg-auto-hover: var(--color-magenta-4);
  --theme-interactive-bg-auto-active: var(--color-magenta-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Magenta3 {
  --theme-interactive-bg-hover: var(--color-magenta-3);
}

.ThemeBgActive-Magenta3 {
  --theme-interactive-bg-active: var(--color-magenta-3);
}

.ThemeBgSoft-Magenta4 {
  --theme-bg: color-mix(in srgb, var(--color-magenta-4) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Magenta4 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-magenta-4) 24%, transparent);
}

.ThemeBgSoftActive-Magenta4 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
}

.ThemeBg-Magenta4 {
  --theme-bg: var(--color-magenta-4);
  --theme-interactive-bg-auto-hover: var(--color-magenta-5);
  --theme-interactive-bg-auto-active: var(--color-magenta-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Magenta4 {
  --theme-interactive-bg-hover: var(--color-magenta-4);
}

.ThemeBgActive-Magenta4 {
  --theme-interactive-bg-active: var(--color-magenta-4);
}

.ThemeBgSoft-Magenta5 {
  --theme-bg: color-mix(in srgb, var(--color-magenta-5) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Magenta5 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-magenta-5) 24%, transparent);
}

.ThemeBgSoftActive-Magenta5 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
}

.ThemeBg-Magenta5 {
  --theme-bg: var(--color-magenta-5);
  background: var(--theme-bg);
}

.ThemeBgHover-Magenta5 {
  --theme-interactive-bg-hover: var(--color-magenta-5);
}

.ThemeBgActive-Magenta5 {
  --theme-interactive-bg-active: var(--color-magenta-5);
}

.ThemeBgSoft-Magenta6 {
  --theme-bg: color-mix(in srgb, var(--color-magenta-6) 15%, transparent);
  background: var(--theme-bg);
}

.ThemeBgSoftHover-Magenta6 {
  --theme-interactive-bg-hover: color-mix(in srgb, var(--color-magenta-6) 24%, transparent);
}

.ThemeBgSoftActive-Magenta6 {
  --theme-interactive-bg-active: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
}

.ThemeBg-Magenta6 {
  --theme-bg: var(--color-magenta-6);
  background: var(--theme-bg);
}

.ThemeBgHover-Magenta6 {
  --theme-interactive-bg-hover: var(--color-magenta-6);
}

.ThemeBgActive-Magenta6 {
  --theme-interactive-bg-active: var(--color-magenta-6);
}

.ThemeColor-Base1 {
  color: var(--color-base-reversed-1);
  stroke: currentColor;
}

.ThemeColor-Base1TP1 {
  color: color-mix(in srgb, var(--color-base-reversed-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base1TP2 {
  color: color-mix(in srgb, var(--color-base-reversed-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base1TP3 {
  color: color-mix(in srgb, var(--color-base-reversed-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base1TP4 {
  color: color-mix(in srgb, var(--color-base-reversed-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base1TP5 {
  color: color-mix(in srgb, var(--color-base-reversed-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base1TP6 {
  color: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base2 {
  color: var(--color-base-reversed-2);
  stroke: currentColor;
}

.ThemeColor-Base2TP1 {
  color: color-mix(in srgb, var(--color-base-reversed-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base2TP2 {
  color: color-mix(in srgb, var(--color-base-reversed-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base2TP3 {
  color: color-mix(in srgb, var(--color-base-reversed-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base2TP4 {
  color: color-mix(in srgb, var(--color-base-reversed-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base2TP5 {
  color: color-mix(in srgb, var(--color-base-reversed-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base2TP6 {
  color: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base3 {
  color: var(--color-base-reversed-3);
  stroke: currentColor;
}

.ThemeColor-Base3TP1 {
  color: color-mix(in srgb, var(--color-base-reversed-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base3TP2 {
  color: color-mix(in srgb, var(--color-base-reversed-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base3TP3 {
  color: color-mix(in srgb, var(--color-base-reversed-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base3TP4 {
  color: color-mix(in srgb, var(--color-base-reversed-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base3TP5 {
  color: color-mix(in srgb, var(--color-base-reversed-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base3TP6 {
  color: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base4 {
  color: var(--color-base-reversed-4);
  stroke: currentColor;
}

.ThemeColor-Base4TP1 {
  color: color-mix(in srgb, var(--color-base-reversed-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base4TP2 {
  color: color-mix(in srgb, var(--color-base-reversed-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base4TP3 {
  color: color-mix(in srgb, var(--color-base-reversed-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base4TP4 {
  color: color-mix(in srgb, var(--color-base-reversed-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base4TP5 {
  color: color-mix(in srgb, var(--color-base-reversed-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base4TP6 {
  color: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base5 {
  color: var(--color-base-reversed-5);
  stroke: currentColor;
}

.ThemeColor-Base5TP1 {
  color: color-mix(in srgb, var(--color-base-reversed-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base5TP2 {
  color: color-mix(in srgb, var(--color-base-reversed-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base5TP3 {
  color: color-mix(in srgb, var(--color-base-reversed-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base5TP4 {
  color: color-mix(in srgb, var(--color-base-reversed-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base5TP5 {
  color: color-mix(in srgb, var(--color-base-reversed-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base5TP6 {
  color: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base6 {
  color: var(--color-base-reversed-6);
  stroke: currentColor;
}

.ThemeColor-Base6TP1 {
  color: color-mix(in srgb, var(--color-base-reversed-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base6TP2 {
  color: color-mix(in srgb, var(--color-base-reversed-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base6TP3 {
  color: color-mix(in srgb, var(--color-base-reversed-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base6TP4 {
  color: color-mix(in srgb, var(--color-base-reversed-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base6TP5 {
  color: color-mix(in srgb, var(--color-base-reversed-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Base6TP6 {
  color: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseSoft {
  color: var(--color-base-reversed-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-BaseSoft {
  color: var(--color-base-reversed-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-BaseSoft {
    color: var(--color-base-reversed-1);
    stroke: currentColor;
  }
}

.ThemeColor-BaseLight1 {
  color: var(--color-base-light-1);
  stroke: currentColor;
}

.ThemeColor-BaseLight1TP1 {
  color: color-mix(in srgb, var(--color-base-light-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight1TP2 {
  color: color-mix(in srgb, var(--color-base-light-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight1TP3 {
  color: color-mix(in srgb, var(--color-base-light-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight1TP4 {
  color: color-mix(in srgb, var(--color-base-light-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight1TP5 {
  color: color-mix(in srgb, var(--color-base-light-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight1TP6 {
  color: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight2 {
  color: var(--color-base-light-2);
  stroke: currentColor;
}

.ThemeColor-BaseLight2TP1 {
  color: color-mix(in srgb, var(--color-base-light-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight2TP2 {
  color: color-mix(in srgb, var(--color-base-light-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight2TP3 {
  color: color-mix(in srgb, var(--color-base-light-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight2TP4 {
  color: color-mix(in srgb, var(--color-base-light-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight2TP5 {
  color: color-mix(in srgb, var(--color-base-light-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight2TP6 {
  color: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight3 {
  color: var(--color-base-light-3);
  stroke: currentColor;
}

.ThemeColor-BaseLight3TP1 {
  color: color-mix(in srgb, var(--color-base-light-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight3TP2 {
  color: color-mix(in srgb, var(--color-base-light-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight3TP3 {
  color: color-mix(in srgb, var(--color-base-light-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight3TP4 {
  color: color-mix(in srgb, var(--color-base-light-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight3TP5 {
  color: color-mix(in srgb, var(--color-base-light-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight3TP6 {
  color: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight4 {
  color: var(--color-base-light-4);
  stroke: currentColor;
}

.ThemeColor-BaseLight4TP1 {
  color: color-mix(in srgb, var(--color-base-light-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight4TP2 {
  color: color-mix(in srgb, var(--color-base-light-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight4TP3 {
  color: color-mix(in srgb, var(--color-base-light-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight4TP4 {
  color: color-mix(in srgb, var(--color-base-light-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight4TP5 {
  color: color-mix(in srgb, var(--color-base-light-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight4TP6 {
  color: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight5 {
  color: var(--color-base-light-5);
  stroke: currentColor;
}

.ThemeColor-BaseLight5TP1 {
  color: color-mix(in srgb, var(--color-base-light-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight5TP2 {
  color: color-mix(in srgb, var(--color-base-light-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight5TP3 {
  color: color-mix(in srgb, var(--color-base-light-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight5TP4 {
  color: color-mix(in srgb, var(--color-base-light-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight5TP5 {
  color: color-mix(in srgb, var(--color-base-light-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight5TP6 {
  color: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight6 {
  color: var(--color-base-light-6);
  stroke: currentColor;
}

.ThemeColor-BaseLight6TP1 {
  color: color-mix(in srgb, var(--color-base-light-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight6TP2 {
  color: color-mix(in srgb, var(--color-base-light-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight6TP3 {
  color: color-mix(in srgb, var(--color-base-light-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight6TP4 {
  color: color-mix(in srgb, var(--color-base-light-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight6TP5 {
  color: color-mix(in srgb, var(--color-base-light-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLight6TP6 {
  color: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseLightSoft {
  color: var(--color-base-light-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-BaseLightSoft {
  color: var(--color-base-light-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-BaseLightSoft {
    color: var(--color-base-light-1);
    stroke: currentColor;
  }
}

.ThemeColor-BaseDark1 {
  color: var(--color-base-dark-1);
  stroke: currentColor;
}

.ThemeColor-BaseDark1TP1 {
  color: color-mix(in srgb, var(--color-base-dark-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark1TP2 {
  color: color-mix(in srgb, var(--color-base-dark-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark1TP3 {
  color: color-mix(in srgb, var(--color-base-dark-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark1TP4 {
  color: color-mix(in srgb, var(--color-base-dark-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark1TP5 {
  color: color-mix(in srgb, var(--color-base-dark-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark1TP6 {
  color: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark2 {
  color: var(--color-base-dark-2);
  stroke: currentColor;
}

.ThemeColor-BaseDark2TP1 {
  color: color-mix(in srgb, var(--color-base-dark-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark2TP2 {
  color: color-mix(in srgb, var(--color-base-dark-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark2TP3 {
  color: color-mix(in srgb, var(--color-base-dark-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark2TP4 {
  color: color-mix(in srgb, var(--color-base-dark-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark2TP5 {
  color: color-mix(in srgb, var(--color-base-dark-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark2TP6 {
  color: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark3 {
  color: var(--color-base-dark-3);
  stroke: currentColor;
}

.ThemeColor-BaseDark3TP1 {
  color: color-mix(in srgb, var(--color-base-dark-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark3TP2 {
  color: color-mix(in srgb, var(--color-base-dark-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark3TP3 {
  color: color-mix(in srgb, var(--color-base-dark-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark3TP4 {
  color: color-mix(in srgb, var(--color-base-dark-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark3TP5 {
  color: color-mix(in srgb, var(--color-base-dark-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark3TP6 {
  color: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark4 {
  color: var(--color-base-dark-4);
  stroke: currentColor;
}

.ThemeColor-BaseDark4TP1 {
  color: color-mix(in srgb, var(--color-base-dark-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark4TP2 {
  color: color-mix(in srgb, var(--color-base-dark-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark4TP3 {
  color: color-mix(in srgb, var(--color-base-dark-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark4TP4 {
  color: color-mix(in srgb, var(--color-base-dark-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark4TP5 {
  color: color-mix(in srgb, var(--color-base-dark-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark4TP6 {
  color: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark5 {
  color: var(--color-base-dark-5);
  stroke: currentColor;
}

.ThemeColor-BaseDark5TP1 {
  color: color-mix(in srgb, var(--color-base-dark-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark5TP2 {
  color: color-mix(in srgb, var(--color-base-dark-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark5TP3 {
  color: color-mix(in srgb, var(--color-base-dark-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark5TP4 {
  color: color-mix(in srgb, var(--color-base-dark-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark5TP5 {
  color: color-mix(in srgb, var(--color-base-dark-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark5TP6 {
  color: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark6 {
  color: var(--color-base-dark-6);
  stroke: currentColor;
}

.ThemeColor-BaseDark6TP1 {
  color: color-mix(in srgb, var(--color-base-dark-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark6TP2 {
  color: color-mix(in srgb, var(--color-base-dark-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark6TP3 {
  color: color-mix(in srgb, var(--color-base-dark-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark6TP4 {
  color: color-mix(in srgb, var(--color-base-dark-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark6TP5 {
  color: color-mix(in srgb, var(--color-base-dark-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDark6TP6 {
  color: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BaseDarkSoft {
  color: var(--color-base-dark-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-BaseDarkSoft {
  color: var(--color-base-dark-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-BaseDarkSoft {
    color: var(--color-base-dark-1);
    stroke: currentColor;
  }
}

.ThemeColor-Reversed1 {
  color: var(--color-base-1);
  stroke: currentColor;
}

.ThemeColor-Reversed1TP1 {
  color: color-mix(in srgb, var(--color-base-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed1TP2 {
  color: color-mix(in srgb, var(--color-base-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed1TP3 {
  color: color-mix(in srgb, var(--color-base-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed1TP4 {
  color: color-mix(in srgb, var(--color-base-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed1TP5 {
  color: color-mix(in srgb, var(--color-base-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed1TP6 {
  color: color-mix(in srgb, var(--color-base-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed2 {
  color: var(--color-base-2);
  stroke: currentColor;
}

.ThemeColor-Reversed2TP1 {
  color: color-mix(in srgb, var(--color-base-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed2TP2 {
  color: color-mix(in srgb, var(--color-base-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed2TP3 {
  color: color-mix(in srgb, var(--color-base-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed2TP4 {
  color: color-mix(in srgb, var(--color-base-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed2TP5 {
  color: color-mix(in srgb, var(--color-base-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed2TP6 {
  color: color-mix(in srgb, var(--color-base-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed3 {
  color: var(--color-base-3);
  stroke: currentColor;
}

.ThemeColor-Reversed3TP1 {
  color: color-mix(in srgb, var(--color-base-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed3TP2 {
  color: color-mix(in srgb, var(--color-base-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed3TP3 {
  color: color-mix(in srgb, var(--color-base-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed3TP4 {
  color: color-mix(in srgb, var(--color-base-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed3TP5 {
  color: color-mix(in srgb, var(--color-base-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed3TP6 {
  color: color-mix(in srgb, var(--color-base-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed4 {
  color: var(--color-base-4);
  stroke: currentColor;
}

.ThemeColor-Reversed4TP1 {
  color: color-mix(in srgb, var(--color-base-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed4TP2 {
  color: color-mix(in srgb, var(--color-base-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed4TP3 {
  color: color-mix(in srgb, var(--color-base-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed4TP4 {
  color: color-mix(in srgb, var(--color-base-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed4TP5 {
  color: color-mix(in srgb, var(--color-base-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed4TP6 {
  color: color-mix(in srgb, var(--color-base-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed5 {
  color: var(--color-base-5);
  stroke: currentColor;
}

.ThemeColor-Reversed5TP1 {
  color: color-mix(in srgb, var(--color-base-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed5TP2 {
  color: color-mix(in srgb, var(--color-base-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed5TP3 {
  color: color-mix(in srgb, var(--color-base-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed5TP4 {
  color: color-mix(in srgb, var(--color-base-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed5TP5 {
  color: color-mix(in srgb, var(--color-base-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed5TP6 {
  color: color-mix(in srgb, var(--color-base-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed6 {
  color: var(--color-base-6);
  stroke: currentColor;
}

.ThemeColor-Reversed6TP1 {
  color: color-mix(in srgb, var(--color-base-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed6TP2 {
  color: color-mix(in srgb, var(--color-base-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed6TP3 {
  color: color-mix(in srgb, var(--color-base-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed6TP4 {
  color: color-mix(in srgb, var(--color-base-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed6TP5 {
  color: color-mix(in srgb, var(--color-base-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Reversed6TP6 {
  color: color-mix(in srgb, var(--color-base-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-ReversedSoft {
  color: var(--color-base-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-ReversedSoft {
  color: var(--color-base-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-ReversedSoft {
    color: var(--color-base-1);
    stroke: currentColor;
  }
}

.ThemeColor-Theme1 {
  color: var(--color-theme-1);
  stroke: currentColor;
}

.ThemeColor-Theme1TP1 {
  color: color-mix(in srgb, var(--color-theme-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme1TP2 {
  color: color-mix(in srgb, var(--color-theme-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme1TP3 {
  color: color-mix(in srgb, var(--color-theme-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme1TP4 {
  color: color-mix(in srgb, var(--color-theme-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme1TP5 {
  color: color-mix(in srgb, var(--color-theme-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme1TP6 {
  color: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme2 {
  color: var(--color-theme-2);
  stroke: currentColor;
}

.ThemeColor-Theme2TP1 {
  color: color-mix(in srgb, var(--color-theme-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme2TP2 {
  color: color-mix(in srgb, var(--color-theme-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme2TP3 {
  color: color-mix(in srgb, var(--color-theme-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme2TP4 {
  color: color-mix(in srgb, var(--color-theme-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme2TP5 {
  color: color-mix(in srgb, var(--color-theme-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme2TP6 {
  color: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme3 {
  color: var(--color-theme-3);
  stroke: currentColor;
}

.ThemeColor-Theme3TP1 {
  color: color-mix(in srgb, var(--color-theme-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme3TP2 {
  color: color-mix(in srgb, var(--color-theme-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme3TP3 {
  color: color-mix(in srgb, var(--color-theme-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme3TP4 {
  color: color-mix(in srgb, var(--color-theme-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme3TP5 {
  color: color-mix(in srgb, var(--color-theme-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme3TP6 {
  color: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme4 {
  color: var(--color-theme-4);
  stroke: currentColor;
}

.ThemeColor-Theme4TP1 {
  color: color-mix(in srgb, var(--color-theme-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme4TP2 {
  color: color-mix(in srgb, var(--color-theme-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme4TP3 {
  color: color-mix(in srgb, var(--color-theme-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme4TP4 {
  color: color-mix(in srgb, var(--color-theme-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme4TP5 {
  color: color-mix(in srgb, var(--color-theme-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme4TP6 {
  color: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme5 {
  color: var(--color-theme-5);
  stroke: currentColor;
}

.ThemeColor-Theme5TP1 {
  color: color-mix(in srgb, var(--color-theme-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme5TP2 {
  color: color-mix(in srgb, var(--color-theme-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme5TP3 {
  color: color-mix(in srgb, var(--color-theme-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme5TP4 {
  color: color-mix(in srgb, var(--color-theme-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme5TP5 {
  color: color-mix(in srgb, var(--color-theme-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme5TP6 {
  color: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme6 {
  color: var(--color-theme-6);
  stroke: currentColor;
}

.ThemeColor-Theme6TP1 {
  color: color-mix(in srgb, var(--color-theme-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme6TP2 {
  color: color-mix(in srgb, var(--color-theme-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme6TP3 {
  color: color-mix(in srgb, var(--color-theme-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme6TP4 {
  color: color-mix(in srgb, var(--color-theme-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme6TP5 {
  color: color-mix(in srgb, var(--color-theme-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Theme6TP6 {
  color: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-ThemeSoft {
  color: var(--color-theme-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-ThemeSoft {
  color: var(--color-theme-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-ThemeSoft {
    color: var(--color-theme-1);
    stroke: currentColor;
  }
}

.ThemeColor-Pink1 {
  color: var(--color-pink-1);
  stroke: currentColor;
}

.ThemeColor-Pink1TP1 {
  color: color-mix(in srgb, var(--color-pink-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink1TP2 {
  color: color-mix(in srgb, var(--color-pink-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink1TP3 {
  color: color-mix(in srgb, var(--color-pink-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink1TP4 {
  color: color-mix(in srgb, var(--color-pink-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink1TP5 {
  color: color-mix(in srgb, var(--color-pink-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink1TP6 {
  color: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink2 {
  color: var(--color-pink-2);
  stroke: currentColor;
}

.ThemeColor-Pink2TP1 {
  color: color-mix(in srgb, var(--color-pink-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink2TP2 {
  color: color-mix(in srgb, var(--color-pink-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink2TP3 {
  color: color-mix(in srgb, var(--color-pink-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink2TP4 {
  color: color-mix(in srgb, var(--color-pink-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink2TP5 {
  color: color-mix(in srgb, var(--color-pink-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink2TP6 {
  color: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink3 {
  color: var(--color-pink-3);
  stroke: currentColor;
}

.ThemeColor-Pink3TP1 {
  color: color-mix(in srgb, var(--color-pink-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink3TP2 {
  color: color-mix(in srgb, var(--color-pink-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink3TP3 {
  color: color-mix(in srgb, var(--color-pink-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink3TP4 {
  color: color-mix(in srgb, var(--color-pink-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink3TP5 {
  color: color-mix(in srgb, var(--color-pink-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink3TP6 {
  color: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink4 {
  color: var(--color-pink-4);
  stroke: currentColor;
}

.ThemeColor-Pink4TP1 {
  color: color-mix(in srgb, var(--color-pink-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink4TP2 {
  color: color-mix(in srgb, var(--color-pink-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink4TP3 {
  color: color-mix(in srgb, var(--color-pink-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink4TP4 {
  color: color-mix(in srgb, var(--color-pink-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink4TP5 {
  color: color-mix(in srgb, var(--color-pink-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink4TP6 {
  color: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink5 {
  color: var(--color-pink-5);
  stroke: currentColor;
}

.ThemeColor-Pink5TP1 {
  color: color-mix(in srgb, var(--color-pink-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink5TP2 {
  color: color-mix(in srgb, var(--color-pink-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink5TP3 {
  color: color-mix(in srgb, var(--color-pink-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink5TP4 {
  color: color-mix(in srgb, var(--color-pink-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink5TP5 {
  color: color-mix(in srgb, var(--color-pink-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink5TP6 {
  color: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink6 {
  color: var(--color-pink-6);
  stroke: currentColor;
}

.ThemeColor-Pink6TP1 {
  color: color-mix(in srgb, var(--color-pink-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink6TP2 {
  color: color-mix(in srgb, var(--color-pink-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink6TP3 {
  color: color-mix(in srgb, var(--color-pink-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink6TP4 {
  color: color-mix(in srgb, var(--color-pink-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink6TP5 {
  color: color-mix(in srgb, var(--color-pink-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Pink6TP6 {
  color: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-PinkSoft {
  color: var(--color-pink-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-PinkSoft {
  color: var(--color-pink-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-PinkSoft {
    color: var(--color-pink-1);
    stroke: currentColor;
  }
}

.ThemeColor-Red1 {
  color: var(--color-red-1);
  stroke: currentColor;
}

.ThemeColor-Red1TP1 {
  color: color-mix(in srgb, var(--color-red-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red1TP2 {
  color: color-mix(in srgb, var(--color-red-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red1TP3 {
  color: color-mix(in srgb, var(--color-red-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red1TP4 {
  color: color-mix(in srgb, var(--color-red-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red1TP5 {
  color: color-mix(in srgb, var(--color-red-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red1TP6 {
  color: color-mix(in srgb, var(--color-red-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red2 {
  color: var(--color-red-2);
  stroke: currentColor;
}

.ThemeColor-Red2TP1 {
  color: color-mix(in srgb, var(--color-red-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red2TP2 {
  color: color-mix(in srgb, var(--color-red-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red2TP3 {
  color: color-mix(in srgb, var(--color-red-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red2TP4 {
  color: color-mix(in srgb, var(--color-red-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red2TP5 {
  color: color-mix(in srgb, var(--color-red-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red2TP6 {
  color: color-mix(in srgb, var(--color-red-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red3 {
  color: var(--color-red-3);
  stroke: currentColor;
}

.ThemeColor-Red3TP1 {
  color: color-mix(in srgb, var(--color-red-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red3TP2 {
  color: color-mix(in srgb, var(--color-red-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red3TP3 {
  color: color-mix(in srgb, var(--color-red-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red3TP4 {
  color: color-mix(in srgb, var(--color-red-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red3TP5 {
  color: color-mix(in srgb, var(--color-red-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red3TP6 {
  color: color-mix(in srgb, var(--color-red-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red4 {
  color: var(--color-red-4);
  stroke: currentColor;
}

.ThemeColor-Red4TP1 {
  color: color-mix(in srgb, var(--color-red-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red4TP2 {
  color: color-mix(in srgb, var(--color-red-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red4TP3 {
  color: color-mix(in srgb, var(--color-red-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red4TP4 {
  color: color-mix(in srgb, var(--color-red-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red4TP5 {
  color: color-mix(in srgb, var(--color-red-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red4TP6 {
  color: color-mix(in srgb, var(--color-red-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red5 {
  color: var(--color-red-5);
  stroke: currentColor;
}

.ThemeColor-Red5TP1 {
  color: color-mix(in srgb, var(--color-red-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red5TP2 {
  color: color-mix(in srgb, var(--color-red-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red5TP3 {
  color: color-mix(in srgb, var(--color-red-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red5TP4 {
  color: color-mix(in srgb, var(--color-red-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red5TP5 {
  color: color-mix(in srgb, var(--color-red-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red5TP6 {
  color: color-mix(in srgb, var(--color-red-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red6 {
  color: var(--color-red-6);
  stroke: currentColor;
}

.ThemeColor-Red6TP1 {
  color: color-mix(in srgb, var(--color-red-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red6TP2 {
  color: color-mix(in srgb, var(--color-red-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red6TP3 {
  color: color-mix(in srgb, var(--color-red-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red6TP4 {
  color: color-mix(in srgb, var(--color-red-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red6TP5 {
  color: color-mix(in srgb, var(--color-red-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Red6TP6 {
  color: color-mix(in srgb, var(--color-red-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-RedSoft {
  color: var(--color-red-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-RedSoft {
  color: var(--color-red-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-RedSoft {
    color: var(--color-red-1);
    stroke: currentColor;
  }
}

.ThemeColor-Brown1 {
  color: var(--color-brown-1);
  stroke: currentColor;
}

.ThemeColor-Brown1TP1 {
  color: color-mix(in srgb, var(--color-brown-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown1TP2 {
  color: color-mix(in srgb, var(--color-brown-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown1TP3 {
  color: color-mix(in srgb, var(--color-brown-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown1TP4 {
  color: color-mix(in srgb, var(--color-brown-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown1TP5 {
  color: color-mix(in srgb, var(--color-brown-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown1TP6 {
  color: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown2 {
  color: var(--color-brown-2);
  stroke: currentColor;
}

.ThemeColor-Brown2TP1 {
  color: color-mix(in srgb, var(--color-brown-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown2TP2 {
  color: color-mix(in srgb, var(--color-brown-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown2TP3 {
  color: color-mix(in srgb, var(--color-brown-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown2TP4 {
  color: color-mix(in srgb, var(--color-brown-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown2TP5 {
  color: color-mix(in srgb, var(--color-brown-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown2TP6 {
  color: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown3 {
  color: var(--color-brown-3);
  stroke: currentColor;
}

.ThemeColor-Brown3TP1 {
  color: color-mix(in srgb, var(--color-brown-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown3TP2 {
  color: color-mix(in srgb, var(--color-brown-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown3TP3 {
  color: color-mix(in srgb, var(--color-brown-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown3TP4 {
  color: color-mix(in srgb, var(--color-brown-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown3TP5 {
  color: color-mix(in srgb, var(--color-brown-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown3TP6 {
  color: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown4 {
  color: var(--color-brown-4);
  stroke: currentColor;
}

.ThemeColor-Brown4TP1 {
  color: color-mix(in srgb, var(--color-brown-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown4TP2 {
  color: color-mix(in srgb, var(--color-brown-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown4TP3 {
  color: color-mix(in srgb, var(--color-brown-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown4TP4 {
  color: color-mix(in srgb, var(--color-brown-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown4TP5 {
  color: color-mix(in srgb, var(--color-brown-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown4TP6 {
  color: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown5 {
  color: var(--color-brown-5);
  stroke: currentColor;
}

.ThemeColor-Brown5TP1 {
  color: color-mix(in srgb, var(--color-brown-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown5TP2 {
  color: color-mix(in srgb, var(--color-brown-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown5TP3 {
  color: color-mix(in srgb, var(--color-brown-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown5TP4 {
  color: color-mix(in srgb, var(--color-brown-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown5TP5 {
  color: color-mix(in srgb, var(--color-brown-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown5TP6 {
  color: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown6 {
  color: var(--color-brown-6);
  stroke: currentColor;
}

.ThemeColor-Brown6TP1 {
  color: color-mix(in srgb, var(--color-brown-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown6TP2 {
  color: color-mix(in srgb, var(--color-brown-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown6TP3 {
  color: color-mix(in srgb, var(--color-brown-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown6TP4 {
  color: color-mix(in srgb, var(--color-brown-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown6TP5 {
  color: color-mix(in srgb, var(--color-brown-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Brown6TP6 {
  color: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BrownSoft {
  color: var(--color-brown-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-BrownSoft {
  color: var(--color-brown-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-BrownSoft {
    color: var(--color-brown-1);
    stroke: currentColor;
  }
}

.ThemeColor-Orange1 {
  color: var(--color-orange-1);
  stroke: currentColor;
}

.ThemeColor-Orange1TP1 {
  color: color-mix(in srgb, var(--color-orange-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange1TP2 {
  color: color-mix(in srgb, var(--color-orange-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange1TP3 {
  color: color-mix(in srgb, var(--color-orange-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange1TP4 {
  color: color-mix(in srgb, var(--color-orange-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange1TP5 {
  color: color-mix(in srgb, var(--color-orange-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange1TP6 {
  color: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange2 {
  color: var(--color-orange-2);
  stroke: currentColor;
}

.ThemeColor-Orange2TP1 {
  color: color-mix(in srgb, var(--color-orange-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange2TP2 {
  color: color-mix(in srgb, var(--color-orange-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange2TP3 {
  color: color-mix(in srgb, var(--color-orange-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange2TP4 {
  color: color-mix(in srgb, var(--color-orange-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange2TP5 {
  color: color-mix(in srgb, var(--color-orange-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange2TP6 {
  color: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange3 {
  color: var(--color-orange-3);
  stroke: currentColor;
}

.ThemeColor-Orange3TP1 {
  color: color-mix(in srgb, var(--color-orange-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange3TP2 {
  color: color-mix(in srgb, var(--color-orange-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange3TP3 {
  color: color-mix(in srgb, var(--color-orange-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange3TP4 {
  color: color-mix(in srgb, var(--color-orange-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange3TP5 {
  color: color-mix(in srgb, var(--color-orange-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange3TP6 {
  color: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange4 {
  color: var(--color-orange-4);
  stroke: currentColor;
}

.ThemeColor-Orange4TP1 {
  color: color-mix(in srgb, var(--color-orange-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange4TP2 {
  color: color-mix(in srgb, var(--color-orange-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange4TP3 {
  color: color-mix(in srgb, var(--color-orange-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange4TP4 {
  color: color-mix(in srgb, var(--color-orange-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange4TP5 {
  color: color-mix(in srgb, var(--color-orange-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange4TP6 {
  color: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange5 {
  color: var(--color-orange-5);
  stroke: currentColor;
}

.ThemeColor-Orange5TP1 {
  color: color-mix(in srgb, var(--color-orange-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange5TP2 {
  color: color-mix(in srgb, var(--color-orange-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange5TP3 {
  color: color-mix(in srgb, var(--color-orange-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange5TP4 {
  color: color-mix(in srgb, var(--color-orange-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange5TP5 {
  color: color-mix(in srgb, var(--color-orange-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange5TP6 {
  color: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange6 {
  color: var(--color-orange-6);
  stroke: currentColor;
}

.ThemeColor-Orange6TP1 {
  color: color-mix(in srgb, var(--color-orange-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange6TP2 {
  color: color-mix(in srgb, var(--color-orange-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange6TP3 {
  color: color-mix(in srgb, var(--color-orange-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange6TP4 {
  color: color-mix(in srgb, var(--color-orange-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange6TP5 {
  color: color-mix(in srgb, var(--color-orange-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Orange6TP6 {
  color: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-OrangeSoft {
  color: var(--color-orange-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-OrangeSoft {
  color: var(--color-orange-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-OrangeSoft {
    color: var(--color-orange-1);
    stroke: currentColor;
  }
}

.ThemeColor-Yellow1 {
  color: var(--color-yellow-1);
  stroke: currentColor;
}

.ThemeColor-Yellow1TP1 {
  color: color-mix(in srgb, var(--color-yellow-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow1TP2 {
  color: color-mix(in srgb, var(--color-yellow-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow1TP3 {
  color: color-mix(in srgb, var(--color-yellow-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow1TP4 {
  color: color-mix(in srgb, var(--color-yellow-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow1TP5 {
  color: color-mix(in srgb, var(--color-yellow-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow1TP6 {
  color: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow2 {
  color: var(--color-yellow-2);
  stroke: currentColor;
}

.ThemeColor-Yellow2TP1 {
  color: color-mix(in srgb, var(--color-yellow-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow2TP2 {
  color: color-mix(in srgb, var(--color-yellow-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow2TP3 {
  color: color-mix(in srgb, var(--color-yellow-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow2TP4 {
  color: color-mix(in srgb, var(--color-yellow-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow2TP5 {
  color: color-mix(in srgb, var(--color-yellow-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow2TP6 {
  color: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow3 {
  color: var(--color-yellow-3);
  stroke: currentColor;
}

.ThemeColor-Yellow3TP1 {
  color: color-mix(in srgb, var(--color-yellow-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow3TP2 {
  color: color-mix(in srgb, var(--color-yellow-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow3TP3 {
  color: color-mix(in srgb, var(--color-yellow-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow3TP4 {
  color: color-mix(in srgb, var(--color-yellow-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow3TP5 {
  color: color-mix(in srgb, var(--color-yellow-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow3TP6 {
  color: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow4 {
  color: var(--color-yellow-4);
  stroke: currentColor;
}

.ThemeColor-Yellow4TP1 {
  color: color-mix(in srgb, var(--color-yellow-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow4TP2 {
  color: color-mix(in srgb, var(--color-yellow-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow4TP3 {
  color: color-mix(in srgb, var(--color-yellow-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow4TP4 {
  color: color-mix(in srgb, var(--color-yellow-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow4TP5 {
  color: color-mix(in srgb, var(--color-yellow-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow4TP6 {
  color: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow5 {
  color: var(--color-yellow-5);
  stroke: currentColor;
}

.ThemeColor-Yellow5TP1 {
  color: color-mix(in srgb, var(--color-yellow-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow5TP2 {
  color: color-mix(in srgb, var(--color-yellow-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow5TP3 {
  color: color-mix(in srgb, var(--color-yellow-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow5TP4 {
  color: color-mix(in srgb, var(--color-yellow-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow5TP5 {
  color: color-mix(in srgb, var(--color-yellow-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow5TP6 {
  color: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow6 {
  color: var(--color-yellow-6);
  stroke: currentColor;
}

.ThemeColor-Yellow6TP1 {
  color: color-mix(in srgb, var(--color-yellow-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow6TP2 {
  color: color-mix(in srgb, var(--color-yellow-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow6TP3 {
  color: color-mix(in srgb, var(--color-yellow-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow6TP4 {
  color: color-mix(in srgb, var(--color-yellow-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow6TP5 {
  color: color-mix(in srgb, var(--color-yellow-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Yellow6TP6 {
  color: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-YellowSoft {
  color: var(--color-yellow-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-YellowSoft {
  color: var(--color-yellow-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-YellowSoft {
    color: var(--color-yellow-1);
    stroke: currentColor;
  }
}

.ThemeColor-Green1 {
  color: var(--color-green-1);
  stroke: currentColor;
}

.ThemeColor-Green1TP1 {
  color: color-mix(in srgb, var(--color-green-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green1TP2 {
  color: color-mix(in srgb, var(--color-green-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green1TP3 {
  color: color-mix(in srgb, var(--color-green-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green1TP4 {
  color: color-mix(in srgb, var(--color-green-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green1TP5 {
  color: color-mix(in srgb, var(--color-green-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green1TP6 {
  color: color-mix(in srgb, var(--color-green-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green2 {
  color: var(--color-green-2);
  stroke: currentColor;
}

.ThemeColor-Green2TP1 {
  color: color-mix(in srgb, var(--color-green-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green2TP2 {
  color: color-mix(in srgb, var(--color-green-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green2TP3 {
  color: color-mix(in srgb, var(--color-green-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green2TP4 {
  color: color-mix(in srgb, var(--color-green-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green2TP5 {
  color: color-mix(in srgb, var(--color-green-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green2TP6 {
  color: color-mix(in srgb, var(--color-green-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green3 {
  color: var(--color-green-3);
  stroke: currentColor;
}

.ThemeColor-Green3TP1 {
  color: color-mix(in srgb, var(--color-green-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green3TP2 {
  color: color-mix(in srgb, var(--color-green-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green3TP3 {
  color: color-mix(in srgb, var(--color-green-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green3TP4 {
  color: color-mix(in srgb, var(--color-green-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green3TP5 {
  color: color-mix(in srgb, var(--color-green-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green3TP6 {
  color: color-mix(in srgb, var(--color-green-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green4 {
  color: var(--color-green-4);
  stroke: currentColor;
}

.ThemeColor-Green4TP1 {
  color: color-mix(in srgb, var(--color-green-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green4TP2 {
  color: color-mix(in srgb, var(--color-green-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green4TP3 {
  color: color-mix(in srgb, var(--color-green-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green4TP4 {
  color: color-mix(in srgb, var(--color-green-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green4TP5 {
  color: color-mix(in srgb, var(--color-green-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green4TP6 {
  color: color-mix(in srgb, var(--color-green-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green5 {
  color: var(--color-green-5);
  stroke: currentColor;
}

.ThemeColor-Green5TP1 {
  color: color-mix(in srgb, var(--color-green-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green5TP2 {
  color: color-mix(in srgb, var(--color-green-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green5TP3 {
  color: color-mix(in srgb, var(--color-green-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green5TP4 {
  color: color-mix(in srgb, var(--color-green-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green5TP5 {
  color: color-mix(in srgb, var(--color-green-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green5TP6 {
  color: color-mix(in srgb, var(--color-green-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green6 {
  color: var(--color-green-6);
  stroke: currentColor;
}

.ThemeColor-Green6TP1 {
  color: color-mix(in srgb, var(--color-green-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green6TP2 {
  color: color-mix(in srgb, var(--color-green-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green6TP3 {
  color: color-mix(in srgb, var(--color-green-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green6TP4 {
  color: color-mix(in srgb, var(--color-green-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green6TP5 {
  color: color-mix(in srgb, var(--color-green-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Green6TP6 {
  color: color-mix(in srgb, var(--color-green-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-GreenSoft {
  color: var(--color-green-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-GreenSoft {
  color: var(--color-green-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-GreenSoft {
    color: var(--color-green-1);
    stroke: currentColor;
  }
}

.ThemeColor-Mint1 {
  color: var(--color-mint-1);
  stroke: currentColor;
}

.ThemeColor-Mint1TP1 {
  color: color-mix(in srgb, var(--color-mint-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint1TP2 {
  color: color-mix(in srgb, var(--color-mint-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint1TP3 {
  color: color-mix(in srgb, var(--color-mint-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint1TP4 {
  color: color-mix(in srgb, var(--color-mint-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint1TP5 {
  color: color-mix(in srgb, var(--color-mint-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint1TP6 {
  color: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint2 {
  color: var(--color-mint-2);
  stroke: currentColor;
}

.ThemeColor-Mint2TP1 {
  color: color-mix(in srgb, var(--color-mint-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint2TP2 {
  color: color-mix(in srgb, var(--color-mint-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint2TP3 {
  color: color-mix(in srgb, var(--color-mint-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint2TP4 {
  color: color-mix(in srgb, var(--color-mint-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint2TP5 {
  color: color-mix(in srgb, var(--color-mint-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint2TP6 {
  color: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint3 {
  color: var(--color-mint-3);
  stroke: currentColor;
}

.ThemeColor-Mint3TP1 {
  color: color-mix(in srgb, var(--color-mint-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint3TP2 {
  color: color-mix(in srgb, var(--color-mint-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint3TP3 {
  color: color-mix(in srgb, var(--color-mint-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint3TP4 {
  color: color-mix(in srgb, var(--color-mint-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint3TP5 {
  color: color-mix(in srgb, var(--color-mint-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint3TP6 {
  color: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint4 {
  color: var(--color-mint-4);
  stroke: currentColor;
}

.ThemeColor-Mint4TP1 {
  color: color-mix(in srgb, var(--color-mint-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint4TP2 {
  color: color-mix(in srgb, var(--color-mint-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint4TP3 {
  color: color-mix(in srgb, var(--color-mint-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint4TP4 {
  color: color-mix(in srgb, var(--color-mint-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint4TP5 {
  color: color-mix(in srgb, var(--color-mint-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint4TP6 {
  color: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint5 {
  color: var(--color-mint-5);
  stroke: currentColor;
}

.ThemeColor-Mint5TP1 {
  color: color-mix(in srgb, var(--color-mint-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint5TP2 {
  color: color-mix(in srgb, var(--color-mint-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint5TP3 {
  color: color-mix(in srgb, var(--color-mint-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint5TP4 {
  color: color-mix(in srgb, var(--color-mint-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint5TP5 {
  color: color-mix(in srgb, var(--color-mint-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint5TP6 {
  color: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint6 {
  color: var(--color-mint-6);
  stroke: currentColor;
}

.ThemeColor-Mint6TP1 {
  color: color-mix(in srgb, var(--color-mint-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint6TP2 {
  color: color-mix(in srgb, var(--color-mint-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint6TP3 {
  color: color-mix(in srgb, var(--color-mint-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint6TP4 {
  color: color-mix(in srgb, var(--color-mint-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint6TP5 {
  color: color-mix(in srgb, var(--color-mint-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Mint6TP6 {
  color: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-MintSoft {
  color: var(--color-mint-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-MintSoft {
  color: var(--color-mint-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-MintSoft {
    color: var(--color-mint-1);
    stroke: currentColor;
  }
}

.ThemeColor-Cyan1 {
  color: var(--color-cyan-1);
  stroke: currentColor;
}

.ThemeColor-Cyan1TP1 {
  color: color-mix(in srgb, var(--color-cyan-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan1TP2 {
  color: color-mix(in srgb, var(--color-cyan-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan1TP3 {
  color: color-mix(in srgb, var(--color-cyan-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan1TP4 {
  color: color-mix(in srgb, var(--color-cyan-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan1TP5 {
  color: color-mix(in srgb, var(--color-cyan-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan1TP6 {
  color: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan2 {
  color: var(--color-cyan-2);
  stroke: currentColor;
}

.ThemeColor-Cyan2TP1 {
  color: color-mix(in srgb, var(--color-cyan-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan2TP2 {
  color: color-mix(in srgb, var(--color-cyan-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan2TP3 {
  color: color-mix(in srgb, var(--color-cyan-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan2TP4 {
  color: color-mix(in srgb, var(--color-cyan-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan2TP5 {
  color: color-mix(in srgb, var(--color-cyan-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan2TP6 {
  color: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan3 {
  color: var(--color-cyan-3);
  stroke: currentColor;
}

.ThemeColor-Cyan3TP1 {
  color: color-mix(in srgb, var(--color-cyan-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan3TP2 {
  color: color-mix(in srgb, var(--color-cyan-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan3TP3 {
  color: color-mix(in srgb, var(--color-cyan-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan3TP4 {
  color: color-mix(in srgb, var(--color-cyan-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan3TP5 {
  color: color-mix(in srgb, var(--color-cyan-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan3TP6 {
  color: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan4 {
  color: var(--color-cyan-4);
  stroke: currentColor;
}

.ThemeColor-Cyan4TP1 {
  color: color-mix(in srgb, var(--color-cyan-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan4TP2 {
  color: color-mix(in srgb, var(--color-cyan-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan4TP3 {
  color: color-mix(in srgb, var(--color-cyan-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan4TP4 {
  color: color-mix(in srgb, var(--color-cyan-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan4TP5 {
  color: color-mix(in srgb, var(--color-cyan-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan4TP6 {
  color: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan5 {
  color: var(--color-cyan-5);
  stroke: currentColor;
}

.ThemeColor-Cyan5TP1 {
  color: color-mix(in srgb, var(--color-cyan-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan5TP2 {
  color: color-mix(in srgb, var(--color-cyan-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan5TP3 {
  color: color-mix(in srgb, var(--color-cyan-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan5TP4 {
  color: color-mix(in srgb, var(--color-cyan-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan5TP5 {
  color: color-mix(in srgb, var(--color-cyan-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan5TP6 {
  color: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan6 {
  color: var(--color-cyan-6);
  stroke: currentColor;
}

.ThemeColor-Cyan6TP1 {
  color: color-mix(in srgb, var(--color-cyan-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan6TP2 {
  color: color-mix(in srgb, var(--color-cyan-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan6TP3 {
  color: color-mix(in srgb, var(--color-cyan-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan6TP4 {
  color: color-mix(in srgb, var(--color-cyan-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan6TP5 {
  color: color-mix(in srgb, var(--color-cyan-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Cyan6TP6 {
  color: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-CyanSoft {
  color: var(--color-cyan-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-CyanSoft {
  color: var(--color-cyan-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-CyanSoft {
    color: var(--color-cyan-1);
    stroke: currentColor;
  }
}

.ThemeColor-Blue1 {
  color: var(--color-blue-1);
  stroke: currentColor;
}

.ThemeColor-Blue1TP1 {
  color: color-mix(in srgb, var(--color-blue-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue1TP2 {
  color: color-mix(in srgb, var(--color-blue-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue1TP3 {
  color: color-mix(in srgb, var(--color-blue-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue1TP4 {
  color: color-mix(in srgb, var(--color-blue-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue1TP5 {
  color: color-mix(in srgb, var(--color-blue-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue1TP6 {
  color: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue2 {
  color: var(--color-blue-2);
  stroke: currentColor;
}

.ThemeColor-Blue2TP1 {
  color: color-mix(in srgb, var(--color-blue-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue2TP2 {
  color: color-mix(in srgb, var(--color-blue-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue2TP3 {
  color: color-mix(in srgb, var(--color-blue-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue2TP4 {
  color: color-mix(in srgb, var(--color-blue-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue2TP5 {
  color: color-mix(in srgb, var(--color-blue-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue2TP6 {
  color: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue3 {
  color: var(--color-blue-3);
  stroke: currentColor;
}

.ThemeColor-Blue3TP1 {
  color: color-mix(in srgb, var(--color-blue-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue3TP2 {
  color: color-mix(in srgb, var(--color-blue-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue3TP3 {
  color: color-mix(in srgb, var(--color-blue-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue3TP4 {
  color: color-mix(in srgb, var(--color-blue-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue3TP5 {
  color: color-mix(in srgb, var(--color-blue-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue3TP6 {
  color: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue4 {
  color: var(--color-blue-4);
  stroke: currentColor;
}

.ThemeColor-Blue4TP1 {
  color: color-mix(in srgb, var(--color-blue-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue4TP2 {
  color: color-mix(in srgb, var(--color-blue-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue4TP3 {
  color: color-mix(in srgb, var(--color-blue-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue4TP4 {
  color: color-mix(in srgb, var(--color-blue-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue4TP5 {
  color: color-mix(in srgb, var(--color-blue-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue4TP6 {
  color: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue5 {
  color: var(--color-blue-5);
  stroke: currentColor;
}

.ThemeColor-Blue5TP1 {
  color: color-mix(in srgb, var(--color-blue-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue5TP2 {
  color: color-mix(in srgb, var(--color-blue-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue5TP3 {
  color: color-mix(in srgb, var(--color-blue-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue5TP4 {
  color: color-mix(in srgb, var(--color-blue-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue5TP5 {
  color: color-mix(in srgb, var(--color-blue-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue5TP6 {
  color: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue6 {
  color: var(--color-blue-6);
  stroke: currentColor;
}

.ThemeColor-Blue6TP1 {
  color: color-mix(in srgb, var(--color-blue-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue6TP2 {
  color: color-mix(in srgb, var(--color-blue-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue6TP3 {
  color: color-mix(in srgb, var(--color-blue-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue6TP4 {
  color: color-mix(in srgb, var(--color-blue-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue6TP5 {
  color: color-mix(in srgb, var(--color-blue-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Blue6TP6 {
  color: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-BlueSoft {
  color: var(--color-blue-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-BlueSoft {
  color: var(--color-blue-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-BlueSoft {
    color: var(--color-blue-1);
    stroke: currentColor;
  }
}

.ThemeColor-Indigo1 {
  color: var(--color-indigo-1);
  stroke: currentColor;
}

.ThemeColor-Indigo1TP1 {
  color: color-mix(in srgb, var(--color-indigo-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo1TP2 {
  color: color-mix(in srgb, var(--color-indigo-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo1TP3 {
  color: color-mix(in srgb, var(--color-indigo-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo1TP4 {
  color: color-mix(in srgb, var(--color-indigo-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo1TP5 {
  color: color-mix(in srgb, var(--color-indigo-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo1TP6 {
  color: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo2 {
  color: var(--color-indigo-2);
  stroke: currentColor;
}

.ThemeColor-Indigo2TP1 {
  color: color-mix(in srgb, var(--color-indigo-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo2TP2 {
  color: color-mix(in srgb, var(--color-indigo-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo2TP3 {
  color: color-mix(in srgb, var(--color-indigo-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo2TP4 {
  color: color-mix(in srgb, var(--color-indigo-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo2TP5 {
  color: color-mix(in srgb, var(--color-indigo-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo2TP6 {
  color: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo3 {
  color: var(--color-indigo-3);
  stroke: currentColor;
}

.ThemeColor-Indigo3TP1 {
  color: color-mix(in srgb, var(--color-indigo-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo3TP2 {
  color: color-mix(in srgb, var(--color-indigo-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo3TP3 {
  color: color-mix(in srgb, var(--color-indigo-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo3TP4 {
  color: color-mix(in srgb, var(--color-indigo-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo3TP5 {
  color: color-mix(in srgb, var(--color-indigo-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo3TP6 {
  color: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo4 {
  color: var(--color-indigo-4);
  stroke: currentColor;
}

.ThemeColor-Indigo4TP1 {
  color: color-mix(in srgb, var(--color-indigo-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo4TP2 {
  color: color-mix(in srgb, var(--color-indigo-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo4TP3 {
  color: color-mix(in srgb, var(--color-indigo-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo4TP4 {
  color: color-mix(in srgb, var(--color-indigo-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo4TP5 {
  color: color-mix(in srgb, var(--color-indigo-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo4TP6 {
  color: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo5 {
  color: var(--color-indigo-5);
  stroke: currentColor;
}

.ThemeColor-Indigo5TP1 {
  color: color-mix(in srgb, var(--color-indigo-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo5TP2 {
  color: color-mix(in srgb, var(--color-indigo-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo5TP3 {
  color: color-mix(in srgb, var(--color-indigo-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo5TP4 {
  color: color-mix(in srgb, var(--color-indigo-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo5TP5 {
  color: color-mix(in srgb, var(--color-indigo-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo5TP6 {
  color: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo6 {
  color: var(--color-indigo-6);
  stroke: currentColor;
}

.ThemeColor-Indigo6TP1 {
  color: color-mix(in srgb, var(--color-indigo-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo6TP2 {
  color: color-mix(in srgb, var(--color-indigo-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo6TP3 {
  color: color-mix(in srgb, var(--color-indigo-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo6TP4 {
  color: color-mix(in srgb, var(--color-indigo-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo6TP5 {
  color: color-mix(in srgb, var(--color-indigo-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Indigo6TP6 {
  color: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-IndigoSoft {
  color: var(--color-indigo-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-IndigoSoft {
  color: var(--color-indigo-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-IndigoSoft {
    color: var(--color-indigo-1);
    stroke: currentColor;
  }
}

.ThemeColor-Purple1 {
  color: var(--color-purple-1);
  stroke: currentColor;
}

.ThemeColor-Purple1TP1 {
  color: color-mix(in srgb, var(--color-purple-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple1TP2 {
  color: color-mix(in srgb, var(--color-purple-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple1TP3 {
  color: color-mix(in srgb, var(--color-purple-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple1TP4 {
  color: color-mix(in srgb, var(--color-purple-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple1TP5 {
  color: color-mix(in srgb, var(--color-purple-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple1TP6 {
  color: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple2 {
  color: var(--color-purple-2);
  stroke: currentColor;
}

.ThemeColor-Purple2TP1 {
  color: color-mix(in srgb, var(--color-purple-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple2TP2 {
  color: color-mix(in srgb, var(--color-purple-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple2TP3 {
  color: color-mix(in srgb, var(--color-purple-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple2TP4 {
  color: color-mix(in srgb, var(--color-purple-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple2TP5 {
  color: color-mix(in srgb, var(--color-purple-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple2TP6 {
  color: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple3 {
  color: var(--color-purple-3);
  stroke: currentColor;
}

.ThemeColor-Purple3TP1 {
  color: color-mix(in srgb, var(--color-purple-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple3TP2 {
  color: color-mix(in srgb, var(--color-purple-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple3TP3 {
  color: color-mix(in srgb, var(--color-purple-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple3TP4 {
  color: color-mix(in srgb, var(--color-purple-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple3TP5 {
  color: color-mix(in srgb, var(--color-purple-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple3TP6 {
  color: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple4 {
  color: var(--color-purple-4);
  stroke: currentColor;
}

.ThemeColor-Purple4TP1 {
  color: color-mix(in srgb, var(--color-purple-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple4TP2 {
  color: color-mix(in srgb, var(--color-purple-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple4TP3 {
  color: color-mix(in srgb, var(--color-purple-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple4TP4 {
  color: color-mix(in srgb, var(--color-purple-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple4TP5 {
  color: color-mix(in srgb, var(--color-purple-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple4TP6 {
  color: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple5 {
  color: var(--color-purple-5);
  stroke: currentColor;
}

.ThemeColor-Purple5TP1 {
  color: color-mix(in srgb, var(--color-purple-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple5TP2 {
  color: color-mix(in srgb, var(--color-purple-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple5TP3 {
  color: color-mix(in srgb, var(--color-purple-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple5TP4 {
  color: color-mix(in srgb, var(--color-purple-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple5TP5 {
  color: color-mix(in srgb, var(--color-purple-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple5TP6 {
  color: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple6 {
  color: var(--color-purple-6);
  stroke: currentColor;
}

.ThemeColor-Purple6TP1 {
  color: color-mix(in srgb, var(--color-purple-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple6TP2 {
  color: color-mix(in srgb, var(--color-purple-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple6TP3 {
  color: color-mix(in srgb, var(--color-purple-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple6TP4 {
  color: color-mix(in srgb, var(--color-purple-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple6TP5 {
  color: color-mix(in srgb, var(--color-purple-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Purple6TP6 {
  color: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-PurpleSoft {
  color: var(--color-purple-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-PurpleSoft {
  color: var(--color-purple-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-PurpleSoft {
    color: var(--color-purple-1);
    stroke: currentColor;
  }
}

.ThemeColor-Magenta1 {
  color: var(--color-magenta-1);
  stroke: currentColor;
}

.ThemeColor-Magenta1TP1 {
  color: color-mix(in srgb, var(--color-magenta-1) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta1TP2 {
  color: color-mix(in srgb, var(--color-magenta-1) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta1TP3 {
  color: color-mix(in srgb, var(--color-magenta-1) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta1TP4 {
  color: color-mix(in srgb, var(--color-magenta-1) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta1TP5 {
  color: color-mix(in srgb, var(--color-magenta-1) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta1TP6 {
  color: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta2 {
  color: var(--color-magenta-2);
  stroke: currentColor;
}

.ThemeColor-Magenta2TP1 {
  color: color-mix(in srgb, var(--color-magenta-2) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta2TP2 {
  color: color-mix(in srgb, var(--color-magenta-2) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta2TP3 {
  color: color-mix(in srgb, var(--color-magenta-2) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta2TP4 {
  color: color-mix(in srgb, var(--color-magenta-2) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta2TP5 {
  color: color-mix(in srgb, var(--color-magenta-2) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta2TP6 {
  color: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta3 {
  color: var(--color-magenta-3);
  stroke: currentColor;
}

.ThemeColor-Magenta3TP1 {
  color: color-mix(in srgb, var(--color-magenta-3) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta3TP2 {
  color: color-mix(in srgb, var(--color-magenta-3) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta3TP3 {
  color: color-mix(in srgb, var(--color-magenta-3) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta3TP4 {
  color: color-mix(in srgb, var(--color-magenta-3) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta3TP5 {
  color: color-mix(in srgb, var(--color-magenta-3) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta3TP6 {
  color: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta4 {
  color: var(--color-magenta-4);
  stroke: currentColor;
}

.ThemeColor-Magenta4TP1 {
  color: color-mix(in srgb, var(--color-magenta-4) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta4TP2 {
  color: color-mix(in srgb, var(--color-magenta-4) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta4TP3 {
  color: color-mix(in srgb, var(--color-magenta-4) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta4TP4 {
  color: color-mix(in srgb, var(--color-magenta-4) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta4TP5 {
  color: color-mix(in srgb, var(--color-magenta-4) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta4TP6 {
  color: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta5 {
  color: var(--color-magenta-5);
  stroke: currentColor;
}

.ThemeColor-Magenta5TP1 {
  color: color-mix(in srgb, var(--color-magenta-5) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta5TP2 {
  color: color-mix(in srgb, var(--color-magenta-5) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta5TP3 {
  color: color-mix(in srgb, var(--color-magenta-5) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta5TP4 {
  color: color-mix(in srgb, var(--color-magenta-5) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta5TP5 {
  color: color-mix(in srgb, var(--color-magenta-5) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta5TP6 {
  color: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta6 {
  color: var(--color-magenta-6);
  stroke: currentColor;
}

.ThemeColor-Magenta6TP1 {
  color: color-mix(in srgb, var(--color-magenta-6) 70%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta6TP2 {
  color: color-mix(in srgb, var(--color-magenta-6) 65%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta6TP3 {
  color: color-mix(in srgb, var(--color-magenta-6) 60%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta6TP4 {
  color: color-mix(in srgb, var(--color-magenta-6) 55%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta6TP5 {
  color: color-mix(in srgb, var(--color-magenta-6) 50%, transparent);
  stroke: currentColor;
}

.ThemeColor-Magenta6TP6 {
  color: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
  stroke: currentColor;
}

.ThemeColor-MagentaSoft {
  color: var(--color-magenta-6);
  stroke: currentColor;
}

[data-color-mode="dark"] .ThemeColor-MagentaSoft {
  color: var(--color-magenta-1);
  stroke: currentColor;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-color-mode]) .ThemeColor-MagentaSoft {
    color: var(--color-magenta-1);
    stroke: currentColor;
  }
}

.ThemeColor-ThemeFull {
  color: var(--color-theme-foreground);
  stroke: currentColor;
}

.ThemeBorder-None {
  border-color: #0000 !important;
}

.ThemeBorderColor-None, .ThemeBorderColor-Transparent {
  --theme-border-color: transparent;
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Transparent {
  --theme-border-color-top: transparent;
  --theme-border-color-right: transparent;
  --theme-border-color-bottom: transparent;
  --theme-border-color-left: transparent;
}

.ThemeBorderColor2-Transparent {
  --theme-border-color-right: transparent;
  --theme-border-color-left: transparent;
}

.ThemeBorderColor3-Transparent {
  --theme-border-color-bottom: transparent;
}

.ThemeBorderColor4-Transparent {
  --theme-border-color-left: transparent;
}

.ThemeBorderWidth-Light {
  --theme-border-width-top: .05rem;
  --theme-border-width-right: .05rem;
  --theme-border-width-bottom: .05rem;
  --theme-border-width-left: .05rem;
  border-top-width: .05rem !important;
  border-top-style: var(--theme-border-style-top, var(--theme-border-style, solid)) !important;
  border-top-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) !important;
  border-right-width: .05rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-bottom-width: .05rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
  border-left-width: .05rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth-Regular {
  --theme-border-width-top: .1rem;
  --theme-border-width-right: .1rem;
  --theme-border-width-bottom: .1rem;
  --theme-border-width-left: .1rem;
  border-top-width: .1rem !important;
  border-top-style: var(--theme-border-style-top, var(--theme-border-style, solid)) !important;
  border-top-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) !important;
  border-right-width: .1rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-bottom-width: .1rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
  border-left-width: .1rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth-Bold {
  --theme-border-width-top: .15rem;
  --theme-border-width-right: .15rem;
  --theme-border-width-bottom: .15rem;
  --theme-border-width-left: .15rem;
  border-top-width: .15rem !important;
  border-top-style: var(--theme-border-style-top, var(--theme-border-style, solid)) !important;
  border-top-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) !important;
  border-right-width: .15rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-bottom-width: .15rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
  border-left-width: .15rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth-None {
  --theme-border-width-top: 0;
  --theme-border-width-right: 0;
  --theme-border-width-bottom: 0;
  --theme-border-width-left: 0;
  border-width: 0 !important;
  border-color: #0000 !important;
}

.ThemeBorderStyle-Solid {
  --theme-border-style: solid;
}

.ThemeBorderStyle1-Solid {
  --theme-border-style-top: solid;
  --theme-border-style-right: solid;
  --theme-border-style-bottom: solid;
  --theme-border-style-left: solid;
}

.ThemeBorderStyle2-Solid {
  --theme-border-style-right: solid;
  --theme-border-style-left: solid;
}

.ThemeBorderStyle3-Solid {
  --theme-border-style-bottom: solid;
}

.ThemeBorderStyle4-Solid {
  --theme-border-style-left: solid;
}

.ThemeBorderStyle-Dashed {
  --theme-border-style: dashed;
}

.ThemeBorderStyle1-Dashed {
  --theme-border-style-top: dashed;
  --theme-border-style-right: dashed;
  --theme-border-style-bottom: dashed;
  --theme-border-style-left: dashed;
}

.ThemeBorderStyle2-Dashed {
  --theme-border-style-right: dashed;
  --theme-border-style-left: dashed;
}

.ThemeBorderStyle3-Dashed {
  --theme-border-style-bottom: dashed;
}

.ThemeBorderStyle4-Dashed {
  --theme-border-style-left: dashed;
}

.ThemeBorderWidth1-Light {
  --theme-border-width-top: .05rem;
  --theme-border-width-right: .05rem;
  --theme-border-width-bottom: .05rem;
  --theme-border-width-left: .05rem;
  border-top-width: .05rem !important;
  border-top-style: var(--theme-border-style-top, var(--theme-border-style, solid)) !important;
  border-top-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) !important;
  border-right-width: .05rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-bottom-width: .05rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
  border-left-width: .05rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth1-Regular {
  --theme-border-width-top: .1rem;
  --theme-border-width-right: .1rem;
  --theme-border-width-bottom: .1rem;
  --theme-border-width-left: .1rem;
  border-top-width: .1rem !important;
  border-top-style: var(--theme-border-style-top, var(--theme-border-style, solid)) !important;
  border-top-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) !important;
  border-right-width: .1rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-bottom-width: .1rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
  border-left-width: .1rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth1-Bold {
  --theme-border-width-top: .15rem;
  --theme-border-width-right: .15rem;
  --theme-border-width-bottom: .15rem;
  --theme-border-width-left: .15rem;
  border-top-width: .15rem !important;
  border-top-style: var(--theme-border-style-top, var(--theme-border-style, solid)) !important;
  border-top-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) !important;
  border-right-width: .15rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-bottom-width: .15rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
  border-left-width: .15rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth1-None {
  --theme-border-width-top: 0;
  --theme-border-width-right: 0;
  --theme-border-width-bottom: 0;
  --theme-border-width-left: 0;
  border-width: 0 !important;
  border-color: #0000 !important;
}

.ThemeBorderWidth2-Light {
  --theme-border-width-right: .05rem;
  --theme-border-width-left: .05rem;
  border-right-width: .05rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-left-width: .05rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth2-Regular {
  --theme-border-width-right: .1rem;
  --theme-border-width-left: .1rem;
  border-right-width: .1rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-left-width: .1rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth2-Bold {
  --theme-border-width-right: .15rem;
  --theme-border-width-left: .15rem;
  border-right-width: .15rem !important;
  border-right-style: var(--theme-border-style-right, var(--theme-border-style, solid)) !important;
  border-right-color: var(--theme-border-color-right, var(--theme-border-color, transparent)) !important;
  border-left-width: .15rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth2-None {
  --theme-border-width-right: 0;
  --theme-border-width-left: 0;
  border-left-width: 0 !important;
  border-left-color: #0000 !important;
  border-right-width: 0 !important;
  border-right-color: #0000 !important;
}

.ThemeBorderWidth3-Light {
  --theme-border-width-bottom: .05rem;
  border-bottom-width: .05rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth3-Regular {
  --theme-border-width-bottom: .1rem;
  border-bottom-width: .1rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth3-Bold {
  --theme-border-width-bottom: .15rem;
  border-bottom-width: .15rem !important;
  border-bottom-style: var(--theme-border-style-bottom, var(--theme-border-style, solid)) !important;
  border-bottom-color: var(--theme-border-color-bottom, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth3-None {
  --theme-border-width-bottom: 0;
  border-bottom-width: 0 !important;
  border-bottom-color: #0000 !important;
}

.ThemeBorderWidth4-Light {
  --theme-border-width-left: .05rem;
  border-left-width: .05rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth4-Regular {
  --theme-border-width-left: .1rem;
  border-left-width: .1rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth4-Bold {
  --theme-border-width-left: .15rem;
  border-left-width: .15rem !important;
  border-left-style: var(--theme-border-style-left, var(--theme-border-style, solid)) !important;
  border-left-color: var(--theme-border-color-left, var(--theme-border-color, transparent)) !important;
}

.ThemeBorderWidth4-None {
  --theme-border-width-left: 0;
  border-left-width: 0 !important;
  border-left-color: #0000 !important;
}

.ThemeBorderColor-Base1 {
  --theme-border-color: var(--color-base-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Base1 {
  --theme-border-color-top: var(--color-base-1);
  --theme-border-color-right: var(--color-base-1);
  --theme-border-color-bottom: var(--color-base-1);
  --theme-border-color-left: var(--color-base-1);
}

.ThemeBorderColor2-Base1 {
  --theme-border-color-right: var(--color-base-1);
  --theme-border-color-left: var(--color-base-1);
}

.ThemeBorderColor3-Base1 {
  --theme-border-color-bottom: var(--color-base-1);
}

.ThemeBorderColor4-Base1 {
  --theme-border-color-left: var(--color-base-1);
}

.ThemeBorderColor-Base1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-1) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 20%, transparent);
}

.ThemeBorderColor2-Base1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 20%, transparent);
}

.ThemeBorderColor3-Base1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 20%, transparent);
}

.ThemeBorderColor4-Base1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 20%, transparent);
}

.ThemeBorderColor-Base1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-1) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 25%, transparent);
}

.ThemeBorderColor2-Base1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 25%, transparent);
}

.ThemeBorderColor3-Base1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 25%, transparent);
}

.ThemeBorderColor4-Base1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 25%, transparent);
}

.ThemeBorderColor-Base1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-1) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 30%, transparent);
}

.ThemeBorderColor2-Base1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 30%, transparent);
}

.ThemeBorderColor3-Base1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 30%, transparent);
}

.ThemeBorderColor4-Base1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 30%, transparent);
}

.ThemeBorderColor-Base1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-1) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 35%, transparent);
}

.ThemeBorderColor2-Base1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 35%, transparent);
}

.ThemeBorderColor3-Base1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 35%, transparent);
}

.ThemeBorderColor4-Base1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 35%, transparent);
}

.ThemeBorderColor-Base1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-1) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 40%, transparent);
}

.ThemeBorderColor2-Base1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 40%, transparent);
}

.ThemeBorderColor3-Base1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 40%, transparent);
}

.ThemeBorderColor4-Base1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 40%, transparent);
}

.ThemeBorderColor-Base1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-1) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 45%, transparent);
}

.ThemeBorderColor2-Base1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 45%, transparent);
}

.ThemeBorderColor3-Base1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-1) 45%, transparent);
}

.ThemeBorderColor4-Base1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-1) 45%, transparent);
}

.ThemeBorderColor-Base2 {
  --theme-border-color: var(--color-base-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Base2 {
  --theme-border-color-top: var(--color-base-2);
  --theme-border-color-right: var(--color-base-2);
  --theme-border-color-bottom: var(--color-base-2);
  --theme-border-color-left: var(--color-base-2);
}

.ThemeBorderColor2-Base2 {
  --theme-border-color-right: var(--color-base-2);
  --theme-border-color-left: var(--color-base-2);
}

.ThemeBorderColor3-Base2 {
  --theme-border-color-bottom: var(--color-base-2);
}

.ThemeBorderColor4-Base2 {
  --theme-border-color-left: var(--color-base-2);
}

.ThemeBorderColor-Base2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-2) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 20%, transparent);
}

.ThemeBorderColor2-Base2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 20%, transparent);
}

.ThemeBorderColor3-Base2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 20%, transparent);
}

.ThemeBorderColor4-Base2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 20%, transparent);
}

.ThemeBorderColor-Base2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-2) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 25%, transparent);
}

.ThemeBorderColor2-Base2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 25%, transparent);
}

.ThemeBorderColor3-Base2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 25%, transparent);
}

.ThemeBorderColor4-Base2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 25%, transparent);
}

.ThemeBorderColor-Base2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-2) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 30%, transparent);
}

.ThemeBorderColor2-Base2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 30%, transparent);
}

.ThemeBorderColor3-Base2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 30%, transparent);
}

.ThemeBorderColor4-Base2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 30%, transparent);
}

.ThemeBorderColor-Base2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-2) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 35%, transparent);
}

.ThemeBorderColor2-Base2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 35%, transparent);
}

.ThemeBorderColor3-Base2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 35%, transparent);
}

.ThemeBorderColor4-Base2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 35%, transparent);
}

.ThemeBorderColor-Base2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-2) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 40%, transparent);
}

.ThemeBorderColor2-Base2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 40%, transparent);
}

.ThemeBorderColor3-Base2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 40%, transparent);
}

.ThemeBorderColor4-Base2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 40%, transparent);
}

.ThemeBorderColor-Base2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-2) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 45%, transparent);
}

.ThemeBorderColor2-Base2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 45%, transparent);
}

.ThemeBorderColor3-Base2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-2) 45%, transparent);
}

.ThemeBorderColor4-Base2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-2) 45%, transparent);
}

.ThemeBorderColor-Base3 {
  --theme-border-color: var(--color-base-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Base3 {
  --theme-border-color-top: var(--color-base-3);
  --theme-border-color-right: var(--color-base-3);
  --theme-border-color-bottom: var(--color-base-3);
  --theme-border-color-left: var(--color-base-3);
}

.ThemeBorderColor2-Base3 {
  --theme-border-color-right: var(--color-base-3);
  --theme-border-color-left: var(--color-base-3);
}

.ThemeBorderColor3-Base3 {
  --theme-border-color-bottom: var(--color-base-3);
}

.ThemeBorderColor4-Base3 {
  --theme-border-color-left: var(--color-base-3);
}

.ThemeBorderColor-Base3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-3) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 20%, transparent);
}

.ThemeBorderColor2-Base3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 20%, transparent);
}

.ThemeBorderColor3-Base3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 20%, transparent);
}

.ThemeBorderColor4-Base3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 20%, transparent);
}

.ThemeBorderColor-Base3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-3) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 25%, transparent);
}

.ThemeBorderColor2-Base3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 25%, transparent);
}

.ThemeBorderColor3-Base3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 25%, transparent);
}

.ThemeBorderColor4-Base3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 25%, transparent);
}

.ThemeBorderColor-Base3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-3) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 30%, transparent);
}

.ThemeBorderColor2-Base3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 30%, transparent);
}

.ThemeBorderColor3-Base3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 30%, transparent);
}

.ThemeBorderColor4-Base3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 30%, transparent);
}

.ThemeBorderColor-Base3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-3) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 35%, transparent);
}

.ThemeBorderColor2-Base3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 35%, transparent);
}

.ThemeBorderColor3-Base3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 35%, transparent);
}

.ThemeBorderColor4-Base3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 35%, transparent);
}

.ThemeBorderColor-Base3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-3) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 40%, transparent);
}

.ThemeBorderColor2-Base3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 40%, transparent);
}

.ThemeBorderColor3-Base3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 40%, transparent);
}

.ThemeBorderColor4-Base3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 40%, transparent);
}

.ThemeBorderColor-Base3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-3) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 45%, transparent);
}

.ThemeBorderColor2-Base3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 45%, transparent);
}

.ThemeBorderColor3-Base3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-3) 45%, transparent);
}

.ThemeBorderColor4-Base3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-3) 45%, transparent);
}

.ThemeBorderColor-Base4 {
  --theme-border-color: var(--color-base-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Base4 {
  --theme-border-color-top: var(--color-base-4);
  --theme-border-color-right: var(--color-base-4);
  --theme-border-color-bottom: var(--color-base-4);
  --theme-border-color-left: var(--color-base-4);
}

.ThemeBorderColor2-Base4 {
  --theme-border-color-right: var(--color-base-4);
  --theme-border-color-left: var(--color-base-4);
}

.ThemeBorderColor3-Base4 {
  --theme-border-color-bottom: var(--color-base-4);
}

.ThemeBorderColor4-Base4 {
  --theme-border-color-left: var(--color-base-4);
}

.ThemeBorderColor-Base4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-4) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 20%, transparent);
}

.ThemeBorderColor2-Base4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 20%, transparent);
}

.ThemeBorderColor3-Base4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 20%, transparent);
}

.ThemeBorderColor4-Base4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 20%, transparent);
}

.ThemeBorderColor-Base4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-4) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 25%, transparent);
}

.ThemeBorderColor2-Base4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 25%, transparent);
}

.ThemeBorderColor3-Base4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 25%, transparent);
}

.ThemeBorderColor4-Base4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 25%, transparent);
}

.ThemeBorderColor-Base4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-4) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 30%, transparent);
}

.ThemeBorderColor2-Base4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 30%, transparent);
}

.ThemeBorderColor3-Base4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 30%, transparent);
}

.ThemeBorderColor4-Base4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 30%, transparent);
}

.ThemeBorderColor-Base4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-4) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 35%, transparent);
}

.ThemeBorderColor2-Base4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 35%, transparent);
}

.ThemeBorderColor3-Base4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 35%, transparent);
}

.ThemeBorderColor4-Base4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 35%, transparent);
}

.ThemeBorderColor-Base4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-4) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 40%, transparent);
}

.ThemeBorderColor2-Base4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 40%, transparent);
}

.ThemeBorderColor3-Base4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 40%, transparent);
}

.ThemeBorderColor4-Base4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 40%, transparent);
}

.ThemeBorderColor-Base4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-4) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 45%, transparent);
}

.ThemeBorderColor2-Base4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 45%, transparent);
}

.ThemeBorderColor3-Base4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-4) 45%, transparent);
}

.ThemeBorderColor4-Base4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-4) 45%, transparent);
}

.ThemeBorderColor-Base5 {
  --theme-border-color: var(--color-base-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Base5 {
  --theme-border-color-top: var(--color-base-5);
  --theme-border-color-right: var(--color-base-5);
  --theme-border-color-bottom: var(--color-base-5);
  --theme-border-color-left: var(--color-base-5);
}

.ThemeBorderColor2-Base5 {
  --theme-border-color-right: var(--color-base-5);
  --theme-border-color-left: var(--color-base-5);
}

.ThemeBorderColor3-Base5 {
  --theme-border-color-bottom: var(--color-base-5);
}

.ThemeBorderColor4-Base5 {
  --theme-border-color-left: var(--color-base-5);
}

.ThemeBorderColor-Base5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-5) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 20%, transparent);
}

.ThemeBorderColor2-Base5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 20%, transparent);
}

.ThemeBorderColor3-Base5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 20%, transparent);
}

.ThemeBorderColor4-Base5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 20%, transparent);
}

.ThemeBorderColor-Base5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-5) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 25%, transparent);
}

.ThemeBorderColor2-Base5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 25%, transparent);
}

.ThemeBorderColor3-Base5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 25%, transparent);
}

.ThemeBorderColor4-Base5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 25%, transparent);
}

.ThemeBorderColor-Base5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-5) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 30%, transparent);
}

.ThemeBorderColor2-Base5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 30%, transparent);
}

.ThemeBorderColor3-Base5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 30%, transparent);
}

.ThemeBorderColor4-Base5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 30%, transparent);
}

.ThemeBorderColor-Base5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-5) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 35%, transparent);
}

.ThemeBorderColor2-Base5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 35%, transparent);
}

.ThemeBorderColor3-Base5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 35%, transparent);
}

.ThemeBorderColor4-Base5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 35%, transparent);
}

.ThemeBorderColor-Base5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-5) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 40%, transparent);
}

.ThemeBorderColor2-Base5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 40%, transparent);
}

.ThemeBorderColor3-Base5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 40%, transparent);
}

.ThemeBorderColor4-Base5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 40%, transparent);
}

.ThemeBorderColor-Base5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-5) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 45%, transparent);
}

.ThemeBorderColor2-Base5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 45%, transparent);
}

.ThemeBorderColor3-Base5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-5) 45%, transparent);
}

.ThemeBorderColor4-Base5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-5) 45%, transparent);
}

.ThemeBorderColor-Base6 {
  --theme-border-color: var(--color-base-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Base6 {
  --theme-border-color-top: var(--color-base-6);
  --theme-border-color-right: var(--color-base-6);
  --theme-border-color-bottom: var(--color-base-6);
  --theme-border-color-left: var(--color-base-6);
}

.ThemeBorderColor2-Base6 {
  --theme-border-color-right: var(--color-base-6);
  --theme-border-color-left: var(--color-base-6);
}

.ThemeBorderColor3-Base6 {
  --theme-border-color-bottom: var(--color-base-6);
}

.ThemeBorderColor4-Base6 {
  --theme-border-color-left: var(--color-base-6);
}

.ThemeBorderColor-Base6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-6) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 20%, transparent);
}

.ThemeBorderColor2-Base6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 20%, transparent);
}

.ThemeBorderColor3-Base6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 20%, transparent);
}

.ThemeBorderColor4-Base6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 20%, transparent);
}

.ThemeBorderColor-Base6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-6) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 25%, transparent);
}

.ThemeBorderColor2-Base6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 25%, transparent);
}

.ThemeBorderColor3-Base6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 25%, transparent);
}

.ThemeBorderColor4-Base6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 25%, transparent);
}

.ThemeBorderColor-Base6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-6) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 30%, transparent);
}

.ThemeBorderColor2-Base6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 30%, transparent);
}

.ThemeBorderColor3-Base6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 30%, transparent);
}

.ThemeBorderColor4-Base6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 30%, transparent);
}

.ThemeBorderColor-Base6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-6) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 35%, transparent);
}

.ThemeBorderColor2-Base6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 35%, transparent);
}

.ThemeBorderColor3-Base6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 35%, transparent);
}

.ThemeBorderColor4-Base6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 35%, transparent);
}

.ThemeBorderColor-Base6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-6) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 40%, transparent);
}

.ThemeBorderColor2-Base6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 40%, transparent);
}

.ThemeBorderColor3-Base6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 40%, transparent);
}

.ThemeBorderColor4-Base6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 40%, transparent);
}

.ThemeBorderColor-Base6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-6) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Base6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 45%, transparent);
}

.ThemeBorderColor2-Base6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 45%, transparent);
}

.ThemeBorderColor3-Base6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-6) 45%, transparent);
}

.ThemeBorderColor4-Base6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-6) 45%, transparent);
}

.ThemeBorderColor-BaseLight1 {
  --theme-border-color: var(--color-base-light-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseLight1 {
  --theme-border-color-top: var(--color-base-light-1);
  --theme-border-color-right: var(--color-base-light-1);
  --theme-border-color-bottom: var(--color-base-light-1);
  --theme-border-color-left: var(--color-base-light-1);
}

.ThemeBorderColor2-BaseLight1 {
  --theme-border-color-right: var(--color-base-light-1);
  --theme-border-color-left: var(--color-base-light-1);
}

.ThemeBorderColor3-BaseLight1 {
  --theme-border-color-bottom: var(--color-base-light-1);
}

.ThemeBorderColor4-BaseLight1 {
  --theme-border-color-left: var(--color-base-light-1);
}

.ThemeBorderColor-BaseLight1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
}

.ThemeBorderColor2-BaseLight1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
}

.ThemeBorderColor3-BaseLight1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
}

.ThemeBorderColor4-BaseLight1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 20%, transparent);
}

.ThemeBorderColor-BaseLight1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
}

.ThemeBorderColor2-BaseLight1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
}

.ThemeBorderColor3-BaseLight1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
}

.ThemeBorderColor4-BaseLight1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 25%, transparent);
}

.ThemeBorderColor-BaseLight1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
}

.ThemeBorderColor2-BaseLight1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
}

.ThemeBorderColor3-BaseLight1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
}

.ThemeBorderColor4-BaseLight1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 30%, transparent);
}

.ThemeBorderColor-BaseLight1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
}

.ThemeBorderColor2-BaseLight1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
}

.ThemeBorderColor3-BaseLight1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
}

.ThemeBorderColor4-BaseLight1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 35%, transparent);
}

.ThemeBorderColor-BaseLight1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
}

.ThemeBorderColor2-BaseLight1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
}

.ThemeBorderColor3-BaseLight1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
}

.ThemeBorderColor4-BaseLight1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 40%, transparent);
}

.ThemeBorderColor-BaseLight1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
}

.ThemeBorderColor2-BaseLight1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
}

.ThemeBorderColor3-BaseLight1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
}

.ThemeBorderColor4-BaseLight1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-1) 45%, transparent);
}

.ThemeBorderColor-BaseLight2 {
  --theme-border-color: var(--color-base-light-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseLight2 {
  --theme-border-color-top: var(--color-base-light-2);
  --theme-border-color-right: var(--color-base-light-2);
  --theme-border-color-bottom: var(--color-base-light-2);
  --theme-border-color-left: var(--color-base-light-2);
}

.ThemeBorderColor2-BaseLight2 {
  --theme-border-color-right: var(--color-base-light-2);
  --theme-border-color-left: var(--color-base-light-2);
}

.ThemeBorderColor3-BaseLight2 {
  --theme-border-color-bottom: var(--color-base-light-2);
}

.ThemeBorderColor4-BaseLight2 {
  --theme-border-color-left: var(--color-base-light-2);
}

.ThemeBorderColor-BaseLight2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
}

.ThemeBorderColor2-BaseLight2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
}

.ThemeBorderColor3-BaseLight2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
}

.ThemeBorderColor4-BaseLight2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 20%, transparent);
}

.ThemeBorderColor-BaseLight2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
}

.ThemeBorderColor2-BaseLight2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
}

.ThemeBorderColor3-BaseLight2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
}

.ThemeBorderColor4-BaseLight2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 25%, transparent);
}

.ThemeBorderColor-BaseLight2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
}

.ThemeBorderColor2-BaseLight2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
}

.ThemeBorderColor3-BaseLight2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
}

.ThemeBorderColor4-BaseLight2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 30%, transparent);
}

.ThemeBorderColor-BaseLight2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
}

.ThemeBorderColor2-BaseLight2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
}

.ThemeBorderColor3-BaseLight2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
}

.ThemeBorderColor4-BaseLight2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 35%, transparent);
}

.ThemeBorderColor-BaseLight2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
}

.ThemeBorderColor2-BaseLight2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
}

.ThemeBorderColor3-BaseLight2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
}

.ThemeBorderColor4-BaseLight2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 40%, transparent);
}

.ThemeBorderColor-BaseLight2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
}

.ThemeBorderColor2-BaseLight2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
}

.ThemeBorderColor3-BaseLight2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
}

.ThemeBorderColor4-BaseLight2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-2) 45%, transparent);
}

.ThemeBorderColor-BaseLight3 {
  --theme-border-color: var(--color-base-light-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseLight3 {
  --theme-border-color-top: var(--color-base-light-3);
  --theme-border-color-right: var(--color-base-light-3);
  --theme-border-color-bottom: var(--color-base-light-3);
  --theme-border-color-left: var(--color-base-light-3);
}

.ThemeBorderColor2-BaseLight3 {
  --theme-border-color-right: var(--color-base-light-3);
  --theme-border-color-left: var(--color-base-light-3);
}

.ThemeBorderColor3-BaseLight3 {
  --theme-border-color-bottom: var(--color-base-light-3);
}

.ThemeBorderColor4-BaseLight3 {
  --theme-border-color-left: var(--color-base-light-3);
}

.ThemeBorderColor-BaseLight3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
}

.ThemeBorderColor2-BaseLight3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
}

.ThemeBorderColor3-BaseLight3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
}

.ThemeBorderColor4-BaseLight3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 20%, transparent);
}

.ThemeBorderColor-BaseLight3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
}

.ThemeBorderColor2-BaseLight3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
}

.ThemeBorderColor3-BaseLight3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
}

.ThemeBorderColor4-BaseLight3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 25%, transparent);
}

.ThemeBorderColor-BaseLight3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
}

.ThemeBorderColor2-BaseLight3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
}

.ThemeBorderColor3-BaseLight3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
}

.ThemeBorderColor4-BaseLight3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 30%, transparent);
}

.ThemeBorderColor-BaseLight3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
}

.ThemeBorderColor2-BaseLight3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
}

.ThemeBorderColor3-BaseLight3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
}

.ThemeBorderColor4-BaseLight3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 35%, transparent);
}

.ThemeBorderColor-BaseLight3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
}

.ThemeBorderColor2-BaseLight3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
}

.ThemeBorderColor3-BaseLight3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
}

.ThemeBorderColor4-BaseLight3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 40%, transparent);
}

.ThemeBorderColor-BaseLight3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
}

.ThemeBorderColor2-BaseLight3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
}

.ThemeBorderColor3-BaseLight3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
}

.ThemeBorderColor4-BaseLight3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-3) 45%, transparent);
}

.ThemeBorderColor-BaseLight4 {
  --theme-border-color: var(--color-base-light-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseLight4 {
  --theme-border-color-top: var(--color-base-light-4);
  --theme-border-color-right: var(--color-base-light-4);
  --theme-border-color-bottom: var(--color-base-light-4);
  --theme-border-color-left: var(--color-base-light-4);
}

.ThemeBorderColor2-BaseLight4 {
  --theme-border-color-right: var(--color-base-light-4);
  --theme-border-color-left: var(--color-base-light-4);
}

.ThemeBorderColor3-BaseLight4 {
  --theme-border-color-bottom: var(--color-base-light-4);
}

.ThemeBorderColor4-BaseLight4 {
  --theme-border-color-left: var(--color-base-light-4);
}

.ThemeBorderColor-BaseLight4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
}

.ThemeBorderColor2-BaseLight4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
}

.ThemeBorderColor3-BaseLight4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
}

.ThemeBorderColor4-BaseLight4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 20%, transparent);
}

.ThemeBorderColor-BaseLight4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
}

.ThemeBorderColor2-BaseLight4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
}

.ThemeBorderColor3-BaseLight4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
}

.ThemeBorderColor4-BaseLight4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 25%, transparent);
}

.ThemeBorderColor-BaseLight4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
}

.ThemeBorderColor2-BaseLight4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
}

.ThemeBorderColor3-BaseLight4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
}

.ThemeBorderColor4-BaseLight4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 30%, transparent);
}

.ThemeBorderColor-BaseLight4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
}

.ThemeBorderColor2-BaseLight4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
}

.ThemeBorderColor3-BaseLight4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
}

.ThemeBorderColor4-BaseLight4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 35%, transparent);
}

.ThemeBorderColor-BaseLight4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
}

.ThemeBorderColor2-BaseLight4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
}

.ThemeBorderColor3-BaseLight4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
}

.ThemeBorderColor4-BaseLight4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 40%, transparent);
}

.ThemeBorderColor-BaseLight4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
}

.ThemeBorderColor2-BaseLight4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
}

.ThemeBorderColor3-BaseLight4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
}

.ThemeBorderColor4-BaseLight4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-4) 45%, transparent);
}

.ThemeBorderColor-BaseLight5 {
  --theme-border-color: var(--color-base-light-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseLight5 {
  --theme-border-color-top: var(--color-base-light-5);
  --theme-border-color-right: var(--color-base-light-5);
  --theme-border-color-bottom: var(--color-base-light-5);
  --theme-border-color-left: var(--color-base-light-5);
}

.ThemeBorderColor2-BaseLight5 {
  --theme-border-color-right: var(--color-base-light-5);
  --theme-border-color-left: var(--color-base-light-5);
}

.ThemeBorderColor3-BaseLight5 {
  --theme-border-color-bottom: var(--color-base-light-5);
}

.ThemeBorderColor4-BaseLight5 {
  --theme-border-color-left: var(--color-base-light-5);
}

.ThemeBorderColor-BaseLight5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
}

.ThemeBorderColor2-BaseLight5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
}

.ThemeBorderColor3-BaseLight5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
}

.ThemeBorderColor4-BaseLight5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 20%, transparent);
}

.ThemeBorderColor-BaseLight5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
}

.ThemeBorderColor2-BaseLight5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
}

.ThemeBorderColor3-BaseLight5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
}

.ThemeBorderColor4-BaseLight5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 25%, transparent);
}

.ThemeBorderColor-BaseLight5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
}

.ThemeBorderColor2-BaseLight5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
}

.ThemeBorderColor3-BaseLight5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
}

.ThemeBorderColor4-BaseLight5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 30%, transparent);
}

.ThemeBorderColor-BaseLight5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
}

.ThemeBorderColor2-BaseLight5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
}

.ThemeBorderColor3-BaseLight5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
}

.ThemeBorderColor4-BaseLight5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 35%, transparent);
}

.ThemeBorderColor-BaseLight5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
}

.ThemeBorderColor2-BaseLight5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
}

.ThemeBorderColor3-BaseLight5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
}

.ThemeBorderColor4-BaseLight5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 40%, transparent);
}

.ThemeBorderColor-BaseLight5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
}

.ThemeBorderColor2-BaseLight5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
}

.ThemeBorderColor3-BaseLight5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
}

.ThemeBorderColor4-BaseLight5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-5) 45%, transparent);
}

.ThemeBorderColor-BaseLight6 {
  --theme-border-color: var(--color-base-light-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseLight6 {
  --theme-border-color-top: var(--color-base-light-6);
  --theme-border-color-right: var(--color-base-light-6);
  --theme-border-color-bottom: var(--color-base-light-6);
  --theme-border-color-left: var(--color-base-light-6);
}

.ThemeBorderColor2-BaseLight6 {
  --theme-border-color-right: var(--color-base-light-6);
  --theme-border-color-left: var(--color-base-light-6);
}

.ThemeBorderColor3-BaseLight6 {
  --theme-border-color-bottom: var(--color-base-light-6);
}

.ThemeBorderColor4-BaseLight6 {
  --theme-border-color-left: var(--color-base-light-6);
}

.ThemeBorderColor-BaseLight6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
}

.ThemeBorderColor2-BaseLight6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
}

.ThemeBorderColor3-BaseLight6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
}

.ThemeBorderColor4-BaseLight6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 20%, transparent);
}

.ThemeBorderColor-BaseLight6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
}

.ThemeBorderColor2-BaseLight6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
}

.ThemeBorderColor3-BaseLight6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
}

.ThemeBorderColor4-BaseLight6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 25%, transparent);
}

.ThemeBorderColor-BaseLight6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
}

.ThemeBorderColor2-BaseLight6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
}

.ThemeBorderColor3-BaseLight6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
}

.ThemeBorderColor4-BaseLight6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 30%, transparent);
}

.ThemeBorderColor-BaseLight6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
}

.ThemeBorderColor2-BaseLight6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
}

.ThemeBorderColor3-BaseLight6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
}

.ThemeBorderColor4-BaseLight6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 35%, transparent);
}

.ThemeBorderColor-BaseLight6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
}

.ThemeBorderColor2-BaseLight6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
}

.ThemeBorderColor3-BaseLight6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
}

.ThemeBorderColor4-BaseLight6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 40%, transparent);
}

.ThemeBorderColor-BaseLight6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseLight6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
}

.ThemeBorderColor2-BaseLight6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
}

.ThemeBorderColor3-BaseLight6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
}

.ThemeBorderColor4-BaseLight6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-light-6) 45%, transparent);
}

.ThemeBorderColor-BaseDark1 {
  --theme-border-color: var(--color-base-dark-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseDark1 {
  --theme-border-color-top: var(--color-base-dark-1);
  --theme-border-color-right: var(--color-base-dark-1);
  --theme-border-color-bottom: var(--color-base-dark-1);
  --theme-border-color-left: var(--color-base-dark-1);
}

.ThemeBorderColor2-BaseDark1 {
  --theme-border-color-right: var(--color-base-dark-1);
  --theme-border-color-left: var(--color-base-dark-1);
}

.ThemeBorderColor3-BaseDark1 {
  --theme-border-color-bottom: var(--color-base-dark-1);
}

.ThemeBorderColor4-BaseDark1 {
  --theme-border-color-left: var(--color-base-dark-1);
}

.ThemeBorderColor-BaseDark1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
}

.ThemeBorderColor2-BaseDark1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
}

.ThemeBorderColor3-BaseDark1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
}

.ThemeBorderColor4-BaseDark1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 20%, transparent);
}

.ThemeBorderColor-BaseDark1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
}

.ThemeBorderColor2-BaseDark1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
}

.ThemeBorderColor3-BaseDark1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
}

.ThemeBorderColor4-BaseDark1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 25%, transparent);
}

.ThemeBorderColor-BaseDark1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
}

.ThemeBorderColor2-BaseDark1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
}

.ThemeBorderColor3-BaseDark1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
}

.ThemeBorderColor4-BaseDark1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 30%, transparent);
}

.ThemeBorderColor-BaseDark1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
}

.ThemeBorderColor2-BaseDark1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
}

.ThemeBorderColor3-BaseDark1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
}

.ThemeBorderColor4-BaseDark1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 35%, transparent);
}

.ThemeBorderColor-BaseDark1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
}

.ThemeBorderColor2-BaseDark1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
}

.ThemeBorderColor3-BaseDark1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
}

.ThemeBorderColor4-BaseDark1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 40%, transparent);
}

.ThemeBorderColor-BaseDark1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
}

.ThemeBorderColor2-BaseDark1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
}

.ThemeBorderColor3-BaseDark1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
}

.ThemeBorderColor4-BaseDark1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-1) 45%, transparent);
}

.ThemeBorderColor-BaseDark2 {
  --theme-border-color: var(--color-base-dark-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseDark2 {
  --theme-border-color-top: var(--color-base-dark-2);
  --theme-border-color-right: var(--color-base-dark-2);
  --theme-border-color-bottom: var(--color-base-dark-2);
  --theme-border-color-left: var(--color-base-dark-2);
}

.ThemeBorderColor2-BaseDark2 {
  --theme-border-color-right: var(--color-base-dark-2);
  --theme-border-color-left: var(--color-base-dark-2);
}

.ThemeBorderColor3-BaseDark2 {
  --theme-border-color-bottom: var(--color-base-dark-2);
}

.ThemeBorderColor4-BaseDark2 {
  --theme-border-color-left: var(--color-base-dark-2);
}

.ThemeBorderColor-BaseDark2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
}

.ThemeBorderColor2-BaseDark2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
}

.ThemeBorderColor3-BaseDark2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
}

.ThemeBorderColor4-BaseDark2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 20%, transparent);
}

.ThemeBorderColor-BaseDark2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
}

.ThemeBorderColor2-BaseDark2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
}

.ThemeBorderColor3-BaseDark2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
}

.ThemeBorderColor4-BaseDark2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 25%, transparent);
}

.ThemeBorderColor-BaseDark2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
}

.ThemeBorderColor2-BaseDark2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
}

.ThemeBorderColor3-BaseDark2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
}

.ThemeBorderColor4-BaseDark2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 30%, transparent);
}

.ThemeBorderColor-BaseDark2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
}

.ThemeBorderColor2-BaseDark2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
}

.ThemeBorderColor3-BaseDark2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
}

.ThemeBorderColor4-BaseDark2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 35%, transparent);
}

.ThemeBorderColor-BaseDark2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
}

.ThemeBorderColor2-BaseDark2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
}

.ThemeBorderColor3-BaseDark2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
}

.ThemeBorderColor4-BaseDark2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 40%, transparent);
}

.ThemeBorderColor-BaseDark2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
}

.ThemeBorderColor2-BaseDark2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
}

.ThemeBorderColor3-BaseDark2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
}

.ThemeBorderColor4-BaseDark2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-2) 45%, transparent);
}

.ThemeBorderColor-BaseDark3 {
  --theme-border-color: var(--color-base-dark-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseDark3 {
  --theme-border-color-top: var(--color-base-dark-3);
  --theme-border-color-right: var(--color-base-dark-3);
  --theme-border-color-bottom: var(--color-base-dark-3);
  --theme-border-color-left: var(--color-base-dark-3);
}

.ThemeBorderColor2-BaseDark3 {
  --theme-border-color-right: var(--color-base-dark-3);
  --theme-border-color-left: var(--color-base-dark-3);
}

.ThemeBorderColor3-BaseDark3 {
  --theme-border-color-bottom: var(--color-base-dark-3);
}

.ThemeBorderColor4-BaseDark3 {
  --theme-border-color-left: var(--color-base-dark-3);
}

.ThemeBorderColor-BaseDark3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
}

.ThemeBorderColor2-BaseDark3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
}

.ThemeBorderColor3-BaseDark3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
}

.ThemeBorderColor4-BaseDark3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 20%, transparent);
}

.ThemeBorderColor-BaseDark3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
}

.ThemeBorderColor2-BaseDark3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
}

.ThemeBorderColor3-BaseDark3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
}

.ThemeBorderColor4-BaseDark3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 25%, transparent);
}

.ThemeBorderColor-BaseDark3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
}

.ThemeBorderColor2-BaseDark3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
}

.ThemeBorderColor3-BaseDark3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
}

.ThemeBorderColor4-BaseDark3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 30%, transparent);
}

.ThemeBorderColor-BaseDark3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
}

.ThemeBorderColor2-BaseDark3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
}

.ThemeBorderColor3-BaseDark3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
}

.ThemeBorderColor4-BaseDark3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 35%, transparent);
}

.ThemeBorderColor-BaseDark3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
}

.ThemeBorderColor2-BaseDark3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
}

.ThemeBorderColor3-BaseDark3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
}

.ThemeBorderColor4-BaseDark3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 40%, transparent);
}

.ThemeBorderColor-BaseDark3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
}

.ThemeBorderColor2-BaseDark3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
}

.ThemeBorderColor3-BaseDark3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
}

.ThemeBorderColor4-BaseDark3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-3) 45%, transparent);
}

.ThemeBorderColor-BaseDark4 {
  --theme-border-color: var(--color-base-dark-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseDark4 {
  --theme-border-color-top: var(--color-base-dark-4);
  --theme-border-color-right: var(--color-base-dark-4);
  --theme-border-color-bottom: var(--color-base-dark-4);
  --theme-border-color-left: var(--color-base-dark-4);
}

.ThemeBorderColor2-BaseDark4 {
  --theme-border-color-right: var(--color-base-dark-4);
  --theme-border-color-left: var(--color-base-dark-4);
}

.ThemeBorderColor3-BaseDark4 {
  --theme-border-color-bottom: var(--color-base-dark-4);
}

.ThemeBorderColor4-BaseDark4 {
  --theme-border-color-left: var(--color-base-dark-4);
}

.ThemeBorderColor-BaseDark4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
}

.ThemeBorderColor2-BaseDark4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
}

.ThemeBorderColor3-BaseDark4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
}

.ThemeBorderColor4-BaseDark4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 20%, transparent);
}

.ThemeBorderColor-BaseDark4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
}

.ThemeBorderColor2-BaseDark4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
}

.ThemeBorderColor3-BaseDark4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
}

.ThemeBorderColor4-BaseDark4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 25%, transparent);
}

.ThemeBorderColor-BaseDark4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
}

.ThemeBorderColor2-BaseDark4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
}

.ThemeBorderColor3-BaseDark4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
}

.ThemeBorderColor4-BaseDark4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 30%, transparent);
}

.ThemeBorderColor-BaseDark4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
}

.ThemeBorderColor2-BaseDark4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
}

.ThemeBorderColor3-BaseDark4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
}

.ThemeBorderColor4-BaseDark4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 35%, transparent);
}

.ThemeBorderColor-BaseDark4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
}

.ThemeBorderColor2-BaseDark4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
}

.ThemeBorderColor3-BaseDark4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
}

.ThemeBorderColor4-BaseDark4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 40%, transparent);
}

.ThemeBorderColor-BaseDark4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
}

.ThemeBorderColor2-BaseDark4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
}

.ThemeBorderColor3-BaseDark4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
}

.ThemeBorderColor4-BaseDark4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-4) 45%, transparent);
}

.ThemeBorderColor-BaseDark5 {
  --theme-border-color: var(--color-base-dark-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseDark5 {
  --theme-border-color-top: var(--color-base-dark-5);
  --theme-border-color-right: var(--color-base-dark-5);
  --theme-border-color-bottom: var(--color-base-dark-5);
  --theme-border-color-left: var(--color-base-dark-5);
}

.ThemeBorderColor2-BaseDark5 {
  --theme-border-color-right: var(--color-base-dark-5);
  --theme-border-color-left: var(--color-base-dark-5);
}

.ThemeBorderColor3-BaseDark5 {
  --theme-border-color-bottom: var(--color-base-dark-5);
}

.ThemeBorderColor4-BaseDark5 {
  --theme-border-color-left: var(--color-base-dark-5);
}

.ThemeBorderColor-BaseDark5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
}

.ThemeBorderColor2-BaseDark5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
}

.ThemeBorderColor3-BaseDark5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
}

.ThemeBorderColor4-BaseDark5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 20%, transparent);
}

.ThemeBorderColor-BaseDark5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
}

.ThemeBorderColor2-BaseDark5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
}

.ThemeBorderColor3-BaseDark5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
}

.ThemeBorderColor4-BaseDark5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 25%, transparent);
}

.ThemeBorderColor-BaseDark5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
}

.ThemeBorderColor2-BaseDark5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
}

.ThemeBorderColor3-BaseDark5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
}

.ThemeBorderColor4-BaseDark5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 30%, transparent);
}

.ThemeBorderColor-BaseDark5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
}

.ThemeBorderColor2-BaseDark5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
}

.ThemeBorderColor3-BaseDark5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
}

.ThemeBorderColor4-BaseDark5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 35%, transparent);
}

.ThemeBorderColor-BaseDark5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
}

.ThemeBorderColor2-BaseDark5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
}

.ThemeBorderColor3-BaseDark5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
}

.ThemeBorderColor4-BaseDark5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 40%, transparent);
}

.ThemeBorderColor-BaseDark5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
}

.ThemeBorderColor2-BaseDark5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
}

.ThemeBorderColor3-BaseDark5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
}

.ThemeBorderColor4-BaseDark5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-5) 45%, transparent);
}

.ThemeBorderColor-BaseDark6 {
  --theme-border-color: var(--color-base-dark-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-BaseDark6 {
  --theme-border-color-top: var(--color-base-dark-6);
  --theme-border-color-right: var(--color-base-dark-6);
  --theme-border-color-bottom: var(--color-base-dark-6);
  --theme-border-color-left: var(--color-base-dark-6);
}

.ThemeBorderColor2-BaseDark6 {
  --theme-border-color-right: var(--color-base-dark-6);
  --theme-border-color-left: var(--color-base-dark-6);
}

.ThemeBorderColor3-BaseDark6 {
  --theme-border-color-bottom: var(--color-base-dark-6);
}

.ThemeBorderColor4-BaseDark6 {
  --theme-border-color-left: var(--color-base-dark-6);
}

.ThemeBorderColor-BaseDark6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
}

.ThemeBorderColor2-BaseDark6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
}

.ThemeBorderColor3-BaseDark6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
}

.ThemeBorderColor4-BaseDark6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 20%, transparent);
}

.ThemeBorderColor-BaseDark6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
}

.ThemeBorderColor2-BaseDark6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
}

.ThemeBorderColor3-BaseDark6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
}

.ThemeBorderColor4-BaseDark6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 25%, transparent);
}

.ThemeBorderColor-BaseDark6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
}

.ThemeBorderColor2-BaseDark6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
}

.ThemeBorderColor3-BaseDark6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
}

.ThemeBorderColor4-BaseDark6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 30%, transparent);
}

.ThemeBorderColor-BaseDark6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
}

.ThemeBorderColor2-BaseDark6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
}

.ThemeBorderColor3-BaseDark6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
}

.ThemeBorderColor4-BaseDark6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 35%, transparent);
}

.ThemeBorderColor-BaseDark6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
}

.ThemeBorderColor2-BaseDark6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
}

.ThemeBorderColor3-BaseDark6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
}

.ThemeBorderColor4-BaseDark6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 40%, transparent);
}

.ThemeBorderColor-BaseDark6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-BaseDark6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
}

.ThemeBorderColor2-BaseDark6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
}

.ThemeBorderColor3-BaseDark6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
}

.ThemeBorderColor4-BaseDark6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-dark-6) 45%, transparent);
}

.ThemeBorderColor-Reversed1 {
  --theme-border-color: var(--color-base-reversed-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Reversed1 {
  --theme-border-color-top: var(--color-base-reversed-1);
  --theme-border-color-right: var(--color-base-reversed-1);
  --theme-border-color-bottom: var(--color-base-reversed-1);
  --theme-border-color-left: var(--color-base-reversed-1);
}

.ThemeBorderColor2-Reversed1 {
  --theme-border-color-right: var(--color-base-reversed-1);
  --theme-border-color-left: var(--color-base-reversed-1);
}

.ThemeBorderColor3-Reversed1 {
  --theme-border-color-bottom: var(--color-base-reversed-1);
}

.ThemeBorderColor4-Reversed1 {
  --theme-border-color-left: var(--color-base-reversed-1);
}

.ThemeBorderColor-Reversed1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
}

.ThemeBorderColor2-Reversed1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
}

.ThemeBorderColor3-Reversed1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
}

.ThemeBorderColor4-Reversed1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 20%, transparent);
}

.ThemeBorderColor-Reversed1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
}

.ThemeBorderColor2-Reversed1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
}

.ThemeBorderColor3-Reversed1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
}

.ThemeBorderColor4-Reversed1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 25%, transparent);
}

.ThemeBorderColor-Reversed1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
}

.ThemeBorderColor2-Reversed1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
}

.ThemeBorderColor3-Reversed1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
}

.ThemeBorderColor4-Reversed1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 30%, transparent);
}

.ThemeBorderColor-Reversed1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
}

.ThemeBorderColor2-Reversed1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
}

.ThemeBorderColor3-Reversed1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
}

.ThemeBorderColor4-Reversed1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 35%, transparent);
}

.ThemeBorderColor-Reversed1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
}

.ThemeBorderColor2-Reversed1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
}

.ThemeBorderColor3-Reversed1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
}

.ThemeBorderColor4-Reversed1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 40%, transparent);
}

.ThemeBorderColor-Reversed1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
}

.ThemeBorderColor2-Reversed1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
}

.ThemeBorderColor3-Reversed1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
}

.ThemeBorderColor4-Reversed1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-1) 45%, transparent);
}

.ThemeBorderColor-Reversed2 {
  --theme-border-color: var(--color-base-reversed-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Reversed2 {
  --theme-border-color-top: var(--color-base-reversed-2);
  --theme-border-color-right: var(--color-base-reversed-2);
  --theme-border-color-bottom: var(--color-base-reversed-2);
  --theme-border-color-left: var(--color-base-reversed-2);
}

.ThemeBorderColor2-Reversed2 {
  --theme-border-color-right: var(--color-base-reversed-2);
  --theme-border-color-left: var(--color-base-reversed-2);
}

.ThemeBorderColor3-Reversed2 {
  --theme-border-color-bottom: var(--color-base-reversed-2);
}

.ThemeBorderColor4-Reversed2 {
  --theme-border-color-left: var(--color-base-reversed-2);
}

.ThemeBorderColor-Reversed2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
}

.ThemeBorderColor2-Reversed2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
}

.ThemeBorderColor3-Reversed2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
}

.ThemeBorderColor4-Reversed2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 20%, transparent);
}

.ThemeBorderColor-Reversed2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
}

.ThemeBorderColor2-Reversed2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
}

.ThemeBorderColor3-Reversed2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
}

.ThemeBorderColor4-Reversed2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 25%, transparent);
}

.ThemeBorderColor-Reversed2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
}

.ThemeBorderColor2-Reversed2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
}

.ThemeBorderColor3-Reversed2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
}

.ThemeBorderColor4-Reversed2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 30%, transparent);
}

.ThemeBorderColor-Reversed2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
}

.ThemeBorderColor2-Reversed2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
}

.ThemeBorderColor3-Reversed2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
}

.ThemeBorderColor4-Reversed2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 35%, transparent);
}

.ThemeBorderColor-Reversed2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
}

.ThemeBorderColor2-Reversed2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
}

.ThemeBorderColor3-Reversed2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
}

.ThemeBorderColor4-Reversed2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 40%, transparent);
}

.ThemeBorderColor-Reversed2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
}

.ThemeBorderColor2-Reversed2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
}

.ThemeBorderColor3-Reversed2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
}

.ThemeBorderColor4-Reversed2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-2) 45%, transparent);
}

.ThemeBorderColor-Reversed3 {
  --theme-border-color: var(--color-base-reversed-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Reversed3 {
  --theme-border-color-top: var(--color-base-reversed-3);
  --theme-border-color-right: var(--color-base-reversed-3);
  --theme-border-color-bottom: var(--color-base-reversed-3);
  --theme-border-color-left: var(--color-base-reversed-3);
}

.ThemeBorderColor2-Reversed3 {
  --theme-border-color-right: var(--color-base-reversed-3);
  --theme-border-color-left: var(--color-base-reversed-3);
}

.ThemeBorderColor3-Reversed3 {
  --theme-border-color-bottom: var(--color-base-reversed-3);
}

.ThemeBorderColor4-Reversed3 {
  --theme-border-color-left: var(--color-base-reversed-3);
}

.ThemeBorderColor-Reversed3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
}

.ThemeBorderColor2-Reversed3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
}

.ThemeBorderColor3-Reversed3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
}

.ThemeBorderColor4-Reversed3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 20%, transparent);
}

.ThemeBorderColor-Reversed3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
}

.ThemeBorderColor2-Reversed3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
}

.ThemeBorderColor3-Reversed3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
}

.ThemeBorderColor4-Reversed3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 25%, transparent);
}

.ThemeBorderColor-Reversed3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
}

.ThemeBorderColor2-Reversed3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
}

.ThemeBorderColor3-Reversed3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
}

.ThemeBorderColor4-Reversed3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 30%, transparent);
}

.ThemeBorderColor-Reversed3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
}

.ThemeBorderColor2-Reversed3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
}

.ThemeBorderColor3-Reversed3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
}

.ThemeBorderColor4-Reversed3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 35%, transparent);
}

.ThemeBorderColor-Reversed3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
}

.ThemeBorderColor2-Reversed3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
}

.ThemeBorderColor3-Reversed3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
}

.ThemeBorderColor4-Reversed3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 40%, transparent);
}

.ThemeBorderColor-Reversed3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
}

.ThemeBorderColor2-Reversed3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
}

.ThemeBorderColor3-Reversed3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
}

.ThemeBorderColor4-Reversed3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-3) 45%, transparent);
}

.ThemeBorderColor-Reversed4 {
  --theme-border-color: var(--color-base-reversed-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Reversed4 {
  --theme-border-color-top: var(--color-base-reversed-4);
  --theme-border-color-right: var(--color-base-reversed-4);
  --theme-border-color-bottom: var(--color-base-reversed-4);
  --theme-border-color-left: var(--color-base-reversed-4);
}

.ThemeBorderColor2-Reversed4 {
  --theme-border-color-right: var(--color-base-reversed-4);
  --theme-border-color-left: var(--color-base-reversed-4);
}

.ThemeBorderColor3-Reversed4 {
  --theme-border-color-bottom: var(--color-base-reversed-4);
}

.ThemeBorderColor4-Reversed4 {
  --theme-border-color-left: var(--color-base-reversed-4);
}

.ThemeBorderColor-Reversed4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
}

.ThemeBorderColor2-Reversed4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
}

.ThemeBorderColor3-Reversed4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
}

.ThemeBorderColor4-Reversed4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 20%, transparent);
}

.ThemeBorderColor-Reversed4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
}

.ThemeBorderColor2-Reversed4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
}

.ThemeBorderColor3-Reversed4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
}

.ThemeBorderColor4-Reversed4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 25%, transparent);
}

.ThemeBorderColor-Reversed4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
}

.ThemeBorderColor2-Reversed4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
}

.ThemeBorderColor3-Reversed4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
}

.ThemeBorderColor4-Reversed4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 30%, transparent);
}

.ThemeBorderColor-Reversed4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
}

.ThemeBorderColor2-Reversed4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
}

.ThemeBorderColor3-Reversed4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
}

.ThemeBorderColor4-Reversed4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 35%, transparent);
}

.ThemeBorderColor-Reversed4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
}

.ThemeBorderColor2-Reversed4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
}

.ThemeBorderColor3-Reversed4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
}

.ThemeBorderColor4-Reversed4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 40%, transparent);
}

.ThemeBorderColor-Reversed4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
}

.ThemeBorderColor2-Reversed4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
}

.ThemeBorderColor3-Reversed4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
}

.ThemeBorderColor4-Reversed4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-4) 45%, transparent);
}

.ThemeBorderColor-Reversed5 {
  --theme-border-color: var(--color-base-reversed-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Reversed5 {
  --theme-border-color-top: var(--color-base-reversed-5);
  --theme-border-color-right: var(--color-base-reversed-5);
  --theme-border-color-bottom: var(--color-base-reversed-5);
  --theme-border-color-left: var(--color-base-reversed-5);
}

.ThemeBorderColor2-Reversed5 {
  --theme-border-color-right: var(--color-base-reversed-5);
  --theme-border-color-left: var(--color-base-reversed-5);
}

.ThemeBorderColor3-Reversed5 {
  --theme-border-color-bottom: var(--color-base-reversed-5);
}

.ThemeBorderColor4-Reversed5 {
  --theme-border-color-left: var(--color-base-reversed-5);
}

.ThemeBorderColor-Reversed5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
}

.ThemeBorderColor2-Reversed5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
}

.ThemeBorderColor3-Reversed5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
}

.ThemeBorderColor4-Reversed5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 20%, transparent);
}

.ThemeBorderColor-Reversed5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
}

.ThemeBorderColor2-Reversed5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
}

.ThemeBorderColor3-Reversed5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
}

.ThemeBorderColor4-Reversed5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 25%, transparent);
}

.ThemeBorderColor-Reversed5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
}

.ThemeBorderColor2-Reversed5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
}

.ThemeBorderColor3-Reversed5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
}

.ThemeBorderColor4-Reversed5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 30%, transparent);
}

.ThemeBorderColor-Reversed5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
}

.ThemeBorderColor2-Reversed5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
}

.ThemeBorderColor3-Reversed5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
}

.ThemeBorderColor4-Reversed5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 35%, transparent);
}

.ThemeBorderColor-Reversed5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
}

.ThemeBorderColor2-Reversed5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
}

.ThemeBorderColor3-Reversed5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
}

.ThemeBorderColor4-Reversed5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 40%, transparent);
}

.ThemeBorderColor-Reversed5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
}

.ThemeBorderColor2-Reversed5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
}

.ThemeBorderColor3-Reversed5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
}

.ThemeBorderColor4-Reversed5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-5) 45%, transparent);
}

.ThemeBorderColor-Reversed6 {
  --theme-border-color: var(--color-base-reversed-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Reversed6 {
  --theme-border-color-top: var(--color-base-reversed-6);
  --theme-border-color-right: var(--color-base-reversed-6);
  --theme-border-color-bottom: var(--color-base-reversed-6);
  --theme-border-color-left: var(--color-base-reversed-6);
}

.ThemeBorderColor2-Reversed6 {
  --theme-border-color-right: var(--color-base-reversed-6);
  --theme-border-color-left: var(--color-base-reversed-6);
}

.ThemeBorderColor3-Reversed6 {
  --theme-border-color-bottom: var(--color-base-reversed-6);
}

.ThemeBorderColor4-Reversed6 {
  --theme-border-color-left: var(--color-base-reversed-6);
}

.ThemeBorderColor-Reversed6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
}

.ThemeBorderColor2-Reversed6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
}

.ThemeBorderColor3-Reversed6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
}

.ThemeBorderColor4-Reversed6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 20%, transparent);
}

.ThemeBorderColor-Reversed6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
}

.ThemeBorderColor2-Reversed6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
}

.ThemeBorderColor3-Reversed6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
}

.ThemeBorderColor4-Reversed6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 25%, transparent);
}

.ThemeBorderColor-Reversed6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
}

.ThemeBorderColor2-Reversed6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
}

.ThemeBorderColor3-Reversed6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
}

.ThemeBorderColor4-Reversed6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 30%, transparent);
}

.ThemeBorderColor-Reversed6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
}

.ThemeBorderColor2-Reversed6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
}

.ThemeBorderColor3-Reversed6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
}

.ThemeBorderColor4-Reversed6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 35%, transparent);
}

.ThemeBorderColor-Reversed6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
}

.ThemeBorderColor2-Reversed6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
}

.ThemeBorderColor3-Reversed6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
}

.ThemeBorderColor4-Reversed6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 40%, transparent);
}

.ThemeBorderColor-Reversed6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
  --theme-border-ring-image: var(--glass-edge-gradient);
}

.ThemeBorderColor1-Reversed6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
}

.ThemeBorderColor2-Reversed6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
}

.ThemeBorderColor3-Reversed6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
}

.ThemeBorderColor4-Reversed6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-base-reversed-6) 45%, transparent);
}

.ThemeBorderColor-Theme1 {
  --theme-border-color: var(--color-theme-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1 {
  --theme-border-color-top: var(--color-theme-1);
  --theme-border-color-right: var(--color-theme-1);
  --theme-border-color-bottom: var(--color-theme-1);
  --theme-border-color-left: var(--color-theme-1);
}

.ThemeBorderColor2-Theme1 {
  --theme-border-color-right: var(--color-theme-1);
  --theme-border-color-left: var(--color-theme-1);
}

.ThemeBorderColor3-Theme1 {
  --theme-border-color-bottom: var(--color-theme-1);
}

.ThemeBorderColor4-Theme1 {
  --theme-border-color-left: var(--color-theme-1);
}

.ThemeBorderColor-Theme1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
}

.ThemeBorderColor2-Theme1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
}

.ThemeBorderColor3-Theme1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
}

.ThemeBorderColor4-Theme1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 20%, transparent);
}

.ThemeBorderColor-Theme1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
}

.ThemeBorderColor2-Theme1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
}

.ThemeBorderColor3-Theme1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
}

.ThemeBorderColor4-Theme1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 25%, transparent);
}

.ThemeBorderColor-Theme1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
}

.ThemeBorderColor2-Theme1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
}

.ThemeBorderColor3-Theme1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
}

.ThemeBorderColor4-Theme1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 30%, transparent);
}

.ThemeBorderColor-Theme1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
}

.ThemeBorderColor2-Theme1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
}

.ThemeBorderColor3-Theme1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
}

.ThemeBorderColor4-Theme1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 35%, transparent);
}

.ThemeBorderColor-Theme1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
}

.ThemeBorderColor2-Theme1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
}

.ThemeBorderColor3-Theme1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
}

.ThemeBorderColor4-Theme1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 40%, transparent);
}

.ThemeBorderColor-Theme1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
}

.ThemeBorderColor2-Theme1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
}

.ThemeBorderColor3-Theme1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
}

.ThemeBorderColor4-Theme1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-1) 45%, transparent);
}

.ThemeBorderColor-Theme2 {
  --theme-border-color: var(--color-theme-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2 {
  --theme-border-color-top: var(--color-theme-2);
  --theme-border-color-right: var(--color-theme-2);
  --theme-border-color-bottom: var(--color-theme-2);
  --theme-border-color-left: var(--color-theme-2);
}

.ThemeBorderColor2-Theme2 {
  --theme-border-color-right: var(--color-theme-2);
  --theme-border-color-left: var(--color-theme-2);
}

.ThemeBorderColor3-Theme2 {
  --theme-border-color-bottom: var(--color-theme-2);
}

.ThemeBorderColor4-Theme2 {
  --theme-border-color-left: var(--color-theme-2);
}

.ThemeBorderColor-Theme2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
}

.ThemeBorderColor2-Theme2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
}

.ThemeBorderColor3-Theme2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
}

.ThemeBorderColor4-Theme2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 20%, transparent);
}

.ThemeBorderColor-Theme2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
}

.ThemeBorderColor2-Theme2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
}

.ThemeBorderColor3-Theme2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
}

.ThemeBorderColor4-Theme2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 25%, transparent);
}

.ThemeBorderColor-Theme2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
}

.ThemeBorderColor2-Theme2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
}

.ThemeBorderColor3-Theme2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
}

.ThemeBorderColor4-Theme2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 30%, transparent);
}

.ThemeBorderColor-Theme2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
}

.ThemeBorderColor2-Theme2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
}

.ThemeBorderColor3-Theme2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
}

.ThemeBorderColor4-Theme2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 35%, transparent);
}

.ThemeBorderColor-Theme2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
}

.ThemeBorderColor2-Theme2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
}

.ThemeBorderColor3-Theme2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
}

.ThemeBorderColor4-Theme2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 40%, transparent);
}

.ThemeBorderColor-Theme2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
}

.ThemeBorderColor2-Theme2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
}

.ThemeBorderColor3-Theme2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
}

.ThemeBorderColor4-Theme2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-2) 45%, transparent);
}

.ThemeBorderColor-Theme3 {
  --theme-border-color: var(--color-theme-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3 {
  --theme-border-color-top: var(--color-theme-3);
  --theme-border-color-right: var(--color-theme-3);
  --theme-border-color-bottom: var(--color-theme-3);
  --theme-border-color-left: var(--color-theme-3);
}

.ThemeBorderColor2-Theme3 {
  --theme-border-color-right: var(--color-theme-3);
  --theme-border-color-left: var(--color-theme-3);
}

.ThemeBorderColor3-Theme3 {
  --theme-border-color-bottom: var(--color-theme-3);
}

.ThemeBorderColor4-Theme3 {
  --theme-border-color-left: var(--color-theme-3);
}

.ThemeBorderColor-Theme3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
}

.ThemeBorderColor2-Theme3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
}

.ThemeBorderColor3-Theme3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
}

.ThemeBorderColor4-Theme3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 20%, transparent);
}

.ThemeBorderColor-Theme3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
}

.ThemeBorderColor2-Theme3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
}

.ThemeBorderColor3-Theme3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
}

.ThemeBorderColor4-Theme3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 25%, transparent);
}

.ThemeBorderColor-Theme3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
}

.ThemeBorderColor2-Theme3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
}

.ThemeBorderColor3-Theme3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
}

.ThemeBorderColor4-Theme3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 30%, transparent);
}

.ThemeBorderColor-Theme3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
}

.ThemeBorderColor2-Theme3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
}

.ThemeBorderColor3-Theme3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
}

.ThemeBorderColor4-Theme3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 35%, transparent);
}

.ThemeBorderColor-Theme3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
}

.ThemeBorderColor2-Theme3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
}

.ThemeBorderColor3-Theme3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
}

.ThemeBorderColor4-Theme3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 40%, transparent);
}

.ThemeBorderColor-Theme3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
}

.ThemeBorderColor2-Theme3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
}

.ThemeBorderColor3-Theme3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
}

.ThemeBorderColor4-Theme3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-3) 45%, transparent);
}

.ThemeBorderColor-Theme4 {
  --theme-border-color: var(--color-theme-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4 {
  --theme-border-color-top: var(--color-theme-4);
  --theme-border-color-right: var(--color-theme-4);
  --theme-border-color-bottom: var(--color-theme-4);
  --theme-border-color-left: var(--color-theme-4);
}

.ThemeBorderColor2-Theme4 {
  --theme-border-color-right: var(--color-theme-4);
  --theme-border-color-left: var(--color-theme-4);
}

.ThemeBorderColor3-Theme4 {
  --theme-border-color-bottom: var(--color-theme-4);
}

.ThemeBorderColor4-Theme4 {
  --theme-border-color-left: var(--color-theme-4);
}

.ThemeBorderColor-Theme4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
}

.ThemeBorderColor2-Theme4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
}

.ThemeBorderColor3-Theme4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
}

.ThemeBorderColor4-Theme4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 20%, transparent);
}

.ThemeBorderColor-Theme4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
}

.ThemeBorderColor2-Theme4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
}

.ThemeBorderColor3-Theme4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
}

.ThemeBorderColor4-Theme4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 25%, transparent);
}

.ThemeBorderColor-Theme4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
}

.ThemeBorderColor2-Theme4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
}

.ThemeBorderColor3-Theme4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
}

.ThemeBorderColor4-Theme4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 30%, transparent);
}

.ThemeBorderColor-Theme4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
}

.ThemeBorderColor2-Theme4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
}

.ThemeBorderColor3-Theme4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
}

.ThemeBorderColor4-Theme4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 35%, transparent);
}

.ThemeBorderColor-Theme4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
}

.ThemeBorderColor2-Theme4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
}

.ThemeBorderColor3-Theme4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
}

.ThemeBorderColor4-Theme4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 40%, transparent);
}

.ThemeBorderColor-Theme4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
}

.ThemeBorderColor2-Theme4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
}

.ThemeBorderColor3-Theme4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
}

.ThemeBorderColor4-Theme4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-4) 45%, transparent);
}

.ThemeBorderColor-Theme5 {
  --theme-border-color: var(--color-theme-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5 {
  --theme-border-color-top: var(--color-theme-5);
  --theme-border-color-right: var(--color-theme-5);
  --theme-border-color-bottom: var(--color-theme-5);
  --theme-border-color-left: var(--color-theme-5);
}

.ThemeBorderColor2-Theme5 {
  --theme-border-color-right: var(--color-theme-5);
  --theme-border-color-left: var(--color-theme-5);
}

.ThemeBorderColor3-Theme5 {
  --theme-border-color-bottom: var(--color-theme-5);
}

.ThemeBorderColor4-Theme5 {
  --theme-border-color-left: var(--color-theme-5);
}

.ThemeBorderColor-Theme5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
}

.ThemeBorderColor2-Theme5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
}

.ThemeBorderColor3-Theme5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
}

.ThemeBorderColor4-Theme5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 20%, transparent);
}

.ThemeBorderColor-Theme5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
}

.ThemeBorderColor2-Theme5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
}

.ThemeBorderColor3-Theme5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
}

.ThemeBorderColor4-Theme5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 25%, transparent);
}

.ThemeBorderColor-Theme5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
}

.ThemeBorderColor2-Theme5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
}

.ThemeBorderColor3-Theme5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
}

.ThemeBorderColor4-Theme5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 30%, transparent);
}

.ThemeBorderColor-Theme5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
}

.ThemeBorderColor2-Theme5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
}

.ThemeBorderColor3-Theme5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
}

.ThemeBorderColor4-Theme5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 35%, transparent);
}

.ThemeBorderColor-Theme5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
}

.ThemeBorderColor2-Theme5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
}

.ThemeBorderColor3-Theme5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
}

.ThemeBorderColor4-Theme5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 40%, transparent);
}

.ThemeBorderColor-Theme5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
}

.ThemeBorderColor2-Theme5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
}

.ThemeBorderColor3-Theme5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
}

.ThemeBorderColor4-Theme5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-5) 45%, transparent);
}

.ThemeBorderColor-Theme6 {
  --theme-border-color: var(--color-theme-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6 {
  --theme-border-color-top: var(--color-theme-6);
  --theme-border-color-right: var(--color-theme-6);
  --theme-border-color-bottom: var(--color-theme-6);
  --theme-border-color-left: var(--color-theme-6);
}

.ThemeBorderColor2-Theme6 {
  --theme-border-color-right: var(--color-theme-6);
  --theme-border-color-left: var(--color-theme-6);
}

.ThemeBorderColor3-Theme6 {
  --theme-border-color-bottom: var(--color-theme-6);
}

.ThemeBorderColor4-Theme6 {
  --theme-border-color-left: var(--color-theme-6);
}

.ThemeBorderColor-Theme6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
}

.ThemeBorderColor2-Theme6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
}

.ThemeBorderColor3-Theme6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
}

.ThemeBorderColor4-Theme6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 20%, transparent);
}

.ThemeBorderColor-Theme6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
}

.ThemeBorderColor2-Theme6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
}

.ThemeBorderColor3-Theme6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
}

.ThemeBorderColor4-Theme6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 25%, transparent);
}

.ThemeBorderColor-Theme6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
}

.ThemeBorderColor2-Theme6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
}

.ThemeBorderColor3-Theme6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
}

.ThemeBorderColor4-Theme6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 30%, transparent);
}

.ThemeBorderColor-Theme6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
}

.ThemeBorderColor2-Theme6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
}

.ThemeBorderColor3-Theme6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
}

.ThemeBorderColor4-Theme6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 35%, transparent);
}

.ThemeBorderColor-Theme6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
}

.ThemeBorderColor2-Theme6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
}

.ThemeBorderColor3-Theme6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
}

.ThemeBorderColor4-Theme6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 40%, transparent);
}

.ThemeBorderColor-Theme6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Theme6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
}

.ThemeBorderColor2-Theme6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
}

.ThemeBorderColor3-Theme6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
}

.ThemeBorderColor4-Theme6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-theme-6) 45%, transparent);
}

.ThemeBorderColor-Pink1 {
  --theme-border-color: var(--color-pink-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1 {
  --theme-border-color-top: var(--color-pink-1);
  --theme-border-color-right: var(--color-pink-1);
  --theme-border-color-bottom: var(--color-pink-1);
  --theme-border-color-left: var(--color-pink-1);
}

.ThemeBorderColor2-Pink1 {
  --theme-border-color-right: var(--color-pink-1);
  --theme-border-color-left: var(--color-pink-1);
}

.ThemeBorderColor3-Pink1 {
  --theme-border-color-bottom: var(--color-pink-1);
}

.ThemeBorderColor4-Pink1 {
  --theme-border-color-left: var(--color-pink-1);
}

.ThemeBorderColor-Pink1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
}

.ThemeBorderColor2-Pink1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
}

.ThemeBorderColor3-Pink1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
}

.ThemeBorderColor4-Pink1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 20%, transparent);
}

.ThemeBorderColor-Pink1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
}

.ThemeBorderColor2-Pink1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
}

.ThemeBorderColor3-Pink1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
}

.ThemeBorderColor4-Pink1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 25%, transparent);
}

.ThemeBorderColor-Pink1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
}

.ThemeBorderColor2-Pink1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
}

.ThemeBorderColor3-Pink1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
}

.ThemeBorderColor4-Pink1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 30%, transparent);
}

.ThemeBorderColor-Pink1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
}

.ThemeBorderColor2-Pink1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
}

.ThemeBorderColor3-Pink1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
}

.ThemeBorderColor4-Pink1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 35%, transparent);
}

.ThemeBorderColor-Pink1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
}

.ThemeBorderColor2-Pink1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
}

.ThemeBorderColor3-Pink1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
}

.ThemeBorderColor4-Pink1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 40%, transparent);
}

.ThemeBorderColor-Pink1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
}

.ThemeBorderColor2-Pink1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
}

.ThemeBorderColor3-Pink1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
}

.ThemeBorderColor4-Pink1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-1) 45%, transparent);
}

.ThemeBorderColor-Pink2 {
  --theme-border-color: var(--color-pink-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2 {
  --theme-border-color-top: var(--color-pink-2);
  --theme-border-color-right: var(--color-pink-2);
  --theme-border-color-bottom: var(--color-pink-2);
  --theme-border-color-left: var(--color-pink-2);
}

.ThemeBorderColor2-Pink2 {
  --theme-border-color-right: var(--color-pink-2);
  --theme-border-color-left: var(--color-pink-2);
}

.ThemeBorderColor3-Pink2 {
  --theme-border-color-bottom: var(--color-pink-2);
}

.ThemeBorderColor4-Pink2 {
  --theme-border-color-left: var(--color-pink-2);
}

.ThemeBorderColor-Pink2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
}

.ThemeBorderColor2-Pink2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
}

.ThemeBorderColor3-Pink2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
}

.ThemeBorderColor4-Pink2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 20%, transparent);
}

.ThemeBorderColor-Pink2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
}

.ThemeBorderColor2-Pink2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
}

.ThemeBorderColor3-Pink2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
}

.ThemeBorderColor4-Pink2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 25%, transparent);
}

.ThemeBorderColor-Pink2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
}

.ThemeBorderColor2-Pink2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
}

.ThemeBorderColor3-Pink2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
}

.ThemeBorderColor4-Pink2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 30%, transparent);
}

.ThemeBorderColor-Pink2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
}

.ThemeBorderColor2-Pink2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
}

.ThemeBorderColor3-Pink2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
}

.ThemeBorderColor4-Pink2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 35%, transparent);
}

.ThemeBorderColor-Pink2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
}

.ThemeBorderColor2-Pink2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
}

.ThemeBorderColor3-Pink2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
}

.ThemeBorderColor4-Pink2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 40%, transparent);
}

.ThemeBorderColor-Pink2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
}

.ThemeBorderColor2-Pink2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
}

.ThemeBorderColor3-Pink2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
}

.ThemeBorderColor4-Pink2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-2) 45%, transparent);
}

.ThemeBorderColor-Pink3 {
  --theme-border-color: var(--color-pink-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3 {
  --theme-border-color-top: var(--color-pink-3);
  --theme-border-color-right: var(--color-pink-3);
  --theme-border-color-bottom: var(--color-pink-3);
  --theme-border-color-left: var(--color-pink-3);
}

.ThemeBorderColor2-Pink3 {
  --theme-border-color-right: var(--color-pink-3);
  --theme-border-color-left: var(--color-pink-3);
}

.ThemeBorderColor3-Pink3 {
  --theme-border-color-bottom: var(--color-pink-3);
}

.ThemeBorderColor4-Pink3 {
  --theme-border-color-left: var(--color-pink-3);
}

.ThemeBorderColor-Pink3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
}

.ThemeBorderColor2-Pink3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
}

.ThemeBorderColor3-Pink3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
}

.ThemeBorderColor4-Pink3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 20%, transparent);
}

.ThemeBorderColor-Pink3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
}

.ThemeBorderColor2-Pink3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
}

.ThemeBorderColor3-Pink3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
}

.ThemeBorderColor4-Pink3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 25%, transparent);
}

.ThemeBorderColor-Pink3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
}

.ThemeBorderColor2-Pink3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
}

.ThemeBorderColor3-Pink3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
}

.ThemeBorderColor4-Pink3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 30%, transparent);
}

.ThemeBorderColor-Pink3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
}

.ThemeBorderColor2-Pink3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
}

.ThemeBorderColor3-Pink3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
}

.ThemeBorderColor4-Pink3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 35%, transparent);
}

.ThemeBorderColor-Pink3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
}

.ThemeBorderColor2-Pink3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
}

.ThemeBorderColor3-Pink3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
}

.ThemeBorderColor4-Pink3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 40%, transparent);
}

.ThemeBorderColor-Pink3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
}

.ThemeBorderColor2-Pink3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
}

.ThemeBorderColor3-Pink3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
}

.ThemeBorderColor4-Pink3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-3) 45%, transparent);
}

.ThemeBorderColor-Pink4 {
  --theme-border-color: var(--color-pink-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4 {
  --theme-border-color-top: var(--color-pink-4);
  --theme-border-color-right: var(--color-pink-4);
  --theme-border-color-bottom: var(--color-pink-4);
  --theme-border-color-left: var(--color-pink-4);
}

.ThemeBorderColor2-Pink4 {
  --theme-border-color-right: var(--color-pink-4);
  --theme-border-color-left: var(--color-pink-4);
}

.ThemeBorderColor3-Pink4 {
  --theme-border-color-bottom: var(--color-pink-4);
}

.ThemeBorderColor4-Pink4 {
  --theme-border-color-left: var(--color-pink-4);
}

.ThemeBorderColor-Pink4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
}

.ThemeBorderColor2-Pink4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
}

.ThemeBorderColor3-Pink4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
}

.ThemeBorderColor4-Pink4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 20%, transparent);
}

.ThemeBorderColor-Pink4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
}

.ThemeBorderColor2-Pink4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
}

.ThemeBorderColor3-Pink4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
}

.ThemeBorderColor4-Pink4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 25%, transparent);
}

.ThemeBorderColor-Pink4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
}

.ThemeBorderColor2-Pink4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
}

.ThemeBorderColor3-Pink4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
}

.ThemeBorderColor4-Pink4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 30%, transparent);
}

.ThemeBorderColor-Pink4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
}

.ThemeBorderColor2-Pink4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
}

.ThemeBorderColor3-Pink4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
}

.ThemeBorderColor4-Pink4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 35%, transparent);
}

.ThemeBorderColor-Pink4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
}

.ThemeBorderColor2-Pink4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
}

.ThemeBorderColor3-Pink4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
}

.ThemeBorderColor4-Pink4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 40%, transparent);
}

.ThemeBorderColor-Pink4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
}

.ThemeBorderColor2-Pink4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
}

.ThemeBorderColor3-Pink4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
}

.ThemeBorderColor4-Pink4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-4) 45%, transparent);
}

.ThemeBorderColor-Pink5 {
  --theme-border-color: var(--color-pink-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5 {
  --theme-border-color-top: var(--color-pink-5);
  --theme-border-color-right: var(--color-pink-5);
  --theme-border-color-bottom: var(--color-pink-5);
  --theme-border-color-left: var(--color-pink-5);
}

.ThemeBorderColor2-Pink5 {
  --theme-border-color-right: var(--color-pink-5);
  --theme-border-color-left: var(--color-pink-5);
}

.ThemeBorderColor3-Pink5 {
  --theme-border-color-bottom: var(--color-pink-5);
}

.ThemeBorderColor4-Pink5 {
  --theme-border-color-left: var(--color-pink-5);
}

.ThemeBorderColor-Pink5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
}

.ThemeBorderColor2-Pink5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
}

.ThemeBorderColor3-Pink5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
}

.ThemeBorderColor4-Pink5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 20%, transparent);
}

.ThemeBorderColor-Pink5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
}

.ThemeBorderColor2-Pink5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
}

.ThemeBorderColor3-Pink5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
}

.ThemeBorderColor4-Pink5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 25%, transparent);
}

.ThemeBorderColor-Pink5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
}

.ThemeBorderColor2-Pink5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
}

.ThemeBorderColor3-Pink5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
}

.ThemeBorderColor4-Pink5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 30%, transparent);
}

.ThemeBorderColor-Pink5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
}

.ThemeBorderColor2-Pink5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
}

.ThemeBorderColor3-Pink5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
}

.ThemeBorderColor4-Pink5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 35%, transparent);
}

.ThemeBorderColor-Pink5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
}

.ThemeBorderColor2-Pink5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
}

.ThemeBorderColor3-Pink5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
}

.ThemeBorderColor4-Pink5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 40%, transparent);
}

.ThemeBorderColor-Pink5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
}

.ThemeBorderColor2-Pink5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
}

.ThemeBorderColor3-Pink5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
}

.ThemeBorderColor4-Pink5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-5) 45%, transparent);
}

.ThemeBorderColor-Pink6 {
  --theme-border-color: var(--color-pink-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6 {
  --theme-border-color-top: var(--color-pink-6);
  --theme-border-color-right: var(--color-pink-6);
  --theme-border-color-bottom: var(--color-pink-6);
  --theme-border-color-left: var(--color-pink-6);
}

.ThemeBorderColor2-Pink6 {
  --theme-border-color-right: var(--color-pink-6);
  --theme-border-color-left: var(--color-pink-6);
}

.ThemeBorderColor3-Pink6 {
  --theme-border-color-bottom: var(--color-pink-6);
}

.ThemeBorderColor4-Pink6 {
  --theme-border-color-left: var(--color-pink-6);
}

.ThemeBorderColor-Pink6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
}

.ThemeBorderColor2-Pink6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
}

.ThemeBorderColor3-Pink6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
}

.ThemeBorderColor4-Pink6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 20%, transparent);
}

.ThemeBorderColor-Pink6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
}

.ThemeBorderColor2-Pink6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
}

.ThemeBorderColor3-Pink6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
}

.ThemeBorderColor4-Pink6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 25%, transparent);
}

.ThemeBorderColor-Pink6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
}

.ThemeBorderColor2-Pink6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
}

.ThemeBorderColor3-Pink6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
}

.ThemeBorderColor4-Pink6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 30%, transparent);
}

.ThemeBorderColor-Pink6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
}

.ThemeBorderColor2-Pink6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
}

.ThemeBorderColor3-Pink6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
}

.ThemeBorderColor4-Pink6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 35%, transparent);
}

.ThemeBorderColor-Pink6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
}

.ThemeBorderColor2-Pink6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
}

.ThemeBorderColor3-Pink6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
}

.ThemeBorderColor4-Pink6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 40%, transparent);
}

.ThemeBorderColor-Pink6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Pink6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
}

.ThemeBorderColor2-Pink6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
}

.ThemeBorderColor3-Pink6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
}

.ThemeBorderColor4-Pink6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-pink-6) 45%, transparent);
}

.ThemeBorderColor-Red1 {
  --theme-border-color: var(--color-red-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1 {
  --theme-border-color-top: var(--color-red-1);
  --theme-border-color-right: var(--color-red-1);
  --theme-border-color-bottom: var(--color-red-1);
  --theme-border-color-left: var(--color-red-1);
}

.ThemeBorderColor2-Red1 {
  --theme-border-color-right: var(--color-red-1);
  --theme-border-color-left: var(--color-red-1);
}

.ThemeBorderColor3-Red1 {
  --theme-border-color-bottom: var(--color-red-1);
}

.ThemeBorderColor4-Red1 {
  --theme-border-color-left: var(--color-red-1);
}

.ThemeBorderColor-Red1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-red-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 20%, transparent);
}

.ThemeBorderColor2-Red1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 20%, transparent);
}

.ThemeBorderColor3-Red1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 20%, transparent);
}

.ThemeBorderColor4-Red1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 20%, transparent);
}

.ThemeBorderColor-Red1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-red-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 25%, transparent);
}

.ThemeBorderColor2-Red1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 25%, transparent);
}

.ThemeBorderColor3-Red1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 25%, transparent);
}

.ThemeBorderColor4-Red1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 25%, transparent);
}

.ThemeBorderColor-Red1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-red-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 30%, transparent);
}

.ThemeBorderColor2-Red1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 30%, transparent);
}

.ThemeBorderColor3-Red1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 30%, transparent);
}

.ThemeBorderColor4-Red1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 30%, transparent);
}

.ThemeBorderColor-Red1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-red-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 35%, transparent);
}

.ThemeBorderColor2-Red1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 35%, transparent);
}

.ThemeBorderColor3-Red1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 35%, transparent);
}

.ThemeBorderColor4-Red1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 35%, transparent);
}

.ThemeBorderColor-Red1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-red-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 40%, transparent);
}

.ThemeBorderColor2-Red1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 40%, transparent);
}

.ThemeBorderColor3-Red1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 40%, transparent);
}

.ThemeBorderColor4-Red1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 40%, transparent);
}

.ThemeBorderColor-Red1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-red-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 45%, transparent);
}

.ThemeBorderColor2-Red1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 45%, transparent);
}

.ThemeBorderColor3-Red1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-1) 45%, transparent);
}

.ThemeBorderColor4-Red1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-1) 45%, transparent);
}

.ThemeBorderColor-Red2 {
  --theme-border-color: var(--color-red-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2 {
  --theme-border-color-top: var(--color-red-2);
  --theme-border-color-right: var(--color-red-2);
  --theme-border-color-bottom: var(--color-red-2);
  --theme-border-color-left: var(--color-red-2);
}

.ThemeBorderColor2-Red2 {
  --theme-border-color-right: var(--color-red-2);
  --theme-border-color-left: var(--color-red-2);
}

.ThemeBorderColor3-Red2 {
  --theme-border-color-bottom: var(--color-red-2);
}

.ThemeBorderColor4-Red2 {
  --theme-border-color-left: var(--color-red-2);
}

.ThemeBorderColor-Red2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-red-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 20%, transparent);
}

.ThemeBorderColor2-Red2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 20%, transparent);
}

.ThemeBorderColor3-Red2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 20%, transparent);
}

.ThemeBorderColor4-Red2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 20%, transparent);
}

.ThemeBorderColor-Red2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-red-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 25%, transparent);
}

.ThemeBorderColor2-Red2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 25%, transparent);
}

.ThemeBorderColor3-Red2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 25%, transparent);
}

.ThemeBorderColor4-Red2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 25%, transparent);
}

.ThemeBorderColor-Red2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-red-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 30%, transparent);
}

.ThemeBorderColor2-Red2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 30%, transparent);
}

.ThemeBorderColor3-Red2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 30%, transparent);
}

.ThemeBorderColor4-Red2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 30%, transparent);
}

.ThemeBorderColor-Red2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-red-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 35%, transparent);
}

.ThemeBorderColor2-Red2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 35%, transparent);
}

.ThemeBorderColor3-Red2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 35%, transparent);
}

.ThemeBorderColor4-Red2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 35%, transparent);
}

.ThemeBorderColor-Red2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-red-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 40%, transparent);
}

.ThemeBorderColor2-Red2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 40%, transparent);
}

.ThemeBorderColor3-Red2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 40%, transparent);
}

.ThemeBorderColor4-Red2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 40%, transparent);
}

.ThemeBorderColor-Red2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-red-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 45%, transparent);
}

.ThemeBorderColor2-Red2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 45%, transparent);
}

.ThemeBorderColor3-Red2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-2) 45%, transparent);
}

.ThemeBorderColor4-Red2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-2) 45%, transparent);
}

.ThemeBorderColor-Red3 {
  --theme-border-color: var(--color-red-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3 {
  --theme-border-color-top: var(--color-red-3);
  --theme-border-color-right: var(--color-red-3);
  --theme-border-color-bottom: var(--color-red-3);
  --theme-border-color-left: var(--color-red-3);
}

.ThemeBorderColor2-Red3 {
  --theme-border-color-right: var(--color-red-3);
  --theme-border-color-left: var(--color-red-3);
}

.ThemeBorderColor3-Red3 {
  --theme-border-color-bottom: var(--color-red-3);
}

.ThemeBorderColor4-Red3 {
  --theme-border-color-left: var(--color-red-3);
}

.ThemeBorderColor-Red3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-red-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 20%, transparent);
}

.ThemeBorderColor2-Red3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 20%, transparent);
}

.ThemeBorderColor3-Red3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 20%, transparent);
}

.ThemeBorderColor4-Red3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 20%, transparent);
}

.ThemeBorderColor-Red3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-red-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 25%, transparent);
}

.ThemeBorderColor2-Red3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 25%, transparent);
}

.ThemeBorderColor3-Red3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 25%, transparent);
}

.ThemeBorderColor4-Red3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 25%, transparent);
}

.ThemeBorderColor-Red3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-red-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 30%, transparent);
}

.ThemeBorderColor2-Red3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 30%, transparent);
}

.ThemeBorderColor3-Red3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 30%, transparent);
}

.ThemeBorderColor4-Red3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 30%, transparent);
}

.ThemeBorderColor-Red3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-red-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 35%, transparent);
}

.ThemeBorderColor2-Red3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 35%, transparent);
}

.ThemeBorderColor3-Red3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 35%, transparent);
}

.ThemeBorderColor4-Red3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 35%, transparent);
}

.ThemeBorderColor-Red3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-red-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 40%, transparent);
}

.ThemeBorderColor2-Red3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 40%, transparent);
}

.ThemeBorderColor3-Red3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 40%, transparent);
}

.ThemeBorderColor4-Red3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 40%, transparent);
}

.ThemeBorderColor-Red3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-red-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 45%, transparent);
}

.ThemeBorderColor2-Red3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 45%, transparent);
}

.ThemeBorderColor3-Red3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-3) 45%, transparent);
}

.ThemeBorderColor4-Red3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-3) 45%, transparent);
}

.ThemeBorderColor-Red4 {
  --theme-border-color: var(--color-red-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4 {
  --theme-border-color-top: var(--color-red-4);
  --theme-border-color-right: var(--color-red-4);
  --theme-border-color-bottom: var(--color-red-4);
  --theme-border-color-left: var(--color-red-4);
}

.ThemeBorderColor2-Red4 {
  --theme-border-color-right: var(--color-red-4);
  --theme-border-color-left: var(--color-red-4);
}

.ThemeBorderColor3-Red4 {
  --theme-border-color-bottom: var(--color-red-4);
}

.ThemeBorderColor4-Red4 {
  --theme-border-color-left: var(--color-red-4);
}

.ThemeBorderColor-Red4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-red-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 20%, transparent);
}

.ThemeBorderColor2-Red4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 20%, transparent);
}

.ThemeBorderColor3-Red4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 20%, transparent);
}

.ThemeBorderColor4-Red4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 20%, transparent);
}

.ThemeBorderColor-Red4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-red-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 25%, transparent);
}

.ThemeBorderColor2-Red4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 25%, transparent);
}

.ThemeBorderColor3-Red4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 25%, transparent);
}

.ThemeBorderColor4-Red4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 25%, transparent);
}

.ThemeBorderColor-Red4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-red-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 30%, transparent);
}

.ThemeBorderColor2-Red4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 30%, transparent);
}

.ThemeBorderColor3-Red4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 30%, transparent);
}

.ThemeBorderColor4-Red4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 30%, transparent);
}

.ThemeBorderColor-Red4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-red-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 35%, transparent);
}

.ThemeBorderColor2-Red4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 35%, transparent);
}

.ThemeBorderColor3-Red4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 35%, transparent);
}

.ThemeBorderColor4-Red4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 35%, transparent);
}

.ThemeBorderColor-Red4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-red-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 40%, transparent);
}

.ThemeBorderColor2-Red4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 40%, transparent);
}

.ThemeBorderColor3-Red4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 40%, transparent);
}

.ThemeBorderColor4-Red4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 40%, transparent);
}

.ThemeBorderColor-Red4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-red-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 45%, transparent);
}

.ThemeBorderColor2-Red4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 45%, transparent);
}

.ThemeBorderColor3-Red4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-4) 45%, transparent);
}

.ThemeBorderColor4-Red4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-4) 45%, transparent);
}

.ThemeBorderColor-Red5 {
  --theme-border-color: var(--color-red-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5 {
  --theme-border-color-top: var(--color-red-5);
  --theme-border-color-right: var(--color-red-5);
  --theme-border-color-bottom: var(--color-red-5);
  --theme-border-color-left: var(--color-red-5);
}

.ThemeBorderColor2-Red5 {
  --theme-border-color-right: var(--color-red-5);
  --theme-border-color-left: var(--color-red-5);
}

.ThemeBorderColor3-Red5 {
  --theme-border-color-bottom: var(--color-red-5);
}

.ThemeBorderColor4-Red5 {
  --theme-border-color-left: var(--color-red-5);
}

.ThemeBorderColor-Red5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-red-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 20%, transparent);
}

.ThemeBorderColor2-Red5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 20%, transparent);
}

.ThemeBorderColor3-Red5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 20%, transparent);
}

.ThemeBorderColor4-Red5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 20%, transparent);
}

.ThemeBorderColor-Red5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-red-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 25%, transparent);
}

.ThemeBorderColor2-Red5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 25%, transparent);
}

.ThemeBorderColor3-Red5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 25%, transparent);
}

.ThemeBorderColor4-Red5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 25%, transparent);
}

.ThemeBorderColor-Red5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-red-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 30%, transparent);
}

.ThemeBorderColor2-Red5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 30%, transparent);
}

.ThemeBorderColor3-Red5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 30%, transparent);
}

.ThemeBorderColor4-Red5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 30%, transparent);
}

.ThemeBorderColor-Red5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-red-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 35%, transparent);
}

.ThemeBorderColor2-Red5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 35%, transparent);
}

.ThemeBorderColor3-Red5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 35%, transparent);
}

.ThemeBorderColor4-Red5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 35%, transparent);
}

.ThemeBorderColor-Red5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-red-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 40%, transparent);
}

.ThemeBorderColor2-Red5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 40%, transparent);
}

.ThemeBorderColor3-Red5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 40%, transparent);
}

.ThemeBorderColor4-Red5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 40%, transparent);
}

.ThemeBorderColor-Red5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-red-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 45%, transparent);
}

.ThemeBorderColor2-Red5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 45%, transparent);
}

.ThemeBorderColor3-Red5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-5) 45%, transparent);
}

.ThemeBorderColor4-Red5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-5) 45%, transparent);
}

.ThemeBorderColor-Red6 {
  --theme-border-color: var(--color-red-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6 {
  --theme-border-color-top: var(--color-red-6);
  --theme-border-color-right: var(--color-red-6);
  --theme-border-color-bottom: var(--color-red-6);
  --theme-border-color-left: var(--color-red-6);
}

.ThemeBorderColor2-Red6 {
  --theme-border-color-right: var(--color-red-6);
  --theme-border-color-left: var(--color-red-6);
}

.ThemeBorderColor3-Red6 {
  --theme-border-color-bottom: var(--color-red-6);
}

.ThemeBorderColor4-Red6 {
  --theme-border-color-left: var(--color-red-6);
}

.ThemeBorderColor-Red6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-red-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 20%, transparent);
}

.ThemeBorderColor2-Red6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 20%, transparent);
}

.ThemeBorderColor3-Red6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 20%, transparent);
}

.ThemeBorderColor4-Red6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 20%, transparent);
}

.ThemeBorderColor-Red6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-red-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 25%, transparent);
}

.ThemeBorderColor2-Red6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 25%, transparent);
}

.ThemeBorderColor3-Red6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 25%, transparent);
}

.ThemeBorderColor4-Red6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 25%, transparent);
}

.ThemeBorderColor-Red6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-red-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 30%, transparent);
}

.ThemeBorderColor2-Red6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 30%, transparent);
}

.ThemeBorderColor3-Red6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 30%, transparent);
}

.ThemeBorderColor4-Red6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 30%, transparent);
}

.ThemeBorderColor-Red6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-red-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 35%, transparent);
}

.ThemeBorderColor2-Red6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 35%, transparent);
}

.ThemeBorderColor3-Red6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 35%, transparent);
}

.ThemeBorderColor4-Red6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 35%, transparent);
}

.ThemeBorderColor-Red6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-red-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 40%, transparent);
}

.ThemeBorderColor2-Red6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 40%, transparent);
}

.ThemeBorderColor3-Red6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 40%, transparent);
}

.ThemeBorderColor4-Red6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 40%, transparent);
}

.ThemeBorderColor-Red6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-red-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Red6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-red-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 45%, transparent);
}

.ThemeBorderColor2-Red6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-red-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 45%, transparent);
}

.ThemeBorderColor3-Red6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-red-6) 45%, transparent);
}

.ThemeBorderColor4-Red6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-red-6) 45%, transparent);
}

.ThemeBorderColor-Brown1 {
  --theme-border-color: var(--color-brown-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1 {
  --theme-border-color-top: var(--color-brown-1);
  --theme-border-color-right: var(--color-brown-1);
  --theme-border-color-bottom: var(--color-brown-1);
  --theme-border-color-left: var(--color-brown-1);
}

.ThemeBorderColor2-Brown1 {
  --theme-border-color-right: var(--color-brown-1);
  --theme-border-color-left: var(--color-brown-1);
}

.ThemeBorderColor3-Brown1 {
  --theme-border-color-bottom: var(--color-brown-1);
}

.ThemeBorderColor4-Brown1 {
  --theme-border-color-left: var(--color-brown-1);
}

.ThemeBorderColor-Brown1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
}

.ThemeBorderColor2-Brown1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
}

.ThemeBorderColor3-Brown1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
}

.ThemeBorderColor4-Brown1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 20%, transparent);
}

.ThemeBorderColor-Brown1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
}

.ThemeBorderColor2-Brown1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
}

.ThemeBorderColor3-Brown1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
}

.ThemeBorderColor4-Brown1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 25%, transparent);
}

.ThemeBorderColor-Brown1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
}

.ThemeBorderColor2-Brown1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
}

.ThemeBorderColor3-Brown1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
}

.ThemeBorderColor4-Brown1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 30%, transparent);
}

.ThemeBorderColor-Brown1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
}

.ThemeBorderColor2-Brown1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
}

.ThemeBorderColor3-Brown1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
}

.ThemeBorderColor4-Brown1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 35%, transparent);
}

.ThemeBorderColor-Brown1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
}

.ThemeBorderColor2-Brown1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
}

.ThemeBorderColor3-Brown1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
}

.ThemeBorderColor4-Brown1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 40%, transparent);
}

.ThemeBorderColor-Brown1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
}

.ThemeBorderColor2-Brown1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
}

.ThemeBorderColor3-Brown1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
}

.ThemeBorderColor4-Brown1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-1) 45%, transparent);
}

.ThemeBorderColor-Brown2 {
  --theme-border-color: var(--color-brown-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2 {
  --theme-border-color-top: var(--color-brown-2);
  --theme-border-color-right: var(--color-brown-2);
  --theme-border-color-bottom: var(--color-brown-2);
  --theme-border-color-left: var(--color-brown-2);
}

.ThemeBorderColor2-Brown2 {
  --theme-border-color-right: var(--color-brown-2);
  --theme-border-color-left: var(--color-brown-2);
}

.ThemeBorderColor3-Brown2 {
  --theme-border-color-bottom: var(--color-brown-2);
}

.ThemeBorderColor4-Brown2 {
  --theme-border-color-left: var(--color-brown-2);
}

.ThemeBorderColor-Brown2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
}

.ThemeBorderColor2-Brown2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
}

.ThemeBorderColor3-Brown2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
}

.ThemeBorderColor4-Brown2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 20%, transparent);
}

.ThemeBorderColor-Brown2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
}

.ThemeBorderColor2-Brown2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
}

.ThemeBorderColor3-Brown2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
}

.ThemeBorderColor4-Brown2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 25%, transparent);
}

.ThemeBorderColor-Brown2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
}

.ThemeBorderColor2-Brown2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
}

.ThemeBorderColor3-Brown2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
}

.ThemeBorderColor4-Brown2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 30%, transparent);
}

.ThemeBorderColor-Brown2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
}

.ThemeBorderColor2-Brown2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
}

.ThemeBorderColor3-Brown2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
}

.ThemeBorderColor4-Brown2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 35%, transparent);
}

.ThemeBorderColor-Brown2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
}

.ThemeBorderColor2-Brown2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
}

.ThemeBorderColor3-Brown2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
}

.ThemeBorderColor4-Brown2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 40%, transparent);
}

.ThemeBorderColor-Brown2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
}

.ThemeBorderColor2-Brown2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
}

.ThemeBorderColor3-Brown2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
}

.ThemeBorderColor4-Brown2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-2) 45%, transparent);
}

.ThemeBorderColor-Brown3 {
  --theme-border-color: var(--color-brown-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3 {
  --theme-border-color-top: var(--color-brown-3);
  --theme-border-color-right: var(--color-brown-3);
  --theme-border-color-bottom: var(--color-brown-3);
  --theme-border-color-left: var(--color-brown-3);
}

.ThemeBorderColor2-Brown3 {
  --theme-border-color-right: var(--color-brown-3);
  --theme-border-color-left: var(--color-brown-3);
}

.ThemeBorderColor3-Brown3 {
  --theme-border-color-bottom: var(--color-brown-3);
}

.ThemeBorderColor4-Brown3 {
  --theme-border-color-left: var(--color-brown-3);
}

.ThemeBorderColor-Brown3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
}

.ThemeBorderColor2-Brown3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
}

.ThemeBorderColor3-Brown3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
}

.ThemeBorderColor4-Brown3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 20%, transparent);
}

.ThemeBorderColor-Brown3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
}

.ThemeBorderColor2-Brown3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
}

.ThemeBorderColor3-Brown3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
}

.ThemeBorderColor4-Brown3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 25%, transparent);
}

.ThemeBorderColor-Brown3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
}

.ThemeBorderColor2-Brown3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
}

.ThemeBorderColor3-Brown3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
}

.ThemeBorderColor4-Brown3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 30%, transparent);
}

.ThemeBorderColor-Brown3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
}

.ThemeBorderColor2-Brown3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
}

.ThemeBorderColor3-Brown3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
}

.ThemeBorderColor4-Brown3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 35%, transparent);
}

.ThemeBorderColor-Brown3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
}

.ThemeBorderColor2-Brown3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
}

.ThemeBorderColor3-Brown3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
}

.ThemeBorderColor4-Brown3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 40%, transparent);
}

.ThemeBorderColor-Brown3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
}

.ThemeBorderColor2-Brown3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
}

.ThemeBorderColor3-Brown3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
}

.ThemeBorderColor4-Brown3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-3) 45%, transparent);
}

.ThemeBorderColor-Brown4 {
  --theme-border-color: var(--color-brown-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4 {
  --theme-border-color-top: var(--color-brown-4);
  --theme-border-color-right: var(--color-brown-4);
  --theme-border-color-bottom: var(--color-brown-4);
  --theme-border-color-left: var(--color-brown-4);
}

.ThemeBorderColor2-Brown4 {
  --theme-border-color-right: var(--color-brown-4);
  --theme-border-color-left: var(--color-brown-4);
}

.ThemeBorderColor3-Brown4 {
  --theme-border-color-bottom: var(--color-brown-4);
}

.ThemeBorderColor4-Brown4 {
  --theme-border-color-left: var(--color-brown-4);
}

.ThemeBorderColor-Brown4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
}

.ThemeBorderColor2-Brown4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
}

.ThemeBorderColor3-Brown4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
}

.ThemeBorderColor4-Brown4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 20%, transparent);
}

.ThemeBorderColor-Brown4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
}

.ThemeBorderColor2-Brown4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
}

.ThemeBorderColor3-Brown4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
}

.ThemeBorderColor4-Brown4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 25%, transparent);
}

.ThemeBorderColor-Brown4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
}

.ThemeBorderColor2-Brown4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
}

.ThemeBorderColor3-Brown4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
}

.ThemeBorderColor4-Brown4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 30%, transparent);
}

.ThemeBorderColor-Brown4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
}

.ThemeBorderColor2-Brown4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
}

.ThemeBorderColor3-Brown4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
}

.ThemeBorderColor4-Brown4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 35%, transparent);
}

.ThemeBorderColor-Brown4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
}

.ThemeBorderColor2-Brown4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
}

.ThemeBorderColor3-Brown4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
}

.ThemeBorderColor4-Brown4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 40%, transparent);
}

.ThemeBorderColor-Brown4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
}

.ThemeBorderColor2-Brown4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
}

.ThemeBorderColor3-Brown4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
}

.ThemeBorderColor4-Brown4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-4) 45%, transparent);
}

.ThemeBorderColor-Brown5 {
  --theme-border-color: var(--color-brown-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5 {
  --theme-border-color-top: var(--color-brown-5);
  --theme-border-color-right: var(--color-brown-5);
  --theme-border-color-bottom: var(--color-brown-5);
  --theme-border-color-left: var(--color-brown-5);
}

.ThemeBorderColor2-Brown5 {
  --theme-border-color-right: var(--color-brown-5);
  --theme-border-color-left: var(--color-brown-5);
}

.ThemeBorderColor3-Brown5 {
  --theme-border-color-bottom: var(--color-brown-5);
}

.ThemeBorderColor4-Brown5 {
  --theme-border-color-left: var(--color-brown-5);
}

.ThemeBorderColor-Brown5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
}

.ThemeBorderColor2-Brown5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
}

.ThemeBorderColor3-Brown5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
}

.ThemeBorderColor4-Brown5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 20%, transparent);
}

.ThemeBorderColor-Brown5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
}

.ThemeBorderColor2-Brown5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
}

.ThemeBorderColor3-Brown5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
}

.ThemeBorderColor4-Brown5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 25%, transparent);
}

.ThemeBorderColor-Brown5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
}

.ThemeBorderColor2-Brown5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
}

.ThemeBorderColor3-Brown5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
}

.ThemeBorderColor4-Brown5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 30%, transparent);
}

.ThemeBorderColor-Brown5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
}

.ThemeBorderColor2-Brown5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
}

.ThemeBorderColor3-Brown5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
}

.ThemeBorderColor4-Brown5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 35%, transparent);
}

.ThemeBorderColor-Brown5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
}

.ThemeBorderColor2-Brown5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
}

.ThemeBorderColor3-Brown5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
}

.ThemeBorderColor4-Brown5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 40%, transparent);
}

.ThemeBorderColor-Brown5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
}

.ThemeBorderColor2-Brown5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
}

.ThemeBorderColor3-Brown5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
}

.ThemeBorderColor4-Brown5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-5) 45%, transparent);
}

.ThemeBorderColor-Brown6 {
  --theme-border-color: var(--color-brown-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6 {
  --theme-border-color-top: var(--color-brown-6);
  --theme-border-color-right: var(--color-brown-6);
  --theme-border-color-bottom: var(--color-brown-6);
  --theme-border-color-left: var(--color-brown-6);
}

.ThemeBorderColor2-Brown6 {
  --theme-border-color-right: var(--color-brown-6);
  --theme-border-color-left: var(--color-brown-6);
}

.ThemeBorderColor3-Brown6 {
  --theme-border-color-bottom: var(--color-brown-6);
}

.ThemeBorderColor4-Brown6 {
  --theme-border-color-left: var(--color-brown-6);
}

.ThemeBorderColor-Brown6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
}

.ThemeBorderColor2-Brown6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
}

.ThemeBorderColor3-Brown6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
}

.ThemeBorderColor4-Brown6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 20%, transparent);
}

.ThemeBorderColor-Brown6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
}

.ThemeBorderColor2-Brown6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
}

.ThemeBorderColor3-Brown6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
}

.ThemeBorderColor4-Brown6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 25%, transparent);
}

.ThemeBorderColor-Brown6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
}

.ThemeBorderColor2-Brown6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
}

.ThemeBorderColor3-Brown6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
}

.ThemeBorderColor4-Brown6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 30%, transparent);
}

.ThemeBorderColor-Brown6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
}

.ThemeBorderColor2-Brown6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
}

.ThemeBorderColor3-Brown6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
}

.ThemeBorderColor4-Brown6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 35%, transparent);
}

.ThemeBorderColor-Brown6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
}

.ThemeBorderColor2-Brown6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
}

.ThemeBorderColor3-Brown6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
}

.ThemeBorderColor4-Brown6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 40%, transparent);
}

.ThemeBorderColor-Brown6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Brown6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
}

.ThemeBorderColor2-Brown6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
}

.ThemeBorderColor3-Brown6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
}

.ThemeBorderColor4-Brown6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-brown-6) 45%, transparent);
}

.ThemeBorderColor-Orange1 {
  --theme-border-color: var(--color-orange-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1 {
  --theme-border-color-top: var(--color-orange-1);
  --theme-border-color-right: var(--color-orange-1);
  --theme-border-color-bottom: var(--color-orange-1);
  --theme-border-color-left: var(--color-orange-1);
}

.ThemeBorderColor2-Orange1 {
  --theme-border-color-right: var(--color-orange-1);
  --theme-border-color-left: var(--color-orange-1);
}

.ThemeBorderColor3-Orange1 {
  --theme-border-color-bottom: var(--color-orange-1);
}

.ThemeBorderColor4-Orange1 {
  --theme-border-color-left: var(--color-orange-1);
}

.ThemeBorderColor-Orange1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
}

.ThemeBorderColor2-Orange1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
}

.ThemeBorderColor3-Orange1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
}

.ThemeBorderColor4-Orange1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 20%, transparent);
}

.ThemeBorderColor-Orange1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
}

.ThemeBorderColor2-Orange1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
}

.ThemeBorderColor3-Orange1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
}

.ThemeBorderColor4-Orange1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 25%, transparent);
}

.ThemeBorderColor-Orange1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
}

.ThemeBorderColor2-Orange1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
}

.ThemeBorderColor3-Orange1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
}

.ThemeBorderColor4-Orange1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 30%, transparent);
}

.ThemeBorderColor-Orange1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
}

.ThemeBorderColor2-Orange1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
}

.ThemeBorderColor3-Orange1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
}

.ThemeBorderColor4-Orange1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 35%, transparent);
}

.ThemeBorderColor-Orange1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
}

.ThemeBorderColor2-Orange1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
}

.ThemeBorderColor3-Orange1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
}

.ThemeBorderColor4-Orange1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 40%, transparent);
}

.ThemeBorderColor-Orange1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
}

.ThemeBorderColor2-Orange1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
}

.ThemeBorderColor3-Orange1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
}

.ThemeBorderColor4-Orange1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-1) 45%, transparent);
}

.ThemeBorderColor-Orange2 {
  --theme-border-color: var(--color-orange-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2 {
  --theme-border-color-top: var(--color-orange-2);
  --theme-border-color-right: var(--color-orange-2);
  --theme-border-color-bottom: var(--color-orange-2);
  --theme-border-color-left: var(--color-orange-2);
}

.ThemeBorderColor2-Orange2 {
  --theme-border-color-right: var(--color-orange-2);
  --theme-border-color-left: var(--color-orange-2);
}

.ThemeBorderColor3-Orange2 {
  --theme-border-color-bottom: var(--color-orange-2);
}

.ThemeBorderColor4-Orange2 {
  --theme-border-color-left: var(--color-orange-2);
}

.ThemeBorderColor-Orange2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
}

.ThemeBorderColor2-Orange2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
}

.ThemeBorderColor3-Orange2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
}

.ThemeBorderColor4-Orange2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 20%, transparent);
}

.ThemeBorderColor-Orange2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
}

.ThemeBorderColor2-Orange2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
}

.ThemeBorderColor3-Orange2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
}

.ThemeBorderColor4-Orange2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 25%, transparent);
}

.ThemeBorderColor-Orange2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
}

.ThemeBorderColor2-Orange2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
}

.ThemeBorderColor3-Orange2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
}

.ThemeBorderColor4-Orange2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 30%, transparent);
}

.ThemeBorderColor-Orange2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
}

.ThemeBorderColor2-Orange2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
}

.ThemeBorderColor3-Orange2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
}

.ThemeBorderColor4-Orange2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 35%, transparent);
}

.ThemeBorderColor-Orange2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
}

.ThemeBorderColor2-Orange2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
}

.ThemeBorderColor3-Orange2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
}

.ThemeBorderColor4-Orange2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 40%, transparent);
}

.ThemeBorderColor-Orange2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
}

.ThemeBorderColor2-Orange2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
}

.ThemeBorderColor3-Orange2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
}

.ThemeBorderColor4-Orange2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-2) 45%, transparent);
}

.ThemeBorderColor-Orange3 {
  --theme-border-color: var(--color-orange-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3 {
  --theme-border-color-top: var(--color-orange-3);
  --theme-border-color-right: var(--color-orange-3);
  --theme-border-color-bottom: var(--color-orange-3);
  --theme-border-color-left: var(--color-orange-3);
}

.ThemeBorderColor2-Orange3 {
  --theme-border-color-right: var(--color-orange-3);
  --theme-border-color-left: var(--color-orange-3);
}

.ThemeBorderColor3-Orange3 {
  --theme-border-color-bottom: var(--color-orange-3);
}

.ThemeBorderColor4-Orange3 {
  --theme-border-color-left: var(--color-orange-3);
}

.ThemeBorderColor-Orange3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
}

.ThemeBorderColor2-Orange3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
}

.ThemeBorderColor3-Orange3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
}

.ThemeBorderColor4-Orange3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 20%, transparent);
}

.ThemeBorderColor-Orange3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
}

.ThemeBorderColor2-Orange3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
}

.ThemeBorderColor3-Orange3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
}

.ThemeBorderColor4-Orange3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 25%, transparent);
}

.ThemeBorderColor-Orange3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
}

.ThemeBorderColor2-Orange3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
}

.ThemeBorderColor3-Orange3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
}

.ThemeBorderColor4-Orange3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 30%, transparent);
}

.ThemeBorderColor-Orange3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
}

.ThemeBorderColor2-Orange3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
}

.ThemeBorderColor3-Orange3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
}

.ThemeBorderColor4-Orange3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 35%, transparent);
}

.ThemeBorderColor-Orange3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
}

.ThemeBorderColor2-Orange3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
}

.ThemeBorderColor3-Orange3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
}

.ThemeBorderColor4-Orange3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 40%, transparent);
}

.ThemeBorderColor-Orange3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
}

.ThemeBorderColor2-Orange3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
}

.ThemeBorderColor3-Orange3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
}

.ThemeBorderColor4-Orange3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-3) 45%, transparent);
}

.ThemeBorderColor-Orange4 {
  --theme-border-color: var(--color-orange-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4 {
  --theme-border-color-top: var(--color-orange-4);
  --theme-border-color-right: var(--color-orange-4);
  --theme-border-color-bottom: var(--color-orange-4);
  --theme-border-color-left: var(--color-orange-4);
}

.ThemeBorderColor2-Orange4 {
  --theme-border-color-right: var(--color-orange-4);
  --theme-border-color-left: var(--color-orange-4);
}

.ThemeBorderColor3-Orange4 {
  --theme-border-color-bottom: var(--color-orange-4);
}

.ThemeBorderColor4-Orange4 {
  --theme-border-color-left: var(--color-orange-4);
}

.ThemeBorderColor-Orange4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
}

.ThemeBorderColor2-Orange4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
}

.ThemeBorderColor3-Orange4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
}

.ThemeBorderColor4-Orange4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 20%, transparent);
}

.ThemeBorderColor-Orange4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
}

.ThemeBorderColor2-Orange4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
}

.ThemeBorderColor3-Orange4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
}

.ThemeBorderColor4-Orange4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 25%, transparent);
}

.ThemeBorderColor-Orange4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
}

.ThemeBorderColor2-Orange4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
}

.ThemeBorderColor3-Orange4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
}

.ThemeBorderColor4-Orange4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 30%, transparent);
}

.ThemeBorderColor-Orange4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
}

.ThemeBorderColor2-Orange4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
}

.ThemeBorderColor3-Orange4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
}

.ThemeBorderColor4-Orange4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 35%, transparent);
}

.ThemeBorderColor-Orange4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
}

.ThemeBorderColor2-Orange4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
}

.ThemeBorderColor3-Orange4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
}

.ThemeBorderColor4-Orange4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 40%, transparent);
}

.ThemeBorderColor-Orange4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
}

.ThemeBorderColor2-Orange4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
}

.ThemeBorderColor3-Orange4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
}

.ThemeBorderColor4-Orange4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-4) 45%, transparent);
}

.ThemeBorderColor-Orange5 {
  --theme-border-color: var(--color-orange-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5 {
  --theme-border-color-top: var(--color-orange-5);
  --theme-border-color-right: var(--color-orange-5);
  --theme-border-color-bottom: var(--color-orange-5);
  --theme-border-color-left: var(--color-orange-5);
}

.ThemeBorderColor2-Orange5 {
  --theme-border-color-right: var(--color-orange-5);
  --theme-border-color-left: var(--color-orange-5);
}

.ThemeBorderColor3-Orange5 {
  --theme-border-color-bottom: var(--color-orange-5);
}

.ThemeBorderColor4-Orange5 {
  --theme-border-color-left: var(--color-orange-5);
}

.ThemeBorderColor-Orange5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
}

.ThemeBorderColor2-Orange5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
}

.ThemeBorderColor3-Orange5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
}

.ThemeBorderColor4-Orange5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 20%, transparent);
}

.ThemeBorderColor-Orange5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
}

.ThemeBorderColor2-Orange5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
}

.ThemeBorderColor3-Orange5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
}

.ThemeBorderColor4-Orange5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 25%, transparent);
}

.ThemeBorderColor-Orange5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
}

.ThemeBorderColor2-Orange5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
}

.ThemeBorderColor3-Orange5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
}

.ThemeBorderColor4-Orange5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 30%, transparent);
}

.ThemeBorderColor-Orange5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
}

.ThemeBorderColor2-Orange5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
}

.ThemeBorderColor3-Orange5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
}

.ThemeBorderColor4-Orange5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 35%, transparent);
}

.ThemeBorderColor-Orange5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
}

.ThemeBorderColor2-Orange5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
}

.ThemeBorderColor3-Orange5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
}

.ThemeBorderColor4-Orange5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 40%, transparent);
}

.ThemeBorderColor-Orange5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
}

.ThemeBorderColor2-Orange5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
}

.ThemeBorderColor3-Orange5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
}

.ThemeBorderColor4-Orange5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-5) 45%, transparent);
}

.ThemeBorderColor-Orange6 {
  --theme-border-color: var(--color-orange-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6 {
  --theme-border-color-top: var(--color-orange-6);
  --theme-border-color-right: var(--color-orange-6);
  --theme-border-color-bottom: var(--color-orange-6);
  --theme-border-color-left: var(--color-orange-6);
}

.ThemeBorderColor2-Orange6 {
  --theme-border-color-right: var(--color-orange-6);
  --theme-border-color-left: var(--color-orange-6);
}

.ThemeBorderColor3-Orange6 {
  --theme-border-color-bottom: var(--color-orange-6);
}

.ThemeBorderColor4-Orange6 {
  --theme-border-color-left: var(--color-orange-6);
}

.ThemeBorderColor-Orange6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
}

.ThemeBorderColor2-Orange6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
}

.ThemeBorderColor3-Orange6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
}

.ThemeBorderColor4-Orange6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 20%, transparent);
}

.ThemeBorderColor-Orange6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
}

.ThemeBorderColor2-Orange6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
}

.ThemeBorderColor3-Orange6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
}

.ThemeBorderColor4-Orange6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 25%, transparent);
}

.ThemeBorderColor-Orange6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
}

.ThemeBorderColor2-Orange6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
}

.ThemeBorderColor3-Orange6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
}

.ThemeBorderColor4-Orange6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 30%, transparent);
}

.ThemeBorderColor-Orange6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
}

.ThemeBorderColor2-Orange6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
}

.ThemeBorderColor3-Orange6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
}

.ThemeBorderColor4-Orange6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 35%, transparent);
}

.ThemeBorderColor-Orange6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
}

.ThemeBorderColor2-Orange6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
}

.ThemeBorderColor3-Orange6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
}

.ThemeBorderColor4-Orange6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 40%, transparent);
}

.ThemeBorderColor-Orange6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Orange6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
}

.ThemeBorderColor2-Orange6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
}

.ThemeBorderColor3-Orange6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
}

.ThemeBorderColor4-Orange6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-orange-6) 45%, transparent);
}

.ThemeBorderColor-Yellow1 {
  --theme-border-color: var(--color-yellow-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1 {
  --theme-border-color-top: var(--color-yellow-1);
  --theme-border-color-right: var(--color-yellow-1);
  --theme-border-color-bottom: var(--color-yellow-1);
  --theme-border-color-left: var(--color-yellow-1);
}

.ThemeBorderColor2-Yellow1 {
  --theme-border-color-right: var(--color-yellow-1);
  --theme-border-color-left: var(--color-yellow-1);
}

.ThemeBorderColor3-Yellow1 {
  --theme-border-color-bottom: var(--color-yellow-1);
}

.ThemeBorderColor4-Yellow1 {
  --theme-border-color-left: var(--color-yellow-1);
}

.ThemeBorderColor-Yellow1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
}

.ThemeBorderColor2-Yellow1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
}

.ThemeBorderColor3-Yellow1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
}

.ThemeBorderColor4-Yellow1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 20%, transparent);
}

.ThemeBorderColor-Yellow1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
}

.ThemeBorderColor2-Yellow1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
}

.ThemeBorderColor3-Yellow1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
}

.ThemeBorderColor4-Yellow1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 25%, transparent);
}

.ThemeBorderColor-Yellow1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
}

.ThemeBorderColor2-Yellow1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
}

.ThemeBorderColor3-Yellow1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
}

.ThemeBorderColor4-Yellow1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 30%, transparent);
}

.ThemeBorderColor-Yellow1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
}

.ThemeBorderColor2-Yellow1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
}

.ThemeBorderColor3-Yellow1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
}

.ThemeBorderColor4-Yellow1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 35%, transparent);
}

.ThemeBorderColor-Yellow1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
}

.ThemeBorderColor2-Yellow1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
}

.ThemeBorderColor3-Yellow1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
}

.ThemeBorderColor4-Yellow1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 40%, transparent);
}

.ThemeBorderColor-Yellow1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
}

.ThemeBorderColor2-Yellow1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
}

.ThemeBorderColor3-Yellow1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
}

.ThemeBorderColor4-Yellow1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-1) 45%, transparent);
}

.ThemeBorderColor-Yellow2 {
  --theme-border-color: var(--color-yellow-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2 {
  --theme-border-color-top: var(--color-yellow-2);
  --theme-border-color-right: var(--color-yellow-2);
  --theme-border-color-bottom: var(--color-yellow-2);
  --theme-border-color-left: var(--color-yellow-2);
}

.ThemeBorderColor2-Yellow2 {
  --theme-border-color-right: var(--color-yellow-2);
  --theme-border-color-left: var(--color-yellow-2);
}

.ThemeBorderColor3-Yellow2 {
  --theme-border-color-bottom: var(--color-yellow-2);
}

.ThemeBorderColor4-Yellow2 {
  --theme-border-color-left: var(--color-yellow-2);
}

.ThemeBorderColor-Yellow2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
}

.ThemeBorderColor2-Yellow2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
}

.ThemeBorderColor3-Yellow2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
}

.ThemeBorderColor4-Yellow2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 20%, transparent);
}

.ThemeBorderColor-Yellow2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
}

.ThemeBorderColor2-Yellow2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
}

.ThemeBorderColor3-Yellow2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
}

.ThemeBorderColor4-Yellow2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 25%, transparent);
}

.ThemeBorderColor-Yellow2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
}

.ThemeBorderColor2-Yellow2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
}

.ThemeBorderColor3-Yellow2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
}

.ThemeBorderColor4-Yellow2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 30%, transparent);
}

.ThemeBorderColor-Yellow2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
}

.ThemeBorderColor2-Yellow2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
}

.ThemeBorderColor3-Yellow2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
}

.ThemeBorderColor4-Yellow2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 35%, transparent);
}

.ThemeBorderColor-Yellow2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
}

.ThemeBorderColor2-Yellow2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
}

.ThemeBorderColor3-Yellow2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
}

.ThemeBorderColor4-Yellow2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 40%, transparent);
}

.ThemeBorderColor-Yellow2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
}

.ThemeBorderColor2-Yellow2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
}

.ThemeBorderColor3-Yellow2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
}

.ThemeBorderColor4-Yellow2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-2) 45%, transparent);
}

.ThemeBorderColor-Yellow3 {
  --theme-border-color: var(--color-yellow-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3 {
  --theme-border-color-top: var(--color-yellow-3);
  --theme-border-color-right: var(--color-yellow-3);
  --theme-border-color-bottom: var(--color-yellow-3);
  --theme-border-color-left: var(--color-yellow-3);
}

.ThemeBorderColor2-Yellow3 {
  --theme-border-color-right: var(--color-yellow-3);
  --theme-border-color-left: var(--color-yellow-3);
}

.ThemeBorderColor3-Yellow3 {
  --theme-border-color-bottom: var(--color-yellow-3);
}

.ThemeBorderColor4-Yellow3 {
  --theme-border-color-left: var(--color-yellow-3);
}

.ThemeBorderColor-Yellow3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
}

.ThemeBorderColor2-Yellow3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
}

.ThemeBorderColor3-Yellow3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
}

.ThemeBorderColor4-Yellow3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 20%, transparent);
}

.ThemeBorderColor-Yellow3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
}

.ThemeBorderColor2-Yellow3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
}

.ThemeBorderColor3-Yellow3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
}

.ThemeBorderColor4-Yellow3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 25%, transparent);
}

.ThemeBorderColor-Yellow3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
}

.ThemeBorderColor2-Yellow3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
}

.ThemeBorderColor3-Yellow3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
}

.ThemeBorderColor4-Yellow3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 30%, transparent);
}

.ThemeBorderColor-Yellow3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
}

.ThemeBorderColor2-Yellow3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
}

.ThemeBorderColor3-Yellow3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
}

.ThemeBorderColor4-Yellow3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 35%, transparent);
}

.ThemeBorderColor-Yellow3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
}

.ThemeBorderColor2-Yellow3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
}

.ThemeBorderColor3-Yellow3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
}

.ThemeBorderColor4-Yellow3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 40%, transparent);
}

.ThemeBorderColor-Yellow3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
}

.ThemeBorderColor2-Yellow3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
}

.ThemeBorderColor3-Yellow3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
}

.ThemeBorderColor4-Yellow3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-3) 45%, transparent);
}

.ThemeBorderColor-Yellow4 {
  --theme-border-color: var(--color-yellow-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4 {
  --theme-border-color-top: var(--color-yellow-4);
  --theme-border-color-right: var(--color-yellow-4);
  --theme-border-color-bottom: var(--color-yellow-4);
  --theme-border-color-left: var(--color-yellow-4);
}

.ThemeBorderColor2-Yellow4 {
  --theme-border-color-right: var(--color-yellow-4);
  --theme-border-color-left: var(--color-yellow-4);
}

.ThemeBorderColor3-Yellow4 {
  --theme-border-color-bottom: var(--color-yellow-4);
}

.ThemeBorderColor4-Yellow4 {
  --theme-border-color-left: var(--color-yellow-4);
}

.ThemeBorderColor-Yellow4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
}

.ThemeBorderColor2-Yellow4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
}

.ThemeBorderColor3-Yellow4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
}

.ThemeBorderColor4-Yellow4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 20%, transparent);
}

.ThemeBorderColor-Yellow4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
}

.ThemeBorderColor2-Yellow4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
}

.ThemeBorderColor3-Yellow4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
}

.ThemeBorderColor4-Yellow4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 25%, transparent);
}

.ThemeBorderColor-Yellow4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
}

.ThemeBorderColor2-Yellow4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
}

.ThemeBorderColor3-Yellow4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
}

.ThemeBorderColor4-Yellow4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 30%, transparent);
}

.ThemeBorderColor-Yellow4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
}

.ThemeBorderColor2-Yellow4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
}

.ThemeBorderColor3-Yellow4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
}

.ThemeBorderColor4-Yellow4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 35%, transparent);
}

.ThemeBorderColor-Yellow4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
}

.ThemeBorderColor2-Yellow4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
}

.ThemeBorderColor3-Yellow4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
}

.ThemeBorderColor4-Yellow4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 40%, transparent);
}

.ThemeBorderColor-Yellow4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
}

.ThemeBorderColor2-Yellow4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
}

.ThemeBorderColor3-Yellow4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
}

.ThemeBorderColor4-Yellow4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-4) 45%, transparent);
}

.ThemeBorderColor-Yellow5 {
  --theme-border-color: var(--color-yellow-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5 {
  --theme-border-color-top: var(--color-yellow-5);
  --theme-border-color-right: var(--color-yellow-5);
  --theme-border-color-bottom: var(--color-yellow-5);
  --theme-border-color-left: var(--color-yellow-5);
}

.ThemeBorderColor2-Yellow5 {
  --theme-border-color-right: var(--color-yellow-5);
  --theme-border-color-left: var(--color-yellow-5);
}

.ThemeBorderColor3-Yellow5 {
  --theme-border-color-bottom: var(--color-yellow-5);
}

.ThemeBorderColor4-Yellow5 {
  --theme-border-color-left: var(--color-yellow-5);
}

.ThemeBorderColor-Yellow5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
}

.ThemeBorderColor2-Yellow5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
}

.ThemeBorderColor3-Yellow5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
}

.ThemeBorderColor4-Yellow5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 20%, transparent);
}

.ThemeBorderColor-Yellow5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
}

.ThemeBorderColor2-Yellow5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
}

.ThemeBorderColor3-Yellow5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
}

.ThemeBorderColor4-Yellow5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 25%, transparent);
}

.ThemeBorderColor-Yellow5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
}

.ThemeBorderColor2-Yellow5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
}

.ThemeBorderColor3-Yellow5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
}

.ThemeBorderColor4-Yellow5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 30%, transparent);
}

.ThemeBorderColor-Yellow5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
}

.ThemeBorderColor2-Yellow5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
}

.ThemeBorderColor3-Yellow5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
}

.ThemeBorderColor4-Yellow5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 35%, transparent);
}

.ThemeBorderColor-Yellow5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
}

.ThemeBorderColor2-Yellow5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
}

.ThemeBorderColor3-Yellow5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
}

.ThemeBorderColor4-Yellow5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 40%, transparent);
}

.ThemeBorderColor-Yellow5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
}

.ThemeBorderColor2-Yellow5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
}

.ThemeBorderColor3-Yellow5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
}

.ThemeBorderColor4-Yellow5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-5) 45%, transparent);
}

.ThemeBorderColor-Yellow6 {
  --theme-border-color: var(--color-yellow-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6 {
  --theme-border-color-top: var(--color-yellow-6);
  --theme-border-color-right: var(--color-yellow-6);
  --theme-border-color-bottom: var(--color-yellow-6);
  --theme-border-color-left: var(--color-yellow-6);
}

.ThemeBorderColor2-Yellow6 {
  --theme-border-color-right: var(--color-yellow-6);
  --theme-border-color-left: var(--color-yellow-6);
}

.ThemeBorderColor3-Yellow6 {
  --theme-border-color-bottom: var(--color-yellow-6);
}

.ThemeBorderColor4-Yellow6 {
  --theme-border-color-left: var(--color-yellow-6);
}

.ThemeBorderColor-Yellow6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
}

.ThemeBorderColor2-Yellow6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
}

.ThemeBorderColor3-Yellow6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
}

.ThemeBorderColor4-Yellow6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 20%, transparent);
}

.ThemeBorderColor-Yellow6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
}

.ThemeBorderColor2-Yellow6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
}

.ThemeBorderColor3-Yellow6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
}

.ThemeBorderColor4-Yellow6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 25%, transparent);
}

.ThemeBorderColor-Yellow6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
}

.ThemeBorderColor2-Yellow6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
}

.ThemeBorderColor3-Yellow6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
}

.ThemeBorderColor4-Yellow6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 30%, transparent);
}

.ThemeBorderColor-Yellow6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
}

.ThemeBorderColor2-Yellow6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
}

.ThemeBorderColor3-Yellow6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
}

.ThemeBorderColor4-Yellow6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 35%, transparent);
}

.ThemeBorderColor-Yellow6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
}

.ThemeBorderColor2-Yellow6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
}

.ThemeBorderColor3-Yellow6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
}

.ThemeBorderColor4-Yellow6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 40%, transparent);
}

.ThemeBorderColor-Yellow6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Yellow6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
}

.ThemeBorderColor2-Yellow6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
}

.ThemeBorderColor3-Yellow6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
}

.ThemeBorderColor4-Yellow6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-yellow-6) 45%, transparent);
}

.ThemeBorderColor-Green1 {
  --theme-border-color: var(--color-green-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1 {
  --theme-border-color-top: var(--color-green-1);
  --theme-border-color-right: var(--color-green-1);
  --theme-border-color-bottom: var(--color-green-1);
  --theme-border-color-left: var(--color-green-1);
}

.ThemeBorderColor2-Green1 {
  --theme-border-color-right: var(--color-green-1);
  --theme-border-color-left: var(--color-green-1);
}

.ThemeBorderColor3-Green1 {
  --theme-border-color-bottom: var(--color-green-1);
}

.ThemeBorderColor4-Green1 {
  --theme-border-color-left: var(--color-green-1);
}

.ThemeBorderColor-Green1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-green-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 20%, transparent);
}

.ThemeBorderColor2-Green1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 20%, transparent);
}

.ThemeBorderColor3-Green1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 20%, transparent);
}

.ThemeBorderColor4-Green1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 20%, transparent);
}

.ThemeBorderColor-Green1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-green-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 25%, transparent);
}

.ThemeBorderColor2-Green1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 25%, transparent);
}

.ThemeBorderColor3-Green1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 25%, transparent);
}

.ThemeBorderColor4-Green1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 25%, transparent);
}

.ThemeBorderColor-Green1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-green-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 30%, transparent);
}

.ThemeBorderColor2-Green1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 30%, transparent);
}

.ThemeBorderColor3-Green1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 30%, transparent);
}

.ThemeBorderColor4-Green1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 30%, transparent);
}

.ThemeBorderColor-Green1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-green-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 35%, transparent);
}

.ThemeBorderColor2-Green1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 35%, transparent);
}

.ThemeBorderColor3-Green1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 35%, transparent);
}

.ThemeBorderColor4-Green1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 35%, transparent);
}

.ThemeBorderColor-Green1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-green-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 40%, transparent);
}

.ThemeBorderColor2-Green1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 40%, transparent);
}

.ThemeBorderColor3-Green1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 40%, transparent);
}

.ThemeBorderColor4-Green1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 40%, transparent);
}

.ThemeBorderColor-Green1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-green-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 45%, transparent);
}

.ThemeBorderColor2-Green1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 45%, transparent);
}

.ThemeBorderColor3-Green1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-1) 45%, transparent);
}

.ThemeBorderColor4-Green1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-1) 45%, transparent);
}

.ThemeBorderColor-Green2 {
  --theme-border-color: var(--color-green-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2 {
  --theme-border-color-top: var(--color-green-2);
  --theme-border-color-right: var(--color-green-2);
  --theme-border-color-bottom: var(--color-green-2);
  --theme-border-color-left: var(--color-green-2);
}

.ThemeBorderColor2-Green2 {
  --theme-border-color-right: var(--color-green-2);
  --theme-border-color-left: var(--color-green-2);
}

.ThemeBorderColor3-Green2 {
  --theme-border-color-bottom: var(--color-green-2);
}

.ThemeBorderColor4-Green2 {
  --theme-border-color-left: var(--color-green-2);
}

.ThemeBorderColor-Green2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-green-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 20%, transparent);
}

.ThemeBorderColor2-Green2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 20%, transparent);
}

.ThemeBorderColor3-Green2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 20%, transparent);
}

.ThemeBorderColor4-Green2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 20%, transparent);
}

.ThemeBorderColor-Green2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-green-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 25%, transparent);
}

.ThemeBorderColor2-Green2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 25%, transparent);
}

.ThemeBorderColor3-Green2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 25%, transparent);
}

.ThemeBorderColor4-Green2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 25%, transparent);
}

.ThemeBorderColor-Green2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-green-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 30%, transparent);
}

.ThemeBorderColor2-Green2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 30%, transparent);
}

.ThemeBorderColor3-Green2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 30%, transparent);
}

.ThemeBorderColor4-Green2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 30%, transparent);
}

.ThemeBorderColor-Green2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-green-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 35%, transparent);
}

.ThemeBorderColor2-Green2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 35%, transparent);
}

.ThemeBorderColor3-Green2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 35%, transparent);
}

.ThemeBorderColor4-Green2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 35%, transparent);
}

.ThemeBorderColor-Green2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-green-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 40%, transparent);
}

.ThemeBorderColor2-Green2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 40%, transparent);
}

.ThemeBorderColor3-Green2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 40%, transparent);
}

.ThemeBorderColor4-Green2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 40%, transparent);
}

.ThemeBorderColor-Green2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-green-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 45%, transparent);
}

.ThemeBorderColor2-Green2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 45%, transparent);
}

.ThemeBorderColor3-Green2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-2) 45%, transparent);
}

.ThemeBorderColor4-Green2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-2) 45%, transparent);
}

.ThemeBorderColor-Green3 {
  --theme-border-color: var(--color-green-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3 {
  --theme-border-color-top: var(--color-green-3);
  --theme-border-color-right: var(--color-green-3);
  --theme-border-color-bottom: var(--color-green-3);
  --theme-border-color-left: var(--color-green-3);
}

.ThemeBorderColor2-Green3 {
  --theme-border-color-right: var(--color-green-3);
  --theme-border-color-left: var(--color-green-3);
}

.ThemeBorderColor3-Green3 {
  --theme-border-color-bottom: var(--color-green-3);
}

.ThemeBorderColor4-Green3 {
  --theme-border-color-left: var(--color-green-3);
}

.ThemeBorderColor-Green3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-green-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 20%, transparent);
}

.ThemeBorderColor2-Green3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 20%, transparent);
}

.ThemeBorderColor3-Green3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 20%, transparent);
}

.ThemeBorderColor4-Green3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 20%, transparent);
}

.ThemeBorderColor-Green3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-green-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 25%, transparent);
}

.ThemeBorderColor2-Green3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 25%, transparent);
}

.ThemeBorderColor3-Green3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 25%, transparent);
}

.ThemeBorderColor4-Green3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 25%, transparent);
}

.ThemeBorderColor-Green3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-green-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 30%, transparent);
}

.ThemeBorderColor2-Green3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 30%, transparent);
}

.ThemeBorderColor3-Green3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 30%, transparent);
}

.ThemeBorderColor4-Green3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 30%, transparent);
}

.ThemeBorderColor-Green3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-green-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 35%, transparent);
}

.ThemeBorderColor2-Green3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 35%, transparent);
}

.ThemeBorderColor3-Green3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 35%, transparent);
}

.ThemeBorderColor4-Green3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 35%, transparent);
}

.ThemeBorderColor-Green3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-green-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 40%, transparent);
}

.ThemeBorderColor2-Green3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 40%, transparent);
}

.ThemeBorderColor3-Green3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 40%, transparent);
}

.ThemeBorderColor4-Green3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 40%, transparent);
}

.ThemeBorderColor-Green3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-green-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 45%, transparent);
}

.ThemeBorderColor2-Green3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 45%, transparent);
}

.ThemeBorderColor3-Green3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-3) 45%, transparent);
}

.ThemeBorderColor4-Green3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-3) 45%, transparent);
}

.ThemeBorderColor-Green4 {
  --theme-border-color: var(--color-green-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4 {
  --theme-border-color-top: var(--color-green-4);
  --theme-border-color-right: var(--color-green-4);
  --theme-border-color-bottom: var(--color-green-4);
  --theme-border-color-left: var(--color-green-4);
}

.ThemeBorderColor2-Green4 {
  --theme-border-color-right: var(--color-green-4);
  --theme-border-color-left: var(--color-green-4);
}

.ThemeBorderColor3-Green4 {
  --theme-border-color-bottom: var(--color-green-4);
}

.ThemeBorderColor4-Green4 {
  --theme-border-color-left: var(--color-green-4);
}

.ThemeBorderColor-Green4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-green-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 20%, transparent);
}

.ThemeBorderColor2-Green4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 20%, transparent);
}

.ThemeBorderColor3-Green4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 20%, transparent);
}

.ThemeBorderColor4-Green4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 20%, transparent);
}

.ThemeBorderColor-Green4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-green-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 25%, transparent);
}

.ThemeBorderColor2-Green4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 25%, transparent);
}

.ThemeBorderColor3-Green4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 25%, transparent);
}

.ThemeBorderColor4-Green4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 25%, transparent);
}

.ThemeBorderColor-Green4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-green-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 30%, transparent);
}

.ThemeBorderColor2-Green4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 30%, transparent);
}

.ThemeBorderColor3-Green4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 30%, transparent);
}

.ThemeBorderColor4-Green4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 30%, transparent);
}

.ThemeBorderColor-Green4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-green-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 35%, transparent);
}

.ThemeBorderColor2-Green4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 35%, transparent);
}

.ThemeBorderColor3-Green4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 35%, transparent);
}

.ThemeBorderColor4-Green4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 35%, transparent);
}

.ThemeBorderColor-Green4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-green-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 40%, transparent);
}

.ThemeBorderColor2-Green4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 40%, transparent);
}

.ThemeBorderColor3-Green4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 40%, transparent);
}

.ThemeBorderColor4-Green4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 40%, transparent);
}

.ThemeBorderColor-Green4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-green-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 45%, transparent);
}

.ThemeBorderColor2-Green4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 45%, transparent);
}

.ThemeBorderColor3-Green4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-4) 45%, transparent);
}

.ThemeBorderColor4-Green4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-4) 45%, transparent);
}

.ThemeBorderColor-Green5 {
  --theme-border-color: var(--color-green-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5 {
  --theme-border-color-top: var(--color-green-5);
  --theme-border-color-right: var(--color-green-5);
  --theme-border-color-bottom: var(--color-green-5);
  --theme-border-color-left: var(--color-green-5);
}

.ThemeBorderColor2-Green5 {
  --theme-border-color-right: var(--color-green-5);
  --theme-border-color-left: var(--color-green-5);
}

.ThemeBorderColor3-Green5 {
  --theme-border-color-bottom: var(--color-green-5);
}

.ThemeBorderColor4-Green5 {
  --theme-border-color-left: var(--color-green-5);
}

.ThemeBorderColor-Green5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-green-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 20%, transparent);
}

.ThemeBorderColor2-Green5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 20%, transparent);
}

.ThemeBorderColor3-Green5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 20%, transparent);
}

.ThemeBorderColor4-Green5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 20%, transparent);
}

.ThemeBorderColor-Green5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-green-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 25%, transparent);
}

.ThemeBorderColor2-Green5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 25%, transparent);
}

.ThemeBorderColor3-Green5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 25%, transparent);
}

.ThemeBorderColor4-Green5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 25%, transparent);
}

.ThemeBorderColor-Green5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-green-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 30%, transparent);
}

.ThemeBorderColor2-Green5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 30%, transparent);
}

.ThemeBorderColor3-Green5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 30%, transparent);
}

.ThemeBorderColor4-Green5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 30%, transparent);
}

.ThemeBorderColor-Green5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-green-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 35%, transparent);
}

.ThemeBorderColor2-Green5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 35%, transparent);
}

.ThemeBorderColor3-Green5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 35%, transparent);
}

.ThemeBorderColor4-Green5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 35%, transparent);
}

.ThemeBorderColor-Green5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-green-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 40%, transparent);
}

.ThemeBorderColor2-Green5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 40%, transparent);
}

.ThemeBorderColor3-Green5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 40%, transparent);
}

.ThemeBorderColor4-Green5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 40%, transparent);
}

.ThemeBorderColor-Green5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-green-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 45%, transparent);
}

.ThemeBorderColor2-Green5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 45%, transparent);
}

.ThemeBorderColor3-Green5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-5) 45%, transparent);
}

.ThemeBorderColor4-Green5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-5) 45%, transparent);
}

.ThemeBorderColor-Green6 {
  --theme-border-color: var(--color-green-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6 {
  --theme-border-color-top: var(--color-green-6);
  --theme-border-color-right: var(--color-green-6);
  --theme-border-color-bottom: var(--color-green-6);
  --theme-border-color-left: var(--color-green-6);
}

.ThemeBorderColor2-Green6 {
  --theme-border-color-right: var(--color-green-6);
  --theme-border-color-left: var(--color-green-6);
}

.ThemeBorderColor3-Green6 {
  --theme-border-color-bottom: var(--color-green-6);
}

.ThemeBorderColor4-Green6 {
  --theme-border-color-left: var(--color-green-6);
}

.ThemeBorderColor-Green6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-green-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 20%, transparent);
}

.ThemeBorderColor2-Green6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 20%, transparent);
}

.ThemeBorderColor3-Green6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 20%, transparent);
}

.ThemeBorderColor4-Green6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 20%, transparent);
}

.ThemeBorderColor-Green6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-green-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 25%, transparent);
}

.ThemeBorderColor2-Green6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 25%, transparent);
}

.ThemeBorderColor3-Green6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 25%, transparent);
}

.ThemeBorderColor4-Green6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 25%, transparent);
}

.ThemeBorderColor-Green6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-green-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 30%, transparent);
}

.ThemeBorderColor2-Green6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 30%, transparent);
}

.ThemeBorderColor3-Green6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 30%, transparent);
}

.ThemeBorderColor4-Green6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 30%, transparent);
}

.ThemeBorderColor-Green6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-green-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 35%, transparent);
}

.ThemeBorderColor2-Green6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 35%, transparent);
}

.ThemeBorderColor3-Green6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 35%, transparent);
}

.ThemeBorderColor4-Green6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 35%, transparent);
}

.ThemeBorderColor-Green6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-green-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 40%, transparent);
}

.ThemeBorderColor2-Green6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 40%, transparent);
}

.ThemeBorderColor3-Green6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 40%, transparent);
}

.ThemeBorderColor4-Green6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 40%, transparent);
}

.ThemeBorderColor-Green6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-green-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Green6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-green-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 45%, transparent);
}

.ThemeBorderColor2-Green6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-green-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 45%, transparent);
}

.ThemeBorderColor3-Green6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-green-6) 45%, transparent);
}

.ThemeBorderColor4-Green6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-green-6) 45%, transparent);
}

.ThemeBorderColor-Mint1 {
  --theme-border-color: var(--color-mint-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1 {
  --theme-border-color-top: var(--color-mint-1);
  --theme-border-color-right: var(--color-mint-1);
  --theme-border-color-bottom: var(--color-mint-1);
  --theme-border-color-left: var(--color-mint-1);
}

.ThemeBorderColor2-Mint1 {
  --theme-border-color-right: var(--color-mint-1);
  --theme-border-color-left: var(--color-mint-1);
}

.ThemeBorderColor3-Mint1 {
  --theme-border-color-bottom: var(--color-mint-1);
}

.ThemeBorderColor4-Mint1 {
  --theme-border-color-left: var(--color-mint-1);
}

.ThemeBorderColor-Mint1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
}

.ThemeBorderColor2-Mint1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
}

.ThemeBorderColor3-Mint1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
}

.ThemeBorderColor4-Mint1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 20%, transparent);
}

.ThemeBorderColor-Mint1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
}

.ThemeBorderColor2-Mint1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
}

.ThemeBorderColor3-Mint1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
}

.ThemeBorderColor4-Mint1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 25%, transparent);
}

.ThemeBorderColor-Mint1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
}

.ThemeBorderColor2-Mint1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
}

.ThemeBorderColor3-Mint1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
}

.ThemeBorderColor4-Mint1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 30%, transparent);
}

.ThemeBorderColor-Mint1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
}

.ThemeBorderColor2-Mint1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
}

.ThemeBorderColor3-Mint1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
}

.ThemeBorderColor4-Mint1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 35%, transparent);
}

.ThemeBorderColor-Mint1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
}

.ThemeBorderColor2-Mint1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
}

.ThemeBorderColor3-Mint1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
}

.ThemeBorderColor4-Mint1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 40%, transparent);
}

.ThemeBorderColor-Mint1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
}

.ThemeBorderColor2-Mint1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
}

.ThemeBorderColor3-Mint1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
}

.ThemeBorderColor4-Mint1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-1) 45%, transparent);
}

.ThemeBorderColor-Mint2 {
  --theme-border-color: var(--color-mint-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2 {
  --theme-border-color-top: var(--color-mint-2);
  --theme-border-color-right: var(--color-mint-2);
  --theme-border-color-bottom: var(--color-mint-2);
  --theme-border-color-left: var(--color-mint-2);
}

.ThemeBorderColor2-Mint2 {
  --theme-border-color-right: var(--color-mint-2);
  --theme-border-color-left: var(--color-mint-2);
}

.ThemeBorderColor3-Mint2 {
  --theme-border-color-bottom: var(--color-mint-2);
}

.ThemeBorderColor4-Mint2 {
  --theme-border-color-left: var(--color-mint-2);
}

.ThemeBorderColor-Mint2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
}

.ThemeBorderColor2-Mint2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
}

.ThemeBorderColor3-Mint2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
}

.ThemeBorderColor4-Mint2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 20%, transparent);
}

.ThemeBorderColor-Mint2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
}

.ThemeBorderColor2-Mint2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
}

.ThemeBorderColor3-Mint2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
}

.ThemeBorderColor4-Mint2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 25%, transparent);
}

.ThemeBorderColor-Mint2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
}

.ThemeBorderColor2-Mint2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
}

.ThemeBorderColor3-Mint2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
}

.ThemeBorderColor4-Mint2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 30%, transparent);
}

.ThemeBorderColor-Mint2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
}

.ThemeBorderColor2-Mint2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
}

.ThemeBorderColor3-Mint2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
}

.ThemeBorderColor4-Mint2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 35%, transparent);
}

.ThemeBorderColor-Mint2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
}

.ThemeBorderColor2-Mint2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
}

.ThemeBorderColor3-Mint2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
}

.ThemeBorderColor4-Mint2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 40%, transparent);
}

.ThemeBorderColor-Mint2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
}

.ThemeBorderColor2-Mint2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
}

.ThemeBorderColor3-Mint2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
}

.ThemeBorderColor4-Mint2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-2) 45%, transparent);
}

.ThemeBorderColor-Mint3 {
  --theme-border-color: var(--color-mint-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3 {
  --theme-border-color-top: var(--color-mint-3);
  --theme-border-color-right: var(--color-mint-3);
  --theme-border-color-bottom: var(--color-mint-3);
  --theme-border-color-left: var(--color-mint-3);
}

.ThemeBorderColor2-Mint3 {
  --theme-border-color-right: var(--color-mint-3);
  --theme-border-color-left: var(--color-mint-3);
}

.ThemeBorderColor3-Mint3 {
  --theme-border-color-bottom: var(--color-mint-3);
}

.ThemeBorderColor4-Mint3 {
  --theme-border-color-left: var(--color-mint-3);
}

.ThemeBorderColor-Mint3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
}

.ThemeBorderColor2-Mint3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
}

.ThemeBorderColor3-Mint3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
}

.ThemeBorderColor4-Mint3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 20%, transparent);
}

.ThemeBorderColor-Mint3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
}

.ThemeBorderColor2-Mint3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
}

.ThemeBorderColor3-Mint3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
}

.ThemeBorderColor4-Mint3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 25%, transparent);
}

.ThemeBorderColor-Mint3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
}

.ThemeBorderColor2-Mint3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
}

.ThemeBorderColor3-Mint3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
}

.ThemeBorderColor4-Mint3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 30%, transparent);
}

.ThemeBorderColor-Mint3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
}

.ThemeBorderColor2-Mint3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
}

.ThemeBorderColor3-Mint3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
}

.ThemeBorderColor4-Mint3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 35%, transparent);
}

.ThemeBorderColor-Mint3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
}

.ThemeBorderColor2-Mint3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
}

.ThemeBorderColor3-Mint3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
}

.ThemeBorderColor4-Mint3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 40%, transparent);
}

.ThemeBorderColor-Mint3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
}

.ThemeBorderColor2-Mint3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
}

.ThemeBorderColor3-Mint3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
}

.ThemeBorderColor4-Mint3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-3) 45%, transparent);
}

.ThemeBorderColor-Mint4 {
  --theme-border-color: var(--color-mint-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4 {
  --theme-border-color-top: var(--color-mint-4);
  --theme-border-color-right: var(--color-mint-4);
  --theme-border-color-bottom: var(--color-mint-4);
  --theme-border-color-left: var(--color-mint-4);
}

.ThemeBorderColor2-Mint4 {
  --theme-border-color-right: var(--color-mint-4);
  --theme-border-color-left: var(--color-mint-4);
}

.ThemeBorderColor3-Mint4 {
  --theme-border-color-bottom: var(--color-mint-4);
}

.ThemeBorderColor4-Mint4 {
  --theme-border-color-left: var(--color-mint-4);
}

.ThemeBorderColor-Mint4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
}

.ThemeBorderColor2-Mint4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
}

.ThemeBorderColor3-Mint4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
}

.ThemeBorderColor4-Mint4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 20%, transparent);
}

.ThemeBorderColor-Mint4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
}

.ThemeBorderColor2-Mint4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
}

.ThemeBorderColor3-Mint4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
}

.ThemeBorderColor4-Mint4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 25%, transparent);
}

.ThemeBorderColor-Mint4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
}

.ThemeBorderColor2-Mint4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
}

.ThemeBorderColor3-Mint4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
}

.ThemeBorderColor4-Mint4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 30%, transparent);
}

.ThemeBorderColor-Mint4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
}

.ThemeBorderColor2-Mint4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
}

.ThemeBorderColor3-Mint4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
}

.ThemeBorderColor4-Mint4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 35%, transparent);
}

.ThemeBorderColor-Mint4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
}

.ThemeBorderColor2-Mint4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
}

.ThemeBorderColor3-Mint4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
}

.ThemeBorderColor4-Mint4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 40%, transparent);
}

.ThemeBorderColor-Mint4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
}

.ThemeBorderColor2-Mint4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
}

.ThemeBorderColor3-Mint4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
}

.ThemeBorderColor4-Mint4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-4) 45%, transparent);
}

.ThemeBorderColor-Mint5 {
  --theme-border-color: var(--color-mint-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5 {
  --theme-border-color-top: var(--color-mint-5);
  --theme-border-color-right: var(--color-mint-5);
  --theme-border-color-bottom: var(--color-mint-5);
  --theme-border-color-left: var(--color-mint-5);
}

.ThemeBorderColor2-Mint5 {
  --theme-border-color-right: var(--color-mint-5);
  --theme-border-color-left: var(--color-mint-5);
}

.ThemeBorderColor3-Mint5 {
  --theme-border-color-bottom: var(--color-mint-5);
}

.ThemeBorderColor4-Mint5 {
  --theme-border-color-left: var(--color-mint-5);
}

.ThemeBorderColor-Mint5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
}

.ThemeBorderColor2-Mint5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
}

.ThemeBorderColor3-Mint5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
}

.ThemeBorderColor4-Mint5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 20%, transparent);
}

.ThemeBorderColor-Mint5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
}

.ThemeBorderColor2-Mint5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
}

.ThemeBorderColor3-Mint5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
}

.ThemeBorderColor4-Mint5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 25%, transparent);
}

.ThemeBorderColor-Mint5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
}

.ThemeBorderColor2-Mint5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
}

.ThemeBorderColor3-Mint5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
}

.ThemeBorderColor4-Mint5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 30%, transparent);
}

.ThemeBorderColor-Mint5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
}

.ThemeBorderColor2-Mint5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
}

.ThemeBorderColor3-Mint5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
}

.ThemeBorderColor4-Mint5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 35%, transparent);
}

.ThemeBorderColor-Mint5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
}

.ThemeBorderColor2-Mint5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
}

.ThemeBorderColor3-Mint5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
}

.ThemeBorderColor4-Mint5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 40%, transparent);
}

.ThemeBorderColor-Mint5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
}

.ThemeBorderColor2-Mint5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
}

.ThemeBorderColor3-Mint5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
}

.ThemeBorderColor4-Mint5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-5) 45%, transparent);
}

.ThemeBorderColor-Mint6 {
  --theme-border-color: var(--color-mint-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6 {
  --theme-border-color-top: var(--color-mint-6);
  --theme-border-color-right: var(--color-mint-6);
  --theme-border-color-bottom: var(--color-mint-6);
  --theme-border-color-left: var(--color-mint-6);
}

.ThemeBorderColor2-Mint6 {
  --theme-border-color-right: var(--color-mint-6);
  --theme-border-color-left: var(--color-mint-6);
}

.ThemeBorderColor3-Mint6 {
  --theme-border-color-bottom: var(--color-mint-6);
}

.ThemeBorderColor4-Mint6 {
  --theme-border-color-left: var(--color-mint-6);
}

.ThemeBorderColor-Mint6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
}

.ThemeBorderColor2-Mint6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
}

.ThemeBorderColor3-Mint6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
}

.ThemeBorderColor4-Mint6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 20%, transparent);
}

.ThemeBorderColor-Mint6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
}

.ThemeBorderColor2-Mint6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
}

.ThemeBorderColor3-Mint6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
}

.ThemeBorderColor4-Mint6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 25%, transparent);
}

.ThemeBorderColor-Mint6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
}

.ThemeBorderColor2-Mint6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
}

.ThemeBorderColor3-Mint6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
}

.ThemeBorderColor4-Mint6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 30%, transparent);
}

.ThemeBorderColor-Mint6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
}

.ThemeBorderColor2-Mint6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
}

.ThemeBorderColor3-Mint6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
}

.ThemeBorderColor4-Mint6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 35%, transparent);
}

.ThemeBorderColor-Mint6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
}

.ThemeBorderColor2-Mint6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
}

.ThemeBorderColor3-Mint6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
}

.ThemeBorderColor4-Mint6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 40%, transparent);
}

.ThemeBorderColor-Mint6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Mint6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
}

.ThemeBorderColor2-Mint6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
}

.ThemeBorderColor3-Mint6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
}

.ThemeBorderColor4-Mint6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-mint-6) 45%, transparent);
}

.ThemeBorderColor-Cyan1 {
  --theme-border-color: var(--color-cyan-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1 {
  --theme-border-color-top: var(--color-cyan-1);
  --theme-border-color-right: var(--color-cyan-1);
  --theme-border-color-bottom: var(--color-cyan-1);
  --theme-border-color-left: var(--color-cyan-1);
}

.ThemeBorderColor2-Cyan1 {
  --theme-border-color-right: var(--color-cyan-1);
  --theme-border-color-left: var(--color-cyan-1);
}

.ThemeBorderColor3-Cyan1 {
  --theme-border-color-bottom: var(--color-cyan-1);
}

.ThemeBorderColor4-Cyan1 {
  --theme-border-color-left: var(--color-cyan-1);
}

.ThemeBorderColor-Cyan1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
}

.ThemeBorderColor2-Cyan1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
}

.ThemeBorderColor3-Cyan1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
}

.ThemeBorderColor4-Cyan1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 20%, transparent);
}

.ThemeBorderColor-Cyan1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
}

.ThemeBorderColor2-Cyan1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
}

.ThemeBorderColor3-Cyan1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
}

.ThemeBorderColor4-Cyan1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 25%, transparent);
}

.ThemeBorderColor-Cyan1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
}

.ThemeBorderColor2-Cyan1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
}

.ThemeBorderColor3-Cyan1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
}

.ThemeBorderColor4-Cyan1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 30%, transparent);
}

.ThemeBorderColor-Cyan1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
}

.ThemeBorderColor2-Cyan1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
}

.ThemeBorderColor3-Cyan1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
}

.ThemeBorderColor4-Cyan1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 35%, transparent);
}

.ThemeBorderColor-Cyan1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
}

.ThemeBorderColor2-Cyan1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
}

.ThemeBorderColor3-Cyan1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
}

.ThemeBorderColor4-Cyan1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 40%, transparent);
}

.ThemeBorderColor-Cyan1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
}

.ThemeBorderColor2-Cyan1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
}

.ThemeBorderColor3-Cyan1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
}

.ThemeBorderColor4-Cyan1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-1) 45%, transparent);
}

.ThemeBorderColor-Cyan2 {
  --theme-border-color: var(--color-cyan-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2 {
  --theme-border-color-top: var(--color-cyan-2);
  --theme-border-color-right: var(--color-cyan-2);
  --theme-border-color-bottom: var(--color-cyan-2);
  --theme-border-color-left: var(--color-cyan-2);
}

.ThemeBorderColor2-Cyan2 {
  --theme-border-color-right: var(--color-cyan-2);
  --theme-border-color-left: var(--color-cyan-2);
}

.ThemeBorderColor3-Cyan2 {
  --theme-border-color-bottom: var(--color-cyan-2);
}

.ThemeBorderColor4-Cyan2 {
  --theme-border-color-left: var(--color-cyan-2);
}

.ThemeBorderColor-Cyan2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
}

.ThemeBorderColor2-Cyan2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
}

.ThemeBorderColor3-Cyan2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
}

.ThemeBorderColor4-Cyan2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 20%, transparent);
}

.ThemeBorderColor-Cyan2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
}

.ThemeBorderColor2-Cyan2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
}

.ThemeBorderColor3-Cyan2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
}

.ThemeBorderColor4-Cyan2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 25%, transparent);
}

.ThemeBorderColor-Cyan2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
}

.ThemeBorderColor2-Cyan2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
}

.ThemeBorderColor3-Cyan2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
}

.ThemeBorderColor4-Cyan2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 30%, transparent);
}

.ThemeBorderColor-Cyan2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
}

.ThemeBorderColor2-Cyan2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
}

.ThemeBorderColor3-Cyan2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
}

.ThemeBorderColor4-Cyan2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 35%, transparent);
}

.ThemeBorderColor-Cyan2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
}

.ThemeBorderColor2-Cyan2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
}

.ThemeBorderColor3-Cyan2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
}

.ThemeBorderColor4-Cyan2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 40%, transparent);
}

.ThemeBorderColor-Cyan2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
}

.ThemeBorderColor2-Cyan2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
}

.ThemeBorderColor3-Cyan2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
}

.ThemeBorderColor4-Cyan2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-2) 45%, transparent);
}

.ThemeBorderColor-Cyan3 {
  --theme-border-color: var(--color-cyan-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3 {
  --theme-border-color-top: var(--color-cyan-3);
  --theme-border-color-right: var(--color-cyan-3);
  --theme-border-color-bottom: var(--color-cyan-3);
  --theme-border-color-left: var(--color-cyan-3);
}

.ThemeBorderColor2-Cyan3 {
  --theme-border-color-right: var(--color-cyan-3);
  --theme-border-color-left: var(--color-cyan-3);
}

.ThemeBorderColor3-Cyan3 {
  --theme-border-color-bottom: var(--color-cyan-3);
}

.ThemeBorderColor4-Cyan3 {
  --theme-border-color-left: var(--color-cyan-3);
}

.ThemeBorderColor-Cyan3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
}

.ThemeBorderColor2-Cyan3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
}

.ThemeBorderColor3-Cyan3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
}

.ThemeBorderColor4-Cyan3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 20%, transparent);
}

.ThemeBorderColor-Cyan3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
}

.ThemeBorderColor2-Cyan3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
}

.ThemeBorderColor3-Cyan3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
}

.ThemeBorderColor4-Cyan3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 25%, transparent);
}

.ThemeBorderColor-Cyan3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
}

.ThemeBorderColor2-Cyan3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
}

.ThemeBorderColor3-Cyan3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
}

.ThemeBorderColor4-Cyan3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 30%, transparent);
}

.ThemeBorderColor-Cyan3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
}

.ThemeBorderColor2-Cyan3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
}

.ThemeBorderColor3-Cyan3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
}

.ThemeBorderColor4-Cyan3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 35%, transparent);
}

.ThemeBorderColor-Cyan3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
}

.ThemeBorderColor2-Cyan3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
}

.ThemeBorderColor3-Cyan3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
}

.ThemeBorderColor4-Cyan3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 40%, transparent);
}

.ThemeBorderColor-Cyan3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
}

.ThemeBorderColor2-Cyan3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
}

.ThemeBorderColor3-Cyan3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
}

.ThemeBorderColor4-Cyan3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-3) 45%, transparent);
}

.ThemeBorderColor-Cyan4 {
  --theme-border-color: var(--color-cyan-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4 {
  --theme-border-color-top: var(--color-cyan-4);
  --theme-border-color-right: var(--color-cyan-4);
  --theme-border-color-bottom: var(--color-cyan-4);
  --theme-border-color-left: var(--color-cyan-4);
}

.ThemeBorderColor2-Cyan4 {
  --theme-border-color-right: var(--color-cyan-4);
  --theme-border-color-left: var(--color-cyan-4);
}

.ThemeBorderColor3-Cyan4 {
  --theme-border-color-bottom: var(--color-cyan-4);
}

.ThemeBorderColor4-Cyan4 {
  --theme-border-color-left: var(--color-cyan-4);
}

.ThemeBorderColor-Cyan4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
}

.ThemeBorderColor2-Cyan4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
}

.ThemeBorderColor3-Cyan4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
}

.ThemeBorderColor4-Cyan4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 20%, transparent);
}

.ThemeBorderColor-Cyan4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
}

.ThemeBorderColor2-Cyan4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
}

.ThemeBorderColor3-Cyan4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
}

.ThemeBorderColor4-Cyan4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 25%, transparent);
}

.ThemeBorderColor-Cyan4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
}

.ThemeBorderColor2-Cyan4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
}

.ThemeBorderColor3-Cyan4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
}

.ThemeBorderColor4-Cyan4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 30%, transparent);
}

.ThemeBorderColor-Cyan4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
}

.ThemeBorderColor2-Cyan4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
}

.ThemeBorderColor3-Cyan4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
}

.ThemeBorderColor4-Cyan4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 35%, transparent);
}

.ThemeBorderColor-Cyan4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
}

.ThemeBorderColor2-Cyan4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
}

.ThemeBorderColor3-Cyan4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
}

.ThemeBorderColor4-Cyan4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 40%, transparent);
}

.ThemeBorderColor-Cyan4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
}

.ThemeBorderColor2-Cyan4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
}

.ThemeBorderColor3-Cyan4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
}

.ThemeBorderColor4-Cyan4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-4) 45%, transparent);
}

.ThemeBorderColor-Cyan5 {
  --theme-border-color: var(--color-cyan-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5 {
  --theme-border-color-top: var(--color-cyan-5);
  --theme-border-color-right: var(--color-cyan-5);
  --theme-border-color-bottom: var(--color-cyan-5);
  --theme-border-color-left: var(--color-cyan-5);
}

.ThemeBorderColor2-Cyan5 {
  --theme-border-color-right: var(--color-cyan-5);
  --theme-border-color-left: var(--color-cyan-5);
}

.ThemeBorderColor3-Cyan5 {
  --theme-border-color-bottom: var(--color-cyan-5);
}

.ThemeBorderColor4-Cyan5 {
  --theme-border-color-left: var(--color-cyan-5);
}

.ThemeBorderColor-Cyan5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
}

.ThemeBorderColor2-Cyan5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
}

.ThemeBorderColor3-Cyan5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
}

.ThemeBorderColor4-Cyan5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 20%, transparent);
}

.ThemeBorderColor-Cyan5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
}

.ThemeBorderColor2-Cyan5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
}

.ThemeBorderColor3-Cyan5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
}

.ThemeBorderColor4-Cyan5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 25%, transparent);
}

.ThemeBorderColor-Cyan5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
}

.ThemeBorderColor2-Cyan5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
}

.ThemeBorderColor3-Cyan5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
}

.ThemeBorderColor4-Cyan5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 30%, transparent);
}

.ThemeBorderColor-Cyan5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
}

.ThemeBorderColor2-Cyan5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
}

.ThemeBorderColor3-Cyan5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
}

.ThemeBorderColor4-Cyan5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 35%, transparent);
}

.ThemeBorderColor-Cyan5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
}

.ThemeBorderColor2-Cyan5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
}

.ThemeBorderColor3-Cyan5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
}

.ThemeBorderColor4-Cyan5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 40%, transparent);
}

.ThemeBorderColor-Cyan5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
}

.ThemeBorderColor2-Cyan5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
}

.ThemeBorderColor3-Cyan5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
}

.ThemeBorderColor4-Cyan5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-5) 45%, transparent);
}

.ThemeBorderColor-Cyan6 {
  --theme-border-color: var(--color-cyan-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6 {
  --theme-border-color-top: var(--color-cyan-6);
  --theme-border-color-right: var(--color-cyan-6);
  --theme-border-color-bottom: var(--color-cyan-6);
  --theme-border-color-left: var(--color-cyan-6);
}

.ThemeBorderColor2-Cyan6 {
  --theme-border-color-right: var(--color-cyan-6);
  --theme-border-color-left: var(--color-cyan-6);
}

.ThemeBorderColor3-Cyan6 {
  --theme-border-color-bottom: var(--color-cyan-6);
}

.ThemeBorderColor4-Cyan6 {
  --theme-border-color-left: var(--color-cyan-6);
}

.ThemeBorderColor-Cyan6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
}

.ThemeBorderColor2-Cyan6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
}

.ThemeBorderColor3-Cyan6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
}

.ThemeBorderColor4-Cyan6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 20%, transparent);
}

.ThemeBorderColor-Cyan6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
}

.ThemeBorderColor2-Cyan6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
}

.ThemeBorderColor3-Cyan6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
}

.ThemeBorderColor4-Cyan6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 25%, transparent);
}

.ThemeBorderColor-Cyan6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
}

.ThemeBorderColor2-Cyan6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
}

.ThemeBorderColor3-Cyan6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
}

.ThemeBorderColor4-Cyan6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 30%, transparent);
}

.ThemeBorderColor-Cyan6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
}

.ThemeBorderColor2-Cyan6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
}

.ThemeBorderColor3-Cyan6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
}

.ThemeBorderColor4-Cyan6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 35%, transparent);
}

.ThemeBorderColor-Cyan6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
}

.ThemeBorderColor2-Cyan6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
}

.ThemeBorderColor3-Cyan6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
}

.ThemeBorderColor4-Cyan6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 40%, transparent);
}

.ThemeBorderColor-Cyan6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Cyan6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
}

.ThemeBorderColor2-Cyan6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
}

.ThemeBorderColor3-Cyan6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
}

.ThemeBorderColor4-Cyan6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-cyan-6) 45%, transparent);
}

.ThemeBorderColor-Blue1 {
  --theme-border-color: var(--color-blue-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1 {
  --theme-border-color-top: var(--color-blue-1);
  --theme-border-color-right: var(--color-blue-1);
  --theme-border-color-bottom: var(--color-blue-1);
  --theme-border-color-left: var(--color-blue-1);
}

.ThemeBorderColor2-Blue1 {
  --theme-border-color-right: var(--color-blue-1);
  --theme-border-color-left: var(--color-blue-1);
}

.ThemeBorderColor3-Blue1 {
  --theme-border-color-bottom: var(--color-blue-1);
}

.ThemeBorderColor4-Blue1 {
  --theme-border-color-left: var(--color-blue-1);
}

.ThemeBorderColor-Blue1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
}

.ThemeBorderColor2-Blue1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
}

.ThemeBorderColor3-Blue1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
}

.ThemeBorderColor4-Blue1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 20%, transparent);
}

.ThemeBorderColor-Blue1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
}

.ThemeBorderColor2-Blue1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
}

.ThemeBorderColor3-Blue1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
}

.ThemeBorderColor4-Blue1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 25%, transparent);
}

.ThemeBorderColor-Blue1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
}

.ThemeBorderColor2-Blue1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
}

.ThemeBorderColor3-Blue1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
}

.ThemeBorderColor4-Blue1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 30%, transparent);
}

.ThemeBorderColor-Blue1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
}

.ThemeBorderColor2-Blue1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
}

.ThemeBorderColor3-Blue1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
}

.ThemeBorderColor4-Blue1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 35%, transparent);
}

.ThemeBorderColor-Blue1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
}

.ThemeBorderColor2-Blue1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
}

.ThemeBorderColor3-Blue1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
}

.ThemeBorderColor4-Blue1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 40%, transparent);
}

.ThemeBorderColor-Blue1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
}

.ThemeBorderColor2-Blue1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
}

.ThemeBorderColor3-Blue1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
}

.ThemeBorderColor4-Blue1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-1) 45%, transparent);
}

.ThemeBorderColor-Blue2 {
  --theme-border-color: var(--color-blue-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2 {
  --theme-border-color-top: var(--color-blue-2);
  --theme-border-color-right: var(--color-blue-2);
  --theme-border-color-bottom: var(--color-blue-2);
  --theme-border-color-left: var(--color-blue-2);
}

.ThemeBorderColor2-Blue2 {
  --theme-border-color-right: var(--color-blue-2);
  --theme-border-color-left: var(--color-blue-2);
}

.ThemeBorderColor3-Blue2 {
  --theme-border-color-bottom: var(--color-blue-2);
}

.ThemeBorderColor4-Blue2 {
  --theme-border-color-left: var(--color-blue-2);
}

.ThemeBorderColor-Blue2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
}

.ThemeBorderColor2-Blue2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
}

.ThemeBorderColor3-Blue2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
}

.ThemeBorderColor4-Blue2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 20%, transparent);
}

.ThemeBorderColor-Blue2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
}

.ThemeBorderColor2-Blue2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
}

.ThemeBorderColor3-Blue2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
}

.ThemeBorderColor4-Blue2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 25%, transparent);
}

.ThemeBorderColor-Blue2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
}

.ThemeBorderColor2-Blue2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
}

.ThemeBorderColor3-Blue2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
}

.ThemeBorderColor4-Blue2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 30%, transparent);
}

.ThemeBorderColor-Blue2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
}

.ThemeBorderColor2-Blue2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
}

.ThemeBorderColor3-Blue2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
}

.ThemeBorderColor4-Blue2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 35%, transparent);
}

.ThemeBorderColor-Blue2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
}

.ThemeBorderColor2-Blue2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
}

.ThemeBorderColor3-Blue2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
}

.ThemeBorderColor4-Blue2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 40%, transparent);
}

.ThemeBorderColor-Blue2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
}

.ThemeBorderColor2-Blue2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
}

.ThemeBorderColor3-Blue2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
}

.ThemeBorderColor4-Blue2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-2) 45%, transparent);
}

.ThemeBorderColor-Blue3 {
  --theme-border-color: var(--color-blue-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3 {
  --theme-border-color-top: var(--color-blue-3);
  --theme-border-color-right: var(--color-blue-3);
  --theme-border-color-bottom: var(--color-blue-3);
  --theme-border-color-left: var(--color-blue-3);
}

.ThemeBorderColor2-Blue3 {
  --theme-border-color-right: var(--color-blue-3);
  --theme-border-color-left: var(--color-blue-3);
}

.ThemeBorderColor3-Blue3 {
  --theme-border-color-bottom: var(--color-blue-3);
}

.ThemeBorderColor4-Blue3 {
  --theme-border-color-left: var(--color-blue-3);
}

.ThemeBorderColor-Blue3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
}

.ThemeBorderColor2-Blue3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
}

.ThemeBorderColor3-Blue3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
}

.ThemeBorderColor4-Blue3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 20%, transparent);
}

.ThemeBorderColor-Blue3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
}

.ThemeBorderColor2-Blue3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
}

.ThemeBorderColor3-Blue3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
}

.ThemeBorderColor4-Blue3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 25%, transparent);
}

.ThemeBorderColor-Blue3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
}

.ThemeBorderColor2-Blue3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
}

.ThemeBorderColor3-Blue3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
}

.ThemeBorderColor4-Blue3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 30%, transparent);
}

.ThemeBorderColor-Blue3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
}

.ThemeBorderColor2-Blue3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
}

.ThemeBorderColor3-Blue3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
}

.ThemeBorderColor4-Blue3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 35%, transparent);
}

.ThemeBorderColor-Blue3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
}

.ThemeBorderColor2-Blue3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
}

.ThemeBorderColor3-Blue3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
}

.ThemeBorderColor4-Blue3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 40%, transparent);
}

.ThemeBorderColor-Blue3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
}

.ThemeBorderColor2-Blue3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
}

.ThemeBorderColor3-Blue3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
}

.ThemeBorderColor4-Blue3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-3) 45%, transparent);
}

.ThemeBorderColor-Blue4 {
  --theme-border-color: var(--color-blue-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4 {
  --theme-border-color-top: var(--color-blue-4);
  --theme-border-color-right: var(--color-blue-4);
  --theme-border-color-bottom: var(--color-blue-4);
  --theme-border-color-left: var(--color-blue-4);
}

.ThemeBorderColor2-Blue4 {
  --theme-border-color-right: var(--color-blue-4);
  --theme-border-color-left: var(--color-blue-4);
}

.ThemeBorderColor3-Blue4 {
  --theme-border-color-bottom: var(--color-blue-4);
}

.ThemeBorderColor4-Blue4 {
  --theme-border-color-left: var(--color-blue-4);
}

.ThemeBorderColor-Blue4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
}

.ThemeBorderColor2-Blue4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
}

.ThemeBorderColor3-Blue4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
}

.ThemeBorderColor4-Blue4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 20%, transparent);
}

.ThemeBorderColor-Blue4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
}

.ThemeBorderColor2-Blue4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
}

.ThemeBorderColor3-Blue4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
}

.ThemeBorderColor4-Blue4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 25%, transparent);
}

.ThemeBorderColor-Blue4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
}

.ThemeBorderColor2-Blue4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
}

.ThemeBorderColor3-Blue4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
}

.ThemeBorderColor4-Blue4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 30%, transparent);
}

.ThemeBorderColor-Blue4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
}

.ThemeBorderColor2-Blue4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
}

.ThemeBorderColor3-Blue4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
}

.ThemeBorderColor4-Blue4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 35%, transparent);
}

.ThemeBorderColor-Blue4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
}

.ThemeBorderColor2-Blue4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
}

.ThemeBorderColor3-Blue4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
}

.ThemeBorderColor4-Blue4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 40%, transparent);
}

.ThemeBorderColor-Blue4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
}

.ThemeBorderColor2-Blue4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
}

.ThemeBorderColor3-Blue4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
}

.ThemeBorderColor4-Blue4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-4) 45%, transparent);
}

.ThemeBorderColor-Blue5 {
  --theme-border-color: var(--color-blue-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5 {
  --theme-border-color-top: var(--color-blue-5);
  --theme-border-color-right: var(--color-blue-5);
  --theme-border-color-bottom: var(--color-blue-5);
  --theme-border-color-left: var(--color-blue-5);
}

.ThemeBorderColor2-Blue5 {
  --theme-border-color-right: var(--color-blue-5);
  --theme-border-color-left: var(--color-blue-5);
}

.ThemeBorderColor3-Blue5 {
  --theme-border-color-bottom: var(--color-blue-5);
}

.ThemeBorderColor4-Blue5 {
  --theme-border-color-left: var(--color-blue-5);
}

.ThemeBorderColor-Blue5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
}

.ThemeBorderColor2-Blue5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
}

.ThemeBorderColor3-Blue5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
}

.ThemeBorderColor4-Blue5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 20%, transparent);
}

.ThemeBorderColor-Blue5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
}

.ThemeBorderColor2-Blue5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
}

.ThemeBorderColor3-Blue5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
}

.ThemeBorderColor4-Blue5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 25%, transparent);
}

.ThemeBorderColor-Blue5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
}

.ThemeBorderColor2-Blue5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
}

.ThemeBorderColor3-Blue5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
}

.ThemeBorderColor4-Blue5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 30%, transparent);
}

.ThemeBorderColor-Blue5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
}

.ThemeBorderColor2-Blue5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
}

.ThemeBorderColor3-Blue5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
}

.ThemeBorderColor4-Blue5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 35%, transparent);
}

.ThemeBorderColor-Blue5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
}

.ThemeBorderColor2-Blue5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
}

.ThemeBorderColor3-Blue5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
}

.ThemeBorderColor4-Blue5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 40%, transparent);
}

.ThemeBorderColor-Blue5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
}

.ThemeBorderColor2-Blue5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
}

.ThemeBorderColor3-Blue5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
}

.ThemeBorderColor4-Blue5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-5) 45%, transparent);
}

.ThemeBorderColor-Blue6 {
  --theme-border-color: var(--color-blue-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6 {
  --theme-border-color-top: var(--color-blue-6);
  --theme-border-color-right: var(--color-blue-6);
  --theme-border-color-bottom: var(--color-blue-6);
  --theme-border-color-left: var(--color-blue-6);
}

.ThemeBorderColor2-Blue6 {
  --theme-border-color-right: var(--color-blue-6);
  --theme-border-color-left: var(--color-blue-6);
}

.ThemeBorderColor3-Blue6 {
  --theme-border-color-bottom: var(--color-blue-6);
}

.ThemeBorderColor4-Blue6 {
  --theme-border-color-left: var(--color-blue-6);
}

.ThemeBorderColor-Blue6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
}

.ThemeBorderColor2-Blue6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
}

.ThemeBorderColor3-Blue6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
}

.ThemeBorderColor4-Blue6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 20%, transparent);
}

.ThemeBorderColor-Blue6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
}

.ThemeBorderColor2-Blue6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
}

.ThemeBorderColor3-Blue6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
}

.ThemeBorderColor4-Blue6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 25%, transparent);
}

.ThemeBorderColor-Blue6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
}

.ThemeBorderColor2-Blue6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
}

.ThemeBorderColor3-Blue6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
}

.ThemeBorderColor4-Blue6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 30%, transparent);
}

.ThemeBorderColor-Blue6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
}

.ThemeBorderColor2-Blue6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
}

.ThemeBorderColor3-Blue6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
}

.ThemeBorderColor4-Blue6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 35%, transparent);
}

.ThemeBorderColor-Blue6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
}

.ThemeBorderColor2-Blue6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
}

.ThemeBorderColor3-Blue6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
}

.ThemeBorderColor4-Blue6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 40%, transparent);
}

.ThemeBorderColor-Blue6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Blue6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
}

.ThemeBorderColor2-Blue6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
}

.ThemeBorderColor3-Blue6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
}

.ThemeBorderColor4-Blue6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-blue-6) 45%, transparent);
}

.ThemeBorderColor-Indigo1 {
  --theme-border-color: var(--color-indigo-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1 {
  --theme-border-color-top: var(--color-indigo-1);
  --theme-border-color-right: var(--color-indigo-1);
  --theme-border-color-bottom: var(--color-indigo-1);
  --theme-border-color-left: var(--color-indigo-1);
}

.ThemeBorderColor2-Indigo1 {
  --theme-border-color-right: var(--color-indigo-1);
  --theme-border-color-left: var(--color-indigo-1);
}

.ThemeBorderColor3-Indigo1 {
  --theme-border-color-bottom: var(--color-indigo-1);
}

.ThemeBorderColor4-Indigo1 {
  --theme-border-color-left: var(--color-indigo-1);
}

.ThemeBorderColor-Indigo1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
}

.ThemeBorderColor2-Indigo1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
}

.ThemeBorderColor3-Indigo1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
}

.ThemeBorderColor4-Indigo1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 20%, transparent);
}

.ThemeBorderColor-Indigo1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
}

.ThemeBorderColor2-Indigo1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
}

.ThemeBorderColor3-Indigo1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
}

.ThemeBorderColor4-Indigo1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 25%, transparent);
}

.ThemeBorderColor-Indigo1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
}

.ThemeBorderColor2-Indigo1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
}

.ThemeBorderColor3-Indigo1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
}

.ThemeBorderColor4-Indigo1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 30%, transparent);
}

.ThemeBorderColor-Indigo1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
}

.ThemeBorderColor2-Indigo1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
}

.ThemeBorderColor3-Indigo1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
}

.ThemeBorderColor4-Indigo1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 35%, transparent);
}

.ThemeBorderColor-Indigo1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
}

.ThemeBorderColor2-Indigo1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
}

.ThemeBorderColor3-Indigo1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
}

.ThemeBorderColor4-Indigo1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 40%, transparent);
}

.ThemeBorderColor-Indigo1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
}

.ThemeBorderColor2-Indigo1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
}

.ThemeBorderColor3-Indigo1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
}

.ThemeBorderColor4-Indigo1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-1) 45%, transparent);
}

.ThemeBorderColor-Indigo2 {
  --theme-border-color: var(--color-indigo-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2 {
  --theme-border-color-top: var(--color-indigo-2);
  --theme-border-color-right: var(--color-indigo-2);
  --theme-border-color-bottom: var(--color-indigo-2);
  --theme-border-color-left: var(--color-indigo-2);
}

.ThemeBorderColor2-Indigo2 {
  --theme-border-color-right: var(--color-indigo-2);
  --theme-border-color-left: var(--color-indigo-2);
}

.ThemeBorderColor3-Indigo2 {
  --theme-border-color-bottom: var(--color-indigo-2);
}

.ThemeBorderColor4-Indigo2 {
  --theme-border-color-left: var(--color-indigo-2);
}

.ThemeBorderColor-Indigo2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
}

.ThemeBorderColor2-Indigo2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
}

.ThemeBorderColor3-Indigo2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
}

.ThemeBorderColor4-Indigo2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 20%, transparent);
}

.ThemeBorderColor-Indigo2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
}

.ThemeBorderColor2-Indigo2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
}

.ThemeBorderColor3-Indigo2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
}

.ThemeBorderColor4-Indigo2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 25%, transparent);
}

.ThemeBorderColor-Indigo2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
}

.ThemeBorderColor2-Indigo2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
}

.ThemeBorderColor3-Indigo2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
}

.ThemeBorderColor4-Indigo2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 30%, transparent);
}

.ThemeBorderColor-Indigo2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
}

.ThemeBorderColor2-Indigo2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
}

.ThemeBorderColor3-Indigo2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
}

.ThemeBorderColor4-Indigo2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 35%, transparent);
}

.ThemeBorderColor-Indigo2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
}

.ThemeBorderColor2-Indigo2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
}

.ThemeBorderColor3-Indigo2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
}

.ThemeBorderColor4-Indigo2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 40%, transparent);
}

.ThemeBorderColor-Indigo2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
}

.ThemeBorderColor2-Indigo2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
}

.ThemeBorderColor3-Indigo2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
}

.ThemeBorderColor4-Indigo2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-2) 45%, transparent);
}

.ThemeBorderColor-Indigo3 {
  --theme-border-color: var(--color-indigo-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3 {
  --theme-border-color-top: var(--color-indigo-3);
  --theme-border-color-right: var(--color-indigo-3);
  --theme-border-color-bottom: var(--color-indigo-3);
  --theme-border-color-left: var(--color-indigo-3);
}

.ThemeBorderColor2-Indigo3 {
  --theme-border-color-right: var(--color-indigo-3);
  --theme-border-color-left: var(--color-indigo-3);
}

.ThemeBorderColor3-Indigo3 {
  --theme-border-color-bottom: var(--color-indigo-3);
}

.ThemeBorderColor4-Indigo3 {
  --theme-border-color-left: var(--color-indigo-3);
}

.ThemeBorderColor-Indigo3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
}

.ThemeBorderColor2-Indigo3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
}

.ThemeBorderColor3-Indigo3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
}

.ThemeBorderColor4-Indigo3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 20%, transparent);
}

.ThemeBorderColor-Indigo3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
}

.ThemeBorderColor2-Indigo3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
}

.ThemeBorderColor3-Indigo3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
}

.ThemeBorderColor4-Indigo3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 25%, transparent);
}

.ThemeBorderColor-Indigo3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
}

.ThemeBorderColor2-Indigo3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
}

.ThemeBorderColor3-Indigo3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
}

.ThemeBorderColor4-Indigo3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 30%, transparent);
}

.ThemeBorderColor-Indigo3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
}

.ThemeBorderColor2-Indigo3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
}

.ThemeBorderColor3-Indigo3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
}

.ThemeBorderColor4-Indigo3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 35%, transparent);
}

.ThemeBorderColor-Indigo3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
}

.ThemeBorderColor2-Indigo3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
}

.ThemeBorderColor3-Indigo3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
}

.ThemeBorderColor4-Indigo3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 40%, transparent);
}

.ThemeBorderColor-Indigo3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
}

.ThemeBorderColor2-Indigo3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
}

.ThemeBorderColor3-Indigo3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
}

.ThemeBorderColor4-Indigo3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-3) 45%, transparent);
}

.ThemeBorderColor-Indigo4 {
  --theme-border-color: var(--color-indigo-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4 {
  --theme-border-color-top: var(--color-indigo-4);
  --theme-border-color-right: var(--color-indigo-4);
  --theme-border-color-bottom: var(--color-indigo-4);
  --theme-border-color-left: var(--color-indigo-4);
}

.ThemeBorderColor2-Indigo4 {
  --theme-border-color-right: var(--color-indigo-4);
  --theme-border-color-left: var(--color-indigo-4);
}

.ThemeBorderColor3-Indigo4 {
  --theme-border-color-bottom: var(--color-indigo-4);
}

.ThemeBorderColor4-Indigo4 {
  --theme-border-color-left: var(--color-indigo-4);
}

.ThemeBorderColor-Indigo4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
}

.ThemeBorderColor2-Indigo4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
}

.ThemeBorderColor3-Indigo4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
}

.ThemeBorderColor4-Indigo4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 20%, transparent);
}

.ThemeBorderColor-Indigo4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
}

.ThemeBorderColor2-Indigo4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
}

.ThemeBorderColor3-Indigo4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
}

.ThemeBorderColor4-Indigo4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 25%, transparent);
}

.ThemeBorderColor-Indigo4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
}

.ThemeBorderColor2-Indigo4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
}

.ThemeBorderColor3-Indigo4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
}

.ThemeBorderColor4-Indigo4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 30%, transparent);
}

.ThemeBorderColor-Indigo4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
}

.ThemeBorderColor2-Indigo4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
}

.ThemeBorderColor3-Indigo4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
}

.ThemeBorderColor4-Indigo4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 35%, transparent);
}

.ThemeBorderColor-Indigo4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
}

.ThemeBorderColor2-Indigo4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
}

.ThemeBorderColor3-Indigo4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
}

.ThemeBorderColor4-Indigo4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 40%, transparent);
}

.ThemeBorderColor-Indigo4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
}

.ThemeBorderColor2-Indigo4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
}

.ThemeBorderColor3-Indigo4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
}

.ThemeBorderColor4-Indigo4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-4) 45%, transparent);
}

.ThemeBorderColor-Indigo5 {
  --theme-border-color: var(--color-indigo-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5 {
  --theme-border-color-top: var(--color-indigo-5);
  --theme-border-color-right: var(--color-indigo-5);
  --theme-border-color-bottom: var(--color-indigo-5);
  --theme-border-color-left: var(--color-indigo-5);
}

.ThemeBorderColor2-Indigo5 {
  --theme-border-color-right: var(--color-indigo-5);
  --theme-border-color-left: var(--color-indigo-5);
}

.ThemeBorderColor3-Indigo5 {
  --theme-border-color-bottom: var(--color-indigo-5);
}

.ThemeBorderColor4-Indigo5 {
  --theme-border-color-left: var(--color-indigo-5);
}

.ThemeBorderColor-Indigo5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
}

.ThemeBorderColor2-Indigo5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
}

.ThemeBorderColor3-Indigo5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
}

.ThemeBorderColor4-Indigo5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 20%, transparent);
}

.ThemeBorderColor-Indigo5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
}

.ThemeBorderColor2-Indigo5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
}

.ThemeBorderColor3-Indigo5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
}

.ThemeBorderColor4-Indigo5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 25%, transparent);
}

.ThemeBorderColor-Indigo5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
}

.ThemeBorderColor2-Indigo5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
}

.ThemeBorderColor3-Indigo5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
}

.ThemeBorderColor4-Indigo5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 30%, transparent);
}

.ThemeBorderColor-Indigo5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
}

.ThemeBorderColor2-Indigo5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
}

.ThemeBorderColor3-Indigo5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
}

.ThemeBorderColor4-Indigo5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 35%, transparent);
}

.ThemeBorderColor-Indigo5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
}

.ThemeBorderColor2-Indigo5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
}

.ThemeBorderColor3-Indigo5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
}

.ThemeBorderColor4-Indigo5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 40%, transparent);
}

.ThemeBorderColor-Indigo5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
}

.ThemeBorderColor2-Indigo5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
}

.ThemeBorderColor3-Indigo5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
}

.ThemeBorderColor4-Indigo5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-5) 45%, transparent);
}

.ThemeBorderColor-Indigo6 {
  --theme-border-color: var(--color-indigo-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6 {
  --theme-border-color-top: var(--color-indigo-6);
  --theme-border-color-right: var(--color-indigo-6);
  --theme-border-color-bottom: var(--color-indigo-6);
  --theme-border-color-left: var(--color-indigo-6);
}

.ThemeBorderColor2-Indigo6 {
  --theme-border-color-right: var(--color-indigo-6);
  --theme-border-color-left: var(--color-indigo-6);
}

.ThemeBorderColor3-Indigo6 {
  --theme-border-color-bottom: var(--color-indigo-6);
}

.ThemeBorderColor4-Indigo6 {
  --theme-border-color-left: var(--color-indigo-6);
}

.ThemeBorderColor-Indigo6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
}

.ThemeBorderColor2-Indigo6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
}

.ThemeBorderColor3-Indigo6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
}

.ThemeBorderColor4-Indigo6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 20%, transparent);
}

.ThemeBorderColor-Indigo6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
}

.ThemeBorderColor2-Indigo6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
}

.ThemeBorderColor3-Indigo6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
}

.ThemeBorderColor4-Indigo6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 25%, transparent);
}

.ThemeBorderColor-Indigo6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
}

.ThemeBorderColor2-Indigo6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
}

.ThemeBorderColor3-Indigo6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
}

.ThemeBorderColor4-Indigo6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 30%, transparent);
}

.ThemeBorderColor-Indigo6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
}

.ThemeBorderColor2-Indigo6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
}

.ThemeBorderColor3-Indigo6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
}

.ThemeBorderColor4-Indigo6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 35%, transparent);
}

.ThemeBorderColor-Indigo6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
}

.ThemeBorderColor2-Indigo6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
}

.ThemeBorderColor3-Indigo6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
}

.ThemeBorderColor4-Indigo6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 40%, transparent);
}

.ThemeBorderColor-Indigo6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Indigo6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
}

.ThemeBorderColor2-Indigo6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
}

.ThemeBorderColor3-Indigo6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
}

.ThemeBorderColor4-Indigo6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-indigo-6) 45%, transparent);
}

.ThemeBorderColor-Purple1 {
  --theme-border-color: var(--color-purple-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1 {
  --theme-border-color-top: var(--color-purple-1);
  --theme-border-color-right: var(--color-purple-1);
  --theme-border-color-bottom: var(--color-purple-1);
  --theme-border-color-left: var(--color-purple-1);
}

.ThemeBorderColor2-Purple1 {
  --theme-border-color-right: var(--color-purple-1);
  --theme-border-color-left: var(--color-purple-1);
}

.ThemeBorderColor3-Purple1 {
  --theme-border-color-bottom: var(--color-purple-1);
}

.ThemeBorderColor4-Purple1 {
  --theme-border-color-left: var(--color-purple-1);
}

.ThemeBorderColor-Purple1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
}

.ThemeBorderColor2-Purple1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
}

.ThemeBorderColor3-Purple1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
}

.ThemeBorderColor4-Purple1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 20%, transparent);
}

.ThemeBorderColor-Purple1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
}

.ThemeBorderColor2-Purple1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
}

.ThemeBorderColor3-Purple1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
}

.ThemeBorderColor4-Purple1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 25%, transparent);
}

.ThemeBorderColor-Purple1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
}

.ThemeBorderColor2-Purple1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
}

.ThemeBorderColor3-Purple1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
}

.ThemeBorderColor4-Purple1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 30%, transparent);
}

.ThemeBorderColor-Purple1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
}

.ThemeBorderColor2-Purple1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
}

.ThemeBorderColor3-Purple1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
}

.ThemeBorderColor4-Purple1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 35%, transparent);
}

.ThemeBorderColor-Purple1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
}

.ThemeBorderColor2-Purple1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
}

.ThemeBorderColor3-Purple1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
}

.ThemeBorderColor4-Purple1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 40%, transparent);
}

.ThemeBorderColor-Purple1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
}

.ThemeBorderColor2-Purple1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
}

.ThemeBorderColor3-Purple1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
}

.ThemeBorderColor4-Purple1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-1) 45%, transparent);
}

.ThemeBorderColor-Purple2 {
  --theme-border-color: var(--color-purple-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2 {
  --theme-border-color-top: var(--color-purple-2);
  --theme-border-color-right: var(--color-purple-2);
  --theme-border-color-bottom: var(--color-purple-2);
  --theme-border-color-left: var(--color-purple-2);
}

.ThemeBorderColor2-Purple2 {
  --theme-border-color-right: var(--color-purple-2);
  --theme-border-color-left: var(--color-purple-2);
}

.ThemeBorderColor3-Purple2 {
  --theme-border-color-bottom: var(--color-purple-2);
}

.ThemeBorderColor4-Purple2 {
  --theme-border-color-left: var(--color-purple-2);
}

.ThemeBorderColor-Purple2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
}

.ThemeBorderColor2-Purple2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
}

.ThemeBorderColor3-Purple2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
}

.ThemeBorderColor4-Purple2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 20%, transparent);
}

.ThemeBorderColor-Purple2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
}

.ThemeBorderColor2-Purple2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
}

.ThemeBorderColor3-Purple2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
}

.ThemeBorderColor4-Purple2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 25%, transparent);
}

.ThemeBorderColor-Purple2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
}

.ThemeBorderColor2-Purple2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
}

.ThemeBorderColor3-Purple2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
}

.ThemeBorderColor4-Purple2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 30%, transparent);
}

.ThemeBorderColor-Purple2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
}

.ThemeBorderColor2-Purple2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
}

.ThemeBorderColor3-Purple2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
}

.ThemeBorderColor4-Purple2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 35%, transparent);
}

.ThemeBorderColor-Purple2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
}

.ThemeBorderColor2-Purple2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
}

.ThemeBorderColor3-Purple2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
}

.ThemeBorderColor4-Purple2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 40%, transparent);
}

.ThemeBorderColor-Purple2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
}

.ThemeBorderColor2-Purple2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
}

.ThemeBorderColor3-Purple2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
}

.ThemeBorderColor4-Purple2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-2) 45%, transparent);
}

.ThemeBorderColor-Purple3 {
  --theme-border-color: var(--color-purple-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3 {
  --theme-border-color-top: var(--color-purple-3);
  --theme-border-color-right: var(--color-purple-3);
  --theme-border-color-bottom: var(--color-purple-3);
  --theme-border-color-left: var(--color-purple-3);
}

.ThemeBorderColor2-Purple3 {
  --theme-border-color-right: var(--color-purple-3);
  --theme-border-color-left: var(--color-purple-3);
}

.ThemeBorderColor3-Purple3 {
  --theme-border-color-bottom: var(--color-purple-3);
}

.ThemeBorderColor4-Purple3 {
  --theme-border-color-left: var(--color-purple-3);
}

.ThemeBorderColor-Purple3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
}

.ThemeBorderColor2-Purple3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
}

.ThemeBorderColor3-Purple3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
}

.ThemeBorderColor4-Purple3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 20%, transparent);
}

.ThemeBorderColor-Purple3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
}

.ThemeBorderColor2-Purple3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
}

.ThemeBorderColor3-Purple3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
}

.ThemeBorderColor4-Purple3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 25%, transparent);
}

.ThemeBorderColor-Purple3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
}

.ThemeBorderColor2-Purple3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
}

.ThemeBorderColor3-Purple3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
}

.ThemeBorderColor4-Purple3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 30%, transparent);
}

.ThemeBorderColor-Purple3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
}

.ThemeBorderColor2-Purple3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
}

.ThemeBorderColor3-Purple3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
}

.ThemeBorderColor4-Purple3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 35%, transparent);
}

.ThemeBorderColor-Purple3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
}

.ThemeBorderColor2-Purple3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
}

.ThemeBorderColor3-Purple3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
}

.ThemeBorderColor4-Purple3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 40%, transparent);
}

.ThemeBorderColor-Purple3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
}

.ThemeBorderColor2-Purple3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
}

.ThemeBorderColor3-Purple3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
}

.ThemeBorderColor4-Purple3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-3) 45%, transparent);
}

.ThemeBorderColor-Purple4 {
  --theme-border-color: var(--color-purple-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4 {
  --theme-border-color-top: var(--color-purple-4);
  --theme-border-color-right: var(--color-purple-4);
  --theme-border-color-bottom: var(--color-purple-4);
  --theme-border-color-left: var(--color-purple-4);
}

.ThemeBorderColor2-Purple4 {
  --theme-border-color-right: var(--color-purple-4);
  --theme-border-color-left: var(--color-purple-4);
}

.ThemeBorderColor3-Purple4 {
  --theme-border-color-bottom: var(--color-purple-4);
}

.ThemeBorderColor4-Purple4 {
  --theme-border-color-left: var(--color-purple-4);
}

.ThemeBorderColor-Purple4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
}

.ThemeBorderColor2-Purple4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
}

.ThemeBorderColor3-Purple4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
}

.ThemeBorderColor4-Purple4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 20%, transparent);
}

.ThemeBorderColor-Purple4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
}

.ThemeBorderColor2-Purple4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
}

.ThemeBorderColor3-Purple4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
}

.ThemeBorderColor4-Purple4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 25%, transparent);
}

.ThemeBorderColor-Purple4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
}

.ThemeBorderColor2-Purple4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
}

.ThemeBorderColor3-Purple4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
}

.ThemeBorderColor4-Purple4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 30%, transparent);
}

.ThemeBorderColor-Purple4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
}

.ThemeBorderColor2-Purple4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
}

.ThemeBorderColor3-Purple4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
}

.ThemeBorderColor4-Purple4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 35%, transparent);
}

.ThemeBorderColor-Purple4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
}

.ThemeBorderColor2-Purple4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
}

.ThemeBorderColor3-Purple4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
}

.ThemeBorderColor4-Purple4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 40%, transparent);
}

.ThemeBorderColor-Purple4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
}

.ThemeBorderColor2-Purple4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
}

.ThemeBorderColor3-Purple4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
}

.ThemeBorderColor4-Purple4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-4) 45%, transparent);
}

.ThemeBorderColor-Purple5 {
  --theme-border-color: var(--color-purple-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5 {
  --theme-border-color-top: var(--color-purple-5);
  --theme-border-color-right: var(--color-purple-5);
  --theme-border-color-bottom: var(--color-purple-5);
  --theme-border-color-left: var(--color-purple-5);
}

.ThemeBorderColor2-Purple5 {
  --theme-border-color-right: var(--color-purple-5);
  --theme-border-color-left: var(--color-purple-5);
}

.ThemeBorderColor3-Purple5 {
  --theme-border-color-bottom: var(--color-purple-5);
}

.ThemeBorderColor4-Purple5 {
  --theme-border-color-left: var(--color-purple-5);
}

.ThemeBorderColor-Purple5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
}

.ThemeBorderColor2-Purple5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
}

.ThemeBorderColor3-Purple5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
}

.ThemeBorderColor4-Purple5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 20%, transparent);
}

.ThemeBorderColor-Purple5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
}

.ThemeBorderColor2-Purple5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
}

.ThemeBorderColor3-Purple5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
}

.ThemeBorderColor4-Purple5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 25%, transparent);
}

.ThemeBorderColor-Purple5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
}

.ThemeBorderColor2-Purple5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
}

.ThemeBorderColor3-Purple5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
}

.ThemeBorderColor4-Purple5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 30%, transparent);
}

.ThemeBorderColor-Purple5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
}

.ThemeBorderColor2-Purple5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
}

.ThemeBorderColor3-Purple5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
}

.ThemeBorderColor4-Purple5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 35%, transparent);
}

.ThemeBorderColor-Purple5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
}

.ThemeBorderColor2-Purple5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
}

.ThemeBorderColor3-Purple5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
}

.ThemeBorderColor4-Purple5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 40%, transparent);
}

.ThemeBorderColor-Purple5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
}

.ThemeBorderColor2-Purple5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
}

.ThemeBorderColor3-Purple5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
}

.ThemeBorderColor4-Purple5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-5) 45%, transparent);
}

.ThemeBorderColor-Purple6 {
  --theme-border-color: var(--color-purple-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6 {
  --theme-border-color-top: var(--color-purple-6);
  --theme-border-color-right: var(--color-purple-6);
  --theme-border-color-bottom: var(--color-purple-6);
  --theme-border-color-left: var(--color-purple-6);
}

.ThemeBorderColor2-Purple6 {
  --theme-border-color-right: var(--color-purple-6);
  --theme-border-color-left: var(--color-purple-6);
}

.ThemeBorderColor3-Purple6 {
  --theme-border-color-bottom: var(--color-purple-6);
}

.ThemeBorderColor4-Purple6 {
  --theme-border-color-left: var(--color-purple-6);
}

.ThemeBorderColor-Purple6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
}

.ThemeBorderColor2-Purple6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
}

.ThemeBorderColor3-Purple6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
}

.ThemeBorderColor4-Purple6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 20%, transparent);
}

.ThemeBorderColor-Purple6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
}

.ThemeBorderColor2-Purple6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
}

.ThemeBorderColor3-Purple6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
}

.ThemeBorderColor4-Purple6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 25%, transparent);
}

.ThemeBorderColor-Purple6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
}

.ThemeBorderColor2-Purple6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
}

.ThemeBorderColor3-Purple6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
}

.ThemeBorderColor4-Purple6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 30%, transparent);
}

.ThemeBorderColor-Purple6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
}

.ThemeBorderColor2-Purple6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
}

.ThemeBorderColor3-Purple6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
}

.ThemeBorderColor4-Purple6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 35%, transparent);
}

.ThemeBorderColor-Purple6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
}

.ThemeBorderColor2-Purple6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
}

.ThemeBorderColor3-Purple6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
}

.ThemeBorderColor4-Purple6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 40%, transparent);
}

.ThemeBorderColor-Purple6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Purple6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
}

.ThemeBorderColor2-Purple6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
}

.ThemeBorderColor3-Purple6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
}

.ThemeBorderColor4-Purple6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-purple-6) 45%, transparent);
}

.ThemeBorderColor-Magenta1 {
  --theme-border-color: var(--color-magenta-1);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1 {
  --theme-border-color-top: var(--color-magenta-1);
  --theme-border-color-right: var(--color-magenta-1);
  --theme-border-color-bottom: var(--color-magenta-1);
  --theme-border-color-left: var(--color-magenta-1);
}

.ThemeBorderColor2-Magenta1 {
  --theme-border-color-right: var(--color-magenta-1);
  --theme-border-color-left: var(--color-magenta-1);
}

.ThemeBorderColor3-Magenta1 {
  --theme-border-color-bottom: var(--color-magenta-1);
}

.ThemeBorderColor4-Magenta1 {
  --theme-border-color-left: var(--color-magenta-1);
}

.ThemeBorderColor-Magenta1TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
}

.ThemeBorderColor2-Magenta1TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
}

.ThemeBorderColor3-Magenta1TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
}

.ThemeBorderColor4-Magenta1TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 20%, transparent);
}

.ThemeBorderColor-Magenta1TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
}

.ThemeBorderColor2-Magenta1TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
}

.ThemeBorderColor3-Magenta1TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
}

.ThemeBorderColor4-Magenta1TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 25%, transparent);
}

.ThemeBorderColor-Magenta1TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
}

.ThemeBorderColor2-Magenta1TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
}

.ThemeBorderColor3-Magenta1TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
}

.ThemeBorderColor4-Magenta1TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 30%, transparent);
}

.ThemeBorderColor-Magenta1TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
}

.ThemeBorderColor2-Magenta1TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
}

.ThemeBorderColor3-Magenta1TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
}

.ThemeBorderColor4-Magenta1TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 35%, transparent);
}

.ThemeBorderColor-Magenta1TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
}

.ThemeBorderColor2-Magenta1TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
}

.ThemeBorderColor3-Magenta1TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
}

.ThemeBorderColor4-Magenta1TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 40%, transparent);
}

.ThemeBorderColor-Magenta1TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta1TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
}

.ThemeBorderColor2-Magenta1TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
}

.ThemeBorderColor3-Magenta1TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
}

.ThemeBorderColor4-Magenta1TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-1) 45%, transparent);
}

.ThemeBorderColor-Magenta2 {
  --theme-border-color: var(--color-magenta-2);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2 {
  --theme-border-color-top: var(--color-magenta-2);
  --theme-border-color-right: var(--color-magenta-2);
  --theme-border-color-bottom: var(--color-magenta-2);
  --theme-border-color-left: var(--color-magenta-2);
}

.ThemeBorderColor2-Magenta2 {
  --theme-border-color-right: var(--color-magenta-2);
  --theme-border-color-left: var(--color-magenta-2);
}

.ThemeBorderColor3-Magenta2 {
  --theme-border-color-bottom: var(--color-magenta-2);
}

.ThemeBorderColor4-Magenta2 {
  --theme-border-color-left: var(--color-magenta-2);
}

.ThemeBorderColor-Magenta2TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
}

.ThemeBorderColor2-Magenta2TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
}

.ThemeBorderColor3-Magenta2TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
}

.ThemeBorderColor4-Magenta2TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 20%, transparent);
}

.ThemeBorderColor-Magenta2TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
}

.ThemeBorderColor2-Magenta2TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
}

.ThemeBorderColor3-Magenta2TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
}

.ThemeBorderColor4-Magenta2TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 25%, transparent);
}

.ThemeBorderColor-Magenta2TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
}

.ThemeBorderColor2-Magenta2TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
}

.ThemeBorderColor3-Magenta2TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
}

.ThemeBorderColor4-Magenta2TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 30%, transparent);
}

.ThemeBorderColor-Magenta2TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
}

.ThemeBorderColor2-Magenta2TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
}

.ThemeBorderColor3-Magenta2TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
}

.ThemeBorderColor4-Magenta2TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 35%, transparent);
}

.ThemeBorderColor-Magenta2TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
}

.ThemeBorderColor2-Magenta2TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
}

.ThemeBorderColor3-Magenta2TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
}

.ThemeBorderColor4-Magenta2TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 40%, transparent);
}

.ThemeBorderColor-Magenta2TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta2TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
}

.ThemeBorderColor2-Magenta2TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
}

.ThemeBorderColor3-Magenta2TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
}

.ThemeBorderColor4-Magenta2TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-2) 45%, transparent);
}

.ThemeBorderColor-Magenta3 {
  --theme-border-color: var(--color-magenta-3);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3 {
  --theme-border-color-top: var(--color-magenta-3);
  --theme-border-color-right: var(--color-magenta-3);
  --theme-border-color-bottom: var(--color-magenta-3);
  --theme-border-color-left: var(--color-magenta-3);
}

.ThemeBorderColor2-Magenta3 {
  --theme-border-color-right: var(--color-magenta-3);
  --theme-border-color-left: var(--color-magenta-3);
}

.ThemeBorderColor3-Magenta3 {
  --theme-border-color-bottom: var(--color-magenta-3);
}

.ThemeBorderColor4-Magenta3 {
  --theme-border-color-left: var(--color-magenta-3);
}

.ThemeBorderColor-Magenta3TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
}

.ThemeBorderColor2-Magenta3TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
}

.ThemeBorderColor3-Magenta3TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
}

.ThemeBorderColor4-Magenta3TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 20%, transparent);
}

.ThemeBorderColor-Magenta3TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
}

.ThemeBorderColor2-Magenta3TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
}

.ThemeBorderColor3-Magenta3TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
}

.ThemeBorderColor4-Magenta3TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 25%, transparent);
}

.ThemeBorderColor-Magenta3TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
}

.ThemeBorderColor2-Magenta3TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
}

.ThemeBorderColor3-Magenta3TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
}

.ThemeBorderColor4-Magenta3TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 30%, transparent);
}

.ThemeBorderColor-Magenta3TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
}

.ThemeBorderColor2-Magenta3TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
}

.ThemeBorderColor3-Magenta3TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
}

.ThemeBorderColor4-Magenta3TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 35%, transparent);
}

.ThemeBorderColor-Magenta3TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
}

.ThemeBorderColor2-Magenta3TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
}

.ThemeBorderColor3-Magenta3TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
}

.ThemeBorderColor4-Magenta3TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 40%, transparent);
}

.ThemeBorderColor-Magenta3TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta3TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
}

.ThemeBorderColor2-Magenta3TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
}

.ThemeBorderColor3-Magenta3TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
}

.ThemeBorderColor4-Magenta3TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-3) 45%, transparent);
}

.ThemeBorderColor-Magenta4 {
  --theme-border-color: var(--color-magenta-4);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4 {
  --theme-border-color-top: var(--color-magenta-4);
  --theme-border-color-right: var(--color-magenta-4);
  --theme-border-color-bottom: var(--color-magenta-4);
  --theme-border-color-left: var(--color-magenta-4);
}

.ThemeBorderColor2-Magenta4 {
  --theme-border-color-right: var(--color-magenta-4);
  --theme-border-color-left: var(--color-magenta-4);
}

.ThemeBorderColor3-Magenta4 {
  --theme-border-color-bottom: var(--color-magenta-4);
}

.ThemeBorderColor4-Magenta4 {
  --theme-border-color-left: var(--color-magenta-4);
}

.ThemeBorderColor-Magenta4TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
}

.ThemeBorderColor2-Magenta4TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
}

.ThemeBorderColor3-Magenta4TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
}

.ThemeBorderColor4-Magenta4TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 20%, transparent);
}

.ThemeBorderColor-Magenta4TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
}

.ThemeBorderColor2-Magenta4TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
}

.ThemeBorderColor3-Magenta4TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
}

.ThemeBorderColor4-Magenta4TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 25%, transparent);
}

.ThemeBorderColor-Magenta4TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
}

.ThemeBorderColor2-Magenta4TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
}

.ThemeBorderColor3-Magenta4TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
}

.ThemeBorderColor4-Magenta4TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 30%, transparent);
}

.ThemeBorderColor-Magenta4TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
}

.ThemeBorderColor2-Magenta4TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
}

.ThemeBorderColor3-Magenta4TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
}

.ThemeBorderColor4-Magenta4TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 35%, transparent);
}

.ThemeBorderColor-Magenta4TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
}

.ThemeBorderColor2-Magenta4TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
}

.ThemeBorderColor3-Magenta4TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
}

.ThemeBorderColor4-Magenta4TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 40%, transparent);
}

.ThemeBorderColor-Magenta4TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta4TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
}

.ThemeBorderColor2-Magenta4TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
}

.ThemeBorderColor3-Magenta4TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
}

.ThemeBorderColor4-Magenta4TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-4) 45%, transparent);
}

.ThemeBorderColor-Magenta5 {
  --theme-border-color: var(--color-magenta-5);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5 {
  --theme-border-color-top: var(--color-magenta-5);
  --theme-border-color-right: var(--color-magenta-5);
  --theme-border-color-bottom: var(--color-magenta-5);
  --theme-border-color-left: var(--color-magenta-5);
}

.ThemeBorderColor2-Magenta5 {
  --theme-border-color-right: var(--color-magenta-5);
  --theme-border-color-left: var(--color-magenta-5);
}

.ThemeBorderColor3-Magenta5 {
  --theme-border-color-bottom: var(--color-magenta-5);
}

.ThemeBorderColor4-Magenta5 {
  --theme-border-color-left: var(--color-magenta-5);
}

.ThemeBorderColor-Magenta5TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
}

.ThemeBorderColor2-Magenta5TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
}

.ThemeBorderColor3-Magenta5TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
}

.ThemeBorderColor4-Magenta5TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 20%, transparent);
}

.ThemeBorderColor-Magenta5TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
}

.ThemeBorderColor2-Magenta5TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
}

.ThemeBorderColor3-Magenta5TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
}

.ThemeBorderColor4-Magenta5TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 25%, transparent);
}

.ThemeBorderColor-Magenta5TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
}

.ThemeBorderColor2-Magenta5TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
}

.ThemeBorderColor3-Magenta5TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
}

.ThemeBorderColor4-Magenta5TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 30%, transparent);
}

.ThemeBorderColor-Magenta5TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
}

.ThemeBorderColor2-Magenta5TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
}

.ThemeBorderColor3-Magenta5TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
}

.ThemeBorderColor4-Magenta5TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 35%, transparent);
}

.ThemeBorderColor-Magenta5TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
}

.ThemeBorderColor2-Magenta5TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
}

.ThemeBorderColor3-Magenta5TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
}

.ThemeBorderColor4-Magenta5TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 40%, transparent);
}

.ThemeBorderColor-Magenta5TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta5TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
}

.ThemeBorderColor2-Magenta5TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
}

.ThemeBorderColor3-Magenta5TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
}

.ThemeBorderColor4-Magenta5TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-5) 45%, transparent);
}

.ThemeBorderColor-Magenta6 {
  --theme-border-color: var(--color-magenta-6);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6 {
  --theme-border-color-top: var(--color-magenta-6);
  --theme-border-color-right: var(--color-magenta-6);
  --theme-border-color-bottom: var(--color-magenta-6);
  --theme-border-color-left: var(--color-magenta-6);
}

.ThemeBorderColor2-Magenta6 {
  --theme-border-color-right: var(--color-magenta-6);
  --theme-border-color-left: var(--color-magenta-6);
}

.ThemeBorderColor3-Magenta6 {
  --theme-border-color-bottom: var(--color-magenta-6);
}

.ThemeBorderColor4-Magenta6 {
  --theme-border-color-left: var(--color-magenta-6);
}

.ThemeBorderColor-Magenta6TP1 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6TP1 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
}

.ThemeBorderColor2-Magenta6TP1 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
}

.ThemeBorderColor3-Magenta6TP1 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
}

.ThemeBorderColor4-Magenta6TP1 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 20%, transparent);
}

.ThemeBorderColor-Magenta6TP2 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6TP2 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
}

.ThemeBorderColor2-Magenta6TP2 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
}

.ThemeBorderColor3-Magenta6TP2 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
}

.ThemeBorderColor4-Magenta6TP2 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 25%, transparent);
}

.ThemeBorderColor-Magenta6TP3 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6TP3 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
}

.ThemeBorderColor2-Magenta6TP3 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
}

.ThemeBorderColor3-Magenta6TP3 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
}

.ThemeBorderColor4-Magenta6TP3 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 30%, transparent);
}

.ThemeBorderColor-Magenta6TP4 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6TP4 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
}

.ThemeBorderColor2-Magenta6TP4 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
}

.ThemeBorderColor3-Magenta6TP4 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
}

.ThemeBorderColor4-Magenta6TP4 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 35%, transparent);
}

.ThemeBorderColor-Magenta6TP5 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6TP5 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
}

.ThemeBorderColor2-Magenta6TP5 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
}

.ThemeBorderColor3-Magenta6TP5 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
}

.ThemeBorderColor4-Magenta6TP5 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 40%, transparent);
}

.ThemeBorderColor-Magenta6TP6 {
  --theme-border-color: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
  --theme-border-ring-image: none;
}

.ThemeBorderColor1-Magenta6TP6 {
  --theme-border-color-top: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
}

.ThemeBorderColor2-Magenta6TP6 {
  --theme-border-color-right: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
}

.ThemeBorderColor3-Magenta6TP6 {
  --theme-border-color-bottom: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
}

.ThemeBorderColor4-Magenta6TP6 {
  --theme-border-color-left: color-mix(in srgb, var(--color-magenta-6) 45%, transparent);
}

@media (hover: hover) and (pointer: fine) {
  .ThemeInteractive:hover:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled):not(:has([data-stop-parent-interaction-state]:hover)) {
    --theme-bg: var(--theme-interactive-bg-hover, var(--theme-interactive-bg-auto-hover, color-mix(in srgb, currentcolor 6%, transparent)));
    background: var(--theme-bg);
  }
}

.ThemeInteractive:focus-visible:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) {
  --theme-bg: var(--theme-interactive-bg-hover, var(--theme-interactive-bg-auto-hover, color-mix(in srgb, currentcolor 6%, transparent)));
  background: var(--theme-bg);
}

.ThemeInteractive:has(:is(input, textarea, select, [role="combobox"], [role="spinbutton"]):focus-visible):not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled) {
  --theme-bg: var(--theme-interactive-bg-hover, var(--theme-interactive-bg-auto-hover, color-mix(in srgb, currentcolor 6%, transparent)));
  background: var(--theme-bg);
}

:is(.ThemeInteractive:active:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled):not(:has([data-stop-parent-interaction-state]:active)), .ThemeInteractive.ThemeSelected:not(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled)) {
  --theme-bg: var(--theme-interactive-bg-active, var(--theme-interactive-bg-auto-active, color-mix(in srgb, currentcolor 10%, transparent)));
  background: var(--theme-bg);
}

:root {
  --theme-alpha-TP1: 70%;
  --theme-alpha-TP2: 65%;
  --theme-alpha-TP3: 60%;
  --theme-alpha-TP4: 55%;
  --theme-alpha-TP5: 50%;
  --theme-alpha-TP6: 45%;
  --radius-circle: 25.6rem;
  --radius-system-extra-light: .8rem;
  --radius-system-light: 1.2rem;
  --radius-system: 1.6rem;
  --radius-system-bold: 2rem;
  --radius-system-extra-bold: 2.4rem;
  --radius-system-heavy: 3.6rem;
  --radius-system-alt: var(--radius-circle);
  --glass-edge-gradient: linear-gradient(135deg, #ffffff47 0%, #ffffff21 30%, #ffffff08 58%, #00000004 100%), linear-gradient(#00000003 0 0);
  --glass-edge-width: max(1px, .05rem);
  --shadow-base-light-1: 0 .1rem .8rem #0000000d;
  --shadow-filter-light-1: drop-shadow(0 .08rem .5rem #0000000a);
  --shadow-filter-color-light-1: #0000000a;
  --shadow-base-dark-1: 0 .1rem .8rem #0000001a;
  --shadow-filter-dark-1: drop-shadow(0 .08rem .5rem #00000014);
  --shadow-filter-color-dark-1: #00000014;
  --shadow-base-1: var(--shadow-base-light-1);
  --shadow-key-opacity-1: .04;
  --shadow-ambient-opacity-1: .03;
  --shadow-filter-1: var(--shadow-filter-light-1);
  --shadow-filter-color-1: var(--shadow-filter-color-light-1);
  --blur-base-1: .125rem;
  --shadow-base-light-2: 0 .2rem 1.2rem #00000012;
  --shadow-filter-light-2: drop-shadow(0 .15rem .9rem #0000000f);
  --shadow-filter-color-light-2: #0000000f;
  --shadow-base-dark-2: 0 .2rem 1.2rem #00000024;
  --shadow-filter-dark-2: drop-shadow(0 .15rem .9rem #0000001f);
  --shadow-filter-color-dark-2: #0000001f;
  --shadow-base-2: var(--shadow-base-light-2);
  --shadow-key-opacity-2: .05;
  --shadow-ambient-opacity-2: .04;
  --shadow-filter-2: var(--shadow-filter-light-2);
  --shadow-filter-color-2: var(--shadow-filter-color-light-2);
  --blur-base-2: .25rem;
  --shadow-base-light-3: 0 .35rem 2rem #00000017;
  --shadow-filter-light-3: drop-shadow(0 .3rem 1.6rem #00000014);
  --shadow-filter-color-light-3: #00000014;
  --shadow-base-dark-3: 0 .35rem 2rem #0000002e;
  --shadow-filter-dark-3: drop-shadow(0 .3rem 1.6rem #00000029);
  --shadow-filter-color-dark-3: #00000029;
  --shadow-base-3: var(--shadow-base-light-3);
  --shadow-key-opacity-3: .06;
  --shadow-ambient-opacity-3: .05;
  --shadow-filter-3: var(--shadow-filter-light-3);
  --shadow-filter-color-3: var(--shadow-filter-color-light-3);
  --blur-base-3: .5rem;
}

[data-color-mode="light"] {
  --shadow-base-1: var(--shadow-base-light-1);
  --shadow-key-opacity-1: .04;
  --shadow-ambient-opacity-1: .03;
  --shadow-filter-1: var(--shadow-filter-light-1);
  --shadow-filter-color-1: var(--shadow-filter-color-light-1);
  --shadow-base-2: var(--shadow-base-light-2);
  --shadow-key-opacity-2: .05;
  --shadow-ambient-opacity-2: .04;
  --shadow-filter-2: var(--shadow-filter-light-2);
  --shadow-filter-color-2: var(--shadow-filter-color-light-2);
  --shadow-base-3: var(--shadow-base-light-3);
  --shadow-key-opacity-3: .06;
  --shadow-ambient-opacity-3: .05;
  --shadow-filter-3: var(--shadow-filter-light-3);
  --shadow-filter-color-3: var(--shadow-filter-color-light-3);
}

[data-color-mode="dark"] {
  --glass-edge-gradient: linear-gradient(135deg, #ffffff0f 0%, #ffffff08 38%, #ffffff04 66%, #ffffff02 100%), linear-gradient(#ffffff04 0 0);
  --shadow-base-1: var(--shadow-base-dark-1);
  --shadow-key-opacity-1: .08;
  --shadow-ambient-opacity-1: .08;
  --shadow-filter-1: var(--shadow-filter-dark-1);
  --shadow-filter-color-1: var(--shadow-filter-color-dark-1);
  --shadow-base-2: var(--shadow-base-dark-2);
  --shadow-key-opacity-2: .12;
  --shadow-ambient-opacity-2: .1;
  --shadow-filter-2: var(--shadow-filter-dark-2);
  --shadow-filter-color-2: var(--shadow-filter-color-dark-2);
  --shadow-base-3: var(--shadow-base-dark-3);
  --shadow-key-opacity-3: .16;
  --shadow-ambient-opacity-3: .12;
  --shadow-filter-3: var(--shadow-filter-dark-3);
  --shadow-filter-color-3: var(--shadow-filter-color-dark-3);
}

.ThemeShadow-1 {
  --theme-shadow: var(--shadow-base-1);
  --theme-shadow-filter: var(--shadow-filter-1);
  --theme-shadow-color: var(--shadow-filter-color-1);
  box-shadow: var(--theme-shadow) !important;
}

.ThemeShadow-2 {
  --theme-shadow: var(--shadow-base-2);
  --theme-shadow-filter: var(--shadow-filter-2);
  --theme-shadow-color: var(--shadow-filter-color-2);
  box-shadow: var(--theme-shadow) !important;
}

.ThemeShadow-3 {
  --theme-shadow: var(--shadow-base-3);
  --theme-shadow-filter: var(--shadow-filter-3);
  --theme-shadow-color: var(--shadow-filter-color-3);
  box-shadow: var(--theme-shadow) !important;
}

.ThemeShadow-None {
  --theme-shadow: none;
  --theme-shadow-filter: none;
  --theme-shadow-color: transparent;
  box-shadow: none !important;
}

.ThemeBlur-1 {
  -webkit-backdrop-filter: blur(var(--blur-base-1)) saturate(1.8);
  backdrop-filter: blur(var(--blur-base-1)) saturate(1.8);
}

.ThemeBlur-2 {
  -webkit-backdrop-filter: blur(var(--blur-base-2)) saturate(1.8);
  backdrop-filter: blur(var(--blur-base-2)) saturate(1.8);
}

.ThemeBlur-3 {
  -webkit-backdrop-filter: blur(var(--blur-base-3)) saturate(1.8);
  backdrop-filter: blur(var(--blur-base-3)) saturate(1.8);
}

.BackgroundBlur-ExtraLight {
  --theme-backdrop-filter: blur(.4rem) saturate(1.8);
  -webkit-backdrop-filter: var(--theme-backdrop-filter);
  backdrop-filter: var(--theme-backdrop-filter);
}

.BackgroundBlur-Light {
  --theme-backdrop-filter: blur(.8rem) saturate(1.8);
  -webkit-backdrop-filter: var(--theme-backdrop-filter);
  backdrop-filter: var(--theme-backdrop-filter);
}

.BackgroundBlur-Regular {
  --theme-backdrop-filter: blur(1.2rem) saturate(1.8);
  -webkit-backdrop-filter: var(--theme-backdrop-filter);
  backdrop-filter: var(--theme-backdrop-filter);
}

.BackgroundBlur-Bold {
  --theme-backdrop-filter: blur(1.6rem) saturate(1.8);
  -webkit-backdrop-filter: var(--theme-backdrop-filter);
  backdrop-filter: var(--theme-backdrop-filter);
}

.BackgroundBlur-ExtraBold {
  --theme-backdrop-filter: blur(2rem) saturate(1.8);
  -webkit-backdrop-filter: var(--theme-backdrop-filter);
  backdrop-filter: var(--theme-backdrop-filter);
}

.BackgroundBlur-Heavy {
  --theme-backdrop-filter: blur(3.2rem) saturate(1.8);
  -webkit-backdrop-filter: var(--theme-backdrop-filter);
  backdrop-filter: var(--theme-backdrop-filter);
}

[data-material-surface] {
  --material-opacity: 1;
  --material-content-opacity: 1;
  z-index: 0;
  opacity: var(--material-opacity, 1);
  position: relative;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  background: none !important;
}

[data-material-surface]:before, [data-material-surface]:after, [data-material-surface] > :not([data-material-surface]), [data-material-surface] > [data-dialog-content-slot] > :not([data-material-surface]), [data-material-surface] > [data-dialog-content-slot] > [data-dialog-content-host] > :not([data-material-surface]) {
  --material-opacity: inherit;
  --material-content-opacity: inherit;
}

[data-material-surface]:before, [data-material-surface]:after {
  content: "";
  z-index: -1;
  box-sizing: border-box;
  pointer-events: none;
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

[data-material-surface] > [data-theme-background-layer] {
  z-index: 0;
  opacity: var(--material-opacity, 1);
  position: absolute;
}

[data-material-surface]:before {
  box-shadow: none;
  filter: none;
  -webkit-backdrop-filter: var(--theme-backdrop-filter, none);
  backdrop-filter: var(--theme-backdrop-filter, none);
  opacity: var(--material-opacity, 1);
  background: none !important;
}

[data-material-surface]:after {
  filter: none;
  opacity: var(--material-opacity, 1);
  background: var(--theme-bg, transparent) !important;
}

[data-material-surface] > :not([data-theme-background-layer], [data-dialog-popover-combined-shadow], [data-dialog-popover-combined-border]), [data-material-surface] > [data-dialog-content-slot], [data-material-surface] > [data-dialog-content-slot] > [data-dialog-form] {
  opacity: var(--material-content-opacity, 1);
}

[data-material-surface] > [data-dialog-content-slot] > [data-dialog-content-host] > * {
  z-index: 1;
  opacity: var(--material-content-opacity, 1);
  position: relative;
}

[data-material-surface] > [data-dialog-content-slot] > :not([data-dialog-content-host], [data-dialog-form]) {
  opacity: var(--material-content-opacity, 1);
}

[data-material-surface] > [data-dialog-popover-combined-shadow], [data-material-surface] > [data-dialog-popover-combined-border] {
  opacity: var(--material-opacity, 1);
}

.ThemePaintTransition[data-material-surface]:after {
  transition: var(--transition-theme-background),var(--transition-theme-border);
}

[data-material-surface][data-material-border] {
  border: 0 !important;
}

[data-material-surface][data-material-border]:after {
  border-style: var(--theme-border-style-top, var(--theme-border-style, solid)) var(--theme-border-style-right, var(--theme-border-style, solid)) var(--theme-border-style-bottom, var(--theme-border-style, solid)) var(--theme-border-style-left, var(--theme-border-style, solid));
  border-color: var(--theme-border-color-top, var(--theme-border-color, transparent)) var(--theme-border-color-right, var(--theme-border-color, transparent)) var(--theme-border-color-bottom, var(--theme-border-color, transparent)) var(--theme-border-color-left, var(--theme-border-color, transparent));
  border-width: var(--theme-border-width-top, 0) var(--theme-border-width-right, 0) var(--theme-border-width-bottom, 0) var(--theme-border-width-left, 0);
}

:is(.ThemeDisabled, .ThemeReadonly)[data-material-surface] {
  opacity: 1 !important;
}

.LayerBlur-ExtraLight {
  --theme-layer-blur: blur(.4rem);
}

.LayerBlur-Light {
  --theme-layer-blur: blur(.8rem);
}

.LayerBlur-Regular {
  --theme-layer-blur: blur(1.2rem);
}

.LayerBlur-Bold {
  --theme-layer-blur: blur(1.6rem);
}

.LayerBlur-ExtraBold {
  --theme-layer-blur: blur(2rem);
}

.LayerBlur-Heavy {
  --theme-layer-blur: blur(3.2rem);
}

:is(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled, .ThemeDisabled, .ThemeReadonly) {
  cursor: not-allowed !important;
  opacity: .4 !important;
  pointer-events: none !important;
}

:is(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled, .ThemeDisabled, .ThemeReadonly):hover, :is(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled, .ThemeDisabled, .ThemeReadonly):active, :is(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled, .ThemeDisabled, .ThemeReadonly):focus, :is(:disabled, [disabled], [readonly], [aria-disabled="true"], [data-disabled="true"], [data-readonly="true"], .disabled, .ThemeDisabled, .ThemeReadonly):focus-visible {
  pointer-events: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

:root {
  --viewport-w1-min: 0px;
  --viewport-w1-max: 319.98px;
  --viewport-w1-next: 320px;
  --viewport-w2-min: 320px;
  --viewport-w2-max: 409.98px;
  --viewport-w2-next: 410px;
  --viewport-w3-min: 410px;
  --viewport-w3-max: 767.98px;
  --viewport-w3-next: 768px;
  --viewport-w4-min: 768px;
  --viewport-w4-max: 813.98px;
  --viewport-w4-next: 814px;
  --viewport-w5-min: 814px;
  --viewport-w5-max: 1279.98px;
  --viewport-w5-next: 1280px;
}

@media (max-width: 319.98px) {
  .w1-h, .--w1-h {
    display: none !important;
  }
}

@media (min-width: 320px) {
  .w1-s, .--w1-s {
    display: none !important;
  }
}

@media (max-width: 319.98px) {
  .w1-scrollX, .--w1-scrollX {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden !important;
  }

  .w1-col, .--w1-col {
    flex-direction: column !important;
    display: flex !important;
  }
}

@media (max-width: 409.98px) {
  .w2-h, .--w2-h {
    display: none !important;
  }
}

@media (min-width: 410px) {
  .w2-s, .--w2-s {
    display: none !important;
  }
}

@media (max-width: 409.98px) {
  .w2-scrollX, .--w2-scrollX {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden !important;
  }

  .w2-col, .--w2-col {
    flex-direction: column !important;
    display: flex !important;
  }
}

@media (max-width: 767.98px) {
  .w3-h, .--w3-h {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .w3-s, .--w3-s {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .w3-scrollX, .--w3-scrollX {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden !important;
  }

  .w3-col, .--w3-col {
    flex-direction: column !important;
    display: flex !important;
  }
}

@media (max-width: 813.98px) {
  .w4-h, .--w4-h {
    display: none !important;
  }
}

@media (min-width: 814px) {
  .w4-s, .--w4-s {
    display: none !important;
  }
}

@media (max-width: 813.98px) {
  .w4-scrollX, .--w4-scrollX {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden !important;
  }

  .w4-col, .--w4-col {
    flex-direction: column !important;
    display: flex !important;
  }
}

@media (max-width: 1279.98px) {
  .w5-h, .--w5-h {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .w5-s, .--w5-s {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .w5-scrollX, .--w5-scrollX {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden !important;
  }

  .w5-col, .--w5-col {
    flex-direction: column !important;
    display: flex !important;
  }
}

@media (max-width: 409.98px) {
  .w1w2-h, .--w1w2-h {
    display: none !important;
  }
}

@media (min-width: 410px) {
  .w1w2-s, .--w1w2-s {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .w1w3-h, .--w1w3-h {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .w1w3-s, .--w1w3-s {
    display: none !important;
  }
}

@media (max-width: 813.98px) {
  .w1w4-h, .--w1w4-h {
    display: none !important;
  }
}

@media (min-width: 814px) {
  .w1w4-s, .--w1w4-s {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .w1w5-h, .--w1w5-h {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .w1w5-s, .--w1w5-s {
    display: none !important;
  }
}

@media (min-width: 320px) and (max-width: 767.98px) {
  .w2w3-h, .--w2w3-h {
    display: none !important;
  }
}

@media (max-width: 319.98px) {
  .w2w3-s, .--w2w3-s {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .w2w3-s, .--w2w3-s {
    display: none !important;
  }
}

@media (min-width: 320px) and (max-width: 813.98px) {
  .w2w4-h, .--w2w4-h {
    display: none !important;
  }
}

@media (max-width: 319.98px) {
  .w2w4-s, .--w2w4-s {
    display: none !important;
  }
}

@media (min-width: 814px) {
  .w2w4-s, .--w2w4-s {
    display: none !important;
  }
}

@media (min-width: 320px) and (max-width: 1279.98px) {
  .w2w5-h, .--w2w5-h {
    display: none !important;
  }
}

@media (max-width: 319.98px) {
  .w2w5-s, .--w2w5-s {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .w2w5-s, .--w2w5-s {
    display: none !important;
  }
}

@media (min-width: 410px) and (max-width: 813.98px) {
  .w3w4-h, .--w3w4-h {
    display: none !important;
  }
}

@media (max-width: 409.98px) {
  .w3w4-s, .--w3w4-s {
    display: none !important;
  }
}

@media (min-width: 814px) {
  .w3w4-s, .--w3w4-s {
    display: none !important;
  }
}

@media (min-width: 410px) and (max-width: 1279.98px) {
  .w3w5-h, .--w3w5-h {
    display: none !important;
  }
}

@media (max-width: 409.98px) {
  .w3w5-s, .--w3w5-s {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .w3w5-s, .--w3w5-s {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
  .w4w5-h, .--w4w5-h {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .w4w5-s, .--w4w5-s {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .w4w5-s, .--w4w5-s {
    display: none !important;
  }
}

/*# sourceMappingURL=_0o6t-bq._.css.map*/