/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/swiper.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/navigation.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/free-mode.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/grid.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!../../node_modules/.pnpm/swiper@11.2.10/node_modules/swiper/modules/pagination.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[13].use[3]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[13].use[4]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[13].use[5]!./src/styles/global.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root{
  --Basic-White: #ffffff;
  --Basic-Black: #000000;
  --Basic-None: #ffffff00;
  --Pure-Mauve-0: #000000;
  --Pure-Mauve-5: #100f22;
  --Pure-Mauve-10: #1b192d;
  --Pure-Mauve-20: #352b4a;
  --Pure-Mauve-30: #53436f;
  --Pure-Mauve-40: #655186;
  --Pure-Mauve-50: #7860a1;
  --Pure-Mauve-60: #826aaf;
  --Pure-Mauve-70: #9d8dc5;
  --Pure-Mauve-80: #b8aed7;
  --Pure-Mauve-90: #cbc6e6;
  --Pure-Mauve-95: #dad6f1;
  --Pure-Mauve-98: #e8e6f7;
  --Pure-Mauve-99: #f9f7fc;
  --Pure-Mauve-100: #ffffff;
  --Neutral-0: #000000;
  --Neutral-5: #121110;
  --Neutral-10: #242220;
  --Neutral-20: #302e2b;
  --Neutral-30: #47443f;
  --Neutral-40: #5c5854;
  --Neutral-50: #7a7671;
  --Neutral-60: #948f8b;
  --Neutral-70: #B2AFAB;
  --Neutral-80: #C7C4C1;
  --Neutral-90: #E3E1DE;
  --Neutral-95: #EBE9E8;
  --Neutral-98: #f5f4f2;
  --Neutral-99: #fcfbfa;
  --Neutral-100: #fffefd;
  --Neutral-Variant-0: #000000;
  --Neutral-Variant-5: #111111;
  --Neutral-Variant-10: #1c1c1c;
  --Neutral-Variant-20: #212121;
  --Neutral-Variant-25: #292929;
  --Neutral-Variant-30: #303030;
  --Neutral-Variant-40: #474747;
  --Neutral-Variant-50: #5C5C5C;
  --Neutral-Variant-60: #939393;
  --Neutral-Variant-70: #a8a8a8;
  --Neutral-Variant-80: #bfbfbf;
  --Neutral-Variant-90: #dedede;
  --Neutral-Variant-95: #e6e6e6;
  --Neutral-Variant-98: #f2f2f2;
  --Neutral-Variant-99: #fafafa;
  --Neutral-Variant-100: #ffffff;
  --Terracotta-0: #000000;
  --Terracotta-5: #2b0100;
  --Terracotta-10: #3f0300;
  --Terracotta-20: #530904;
  --Terracotta-30: #881f0f;
  --Terracotta-40: #a93724;
  --Terracotta-50: #ca4f3a;
  --Terracotta-60: #EC5F47;
  --Terracotta-70: #ff8a75;
  --Terracotta-80: #ffb4a6;
  --Terracotta-90: #ffdad4;
  --Terracotta-95: #ffede9;
  --Terracotta-98: #fff8f6;
  --Terracotta-99: #fffcfb;
  --Terracotta-100: #ffffff;
  --Terracotta-Variant-10: #260D0C;
  --Terracotta-Variant-20: #461A18;
  --Terracotta-Variant-30: #652A22;
  --Terracotta-Variant-40: #81362A;
  --Ember-0: #000000;
  --Ember-5: #230900;
  --Ember-10: #341100;
  --Ember-20: #552000;
  --Ember-30: #793100;
  --Ember-40: #9f4200;
  --Ember-50: #c55505;
  --Ember-60: #e76d24;
  --Ember-70: #ff8d4e;
  --Ember-80: #ffb692;
  --Ember-90: #ffdbcb;
  --Ember-95: #ffede6;
  --Ember-98: #fff4f0;
  --Ember-99: #fffcfb;
  --Ember-100: #ffffff;
  --Khaki-0: #000000;
  --Khaki-5: #171000;
  --Khaki-10: #241a00;
  --Khaki-20: #3d2e00;
  --Khaki-30: #584400;
  --Khaki-40: #755b00;
  --Khaki-50: #917312;
  --Khaki-60: #ad8d2d;
  --Khaki-70: #E0BA4D;
  --Khaki-80: #F0CF78;
  --Khaki-90: #fae3aa;
  --Khaki-95: #fff2d9;
  --Khaki-98: #fff8eb;
  --Khaki-99: #fffefb;
  --Khaki-100: #ffffff;
  --Olive-0: #000000;
  --Olive-5: #0b1400;
  --Olive-10: #131f00;
  --Olive-20: #243600;
  --Olive-30: #374e0b;
  --Olive-40: #4e6622;
  --Olive-50: #667f39;
  --Olive-60: #7f9a50;
  --Olive-70: #99b567;
  --Olive-80: #b4d180;
  --Olive-90: #d0ed99;
  --Olive-95: #def2b8;
  --Olive-98: #f1ffd2;
  --Olive-99: #f9ffe6;
  --Olive-100: #ffffff;
  --Teal-0: #000000;
  --Teal-5: #00150f;
  --Teal-10: #002018;
  --Teal-20: #00382c;
  --Teal-30: #005140;
  --Teal-40: #006b56;
  --Teal-50: #00876d;
  --Teal-60: #21B38F;
  --Teal-70: #51bda0;
  --Teal-80: #6fd9bb;
  --Teal-90: #98f4d7;
  --Teal-95: #C4F5E4;
  --Teal-98: #E4FCF2;
  --Teal-99: #f3fff9;
  --Teal-100: #ffffff;
  --Cobalt-0: #000000;
  --Cobalt-5: #000449;
  --Cobalt-10: #000767;
  --Cobalt-20: #182282;
  --Cobalt-30: #323c99;
  --Cobalt-40: #323c99;
  --Cobalt-50: #646ece;
  --Cobalt-60: #7e88ea;
  --Cobalt-70: #9ba4ff;
  --Cobalt-80: #bdc2ff;
  --Cobalt-90: #dfe0ff;
  --Cobalt-95: #f1efff;
  --Cobalt-98: #fbf8ff;
  --Cobalt-99: #fffbff;
  --Cobalt-100: #ffffff;
  --Berry-Pink-0: #000000;
  --Berry-Pink-5: #2b0010;
  --Berry-Pink-10: #3f001a;
  --Berry-Pink-20: #610c2e;
  --Berry-Pink-30: #7e2544;
  --Berry-Pink-40: #9d3d5c;
  --Berry-Pink-50: #bb5574;
  --Berry-Pink-60: #db6e8e;
  --Berry-Pink-70: #fa88a8;
  --Berry-Pink-80: #ffb1c4;
  --Berry-Pink-90: #ffd9e0;
  --Berry-Pink-95: #ffecef;
  --Berry-Pink-98: #fff8f8;
  --Berry-Pink-99: #fffbff;
  --Berry-Pink-100: #ffffff;
  --Lake-Blue-0: #000000;
  --Lake-Blue-5: #001224;
  --Lake-Blue-10: #001d35;
  --Lake-Blue-20: #003256;
  --Lake-Blue-30: #00497a;
  --Lake-Blue-40: #266296;
  --Lake-Blue-50: #447bb0;
  --Lake-Blue-60: #5f95cc;
  --Lake-Blue-70: #7aafe8;
  --Lake-Blue-80: #9ccaff;
  --Lake-Blue-90: #d0e4ff;
  --Lake-Blue-95: #e9f1ff;
  --Lake-Blue-98: #f8f9ff;
  --Lake-Blue-99: #fdfcff;
  --Lake-Blue-100: #ffffff;
  --Plum-Purple-0: #000000;
  --Plum-Purple-5: #2b001c;
  --Plum-Purple-10: #3f0029;
  --Plum-Purple-20: #610c43;
  --Plum-Purple-30: #7e255f;
  --Plum-Purple-40: #9d3d7b;
  --Plum-Purple-50: #bb5597;
  --Plum-Purple-60: #db6eb5;
  --Plum-Purple-70: #fa88d2;
  --Plum-Purple-80: #ffb1e4;
  --Plum-Purple-90: #ffd9f2;
  --Plum-Purple-95: #ffecf8;
  --Plum-Purple-98: #fff8fd;
  --Plum-Purple-99: #fffbfe;
  --Plum-Purple-100: #ffffff;
  --Opacity-On-Surface-10: #F0EFED;
  --Opacity-On-Surface-20: #E8E6E3;
  --Opacity-On-Surface-30: #DFDCD8;
  --Opacity-On-Surface-40: #D6D2CD;
  --Opacity-White-1: #ffffff03;
  --Opacity-White-3: #ffffff08;
  --Opacity-White-5: #ffffff0d;
  --Opacity-White-8: #ffffff14;
  --Opacity-White-12: #ffffff1f;
  --Opacity-White-16: #ffffff29;
  --Opacity-White-20: #ffffff33;
  --Opacity-White-30: #ffffff4d;
  --Opacity-White-40: #ffffff66;
  --Opacity-White-50: #ffffff80;
  --Opacity-White-60: #ffffff99;
  --Opacity-White-70: #ffffffb2;
  --Opacity-White-80: #ffffffcc;
  --Opacity-White-90: #ffffffe5;
  --Opacity-White-95: #fffffff2;
  --Opacity-White-100: #ffffff;
  --Opacity-Black-1: #00000003;
  --Opacity-Black-3: #00000008;
  --Opacity-Black-5: #0000000d;
  --Opacity-Black-8: #00000014;
  --Opacity-Black-12: #0000001f;
  --Opacity-Black-16: #00000029;
  --Opacity-Black-20: #00000033;
  --Opacity-Black-30: #0000004d;
  --Opacity-Black-40: #00000066;
  --Opacity-Black-50: #00000080;
  --Opacity-Black-60: #00000099;
  --Opacity-Black-70: #000000b2;
  --Opacity-Black-80: #000000cc;
  --Opacity-Black-90: #000000e5;
  --Opacity-Black-95: #000000f2;
  --Opacity-Black-100: #000000;
  --border-bolder: var(--Colors-Border-Bolder);
  --flow-color-01: var(--Colors-Utility-Gray-40);
  --flow-color-02: var(--Colors-Utility-Khaki-40);
  --flow-color-03: var(--Colors-Utility-Olive-40);
  --flow-color-04: var(--Colors-Utility-Teal-40);
  --flow-color-05: var(--Colors-Utility-Cobalt-40);
  --flow-color-06: var(--Colors-Utility-Berry-Pink-40);
  --flow-color-07: var(--Colors-Utility-Ember-40);
  --flow-color-08: var(--Colors-Utility-Terracotta-40);
  --flow-color-09: var(--Colors-Utility-Lake-Blue-40);
  --flow-color-10: var(--Colors-Utility-Purple-40);
  --flow-color-01-selected: var(--Colors-Utility-Gray-60);
  --flow-color-02-selected: var(--Colors-Utility-Khaki-60);
  --flow-color-03-selected: var(--Colors-Utility-Olive-60);
  --flow-color-04-selected: var(--Colors-Utility-Teal-60);
  --flow-color-05-selected: var(--Colors-Utility-Cobalt-60);
  --flow-color-06-selected: var(--Colors-Utility-Berry-Pink-60);
  --flow-color-07-selected: var(--Colors-Utility-Ember-60);
  --flow-color-08-selected: var(--Colors-Utility-Terracotta-60);
  --flow-color-09-selected: var(--Colors-Utility-Lake-Blue-60);
  --flow-color-10-selected: var(--Colors-Utility-Purple-60);
  --Component-Colors-Icon-Featured-icon-fg-info: var(--Lake-Blue-50);
  --Component-Colors-Icon-Featured-icon-fg-success: var(--Teal-50);
  --Component-Colors-Icon-Featured-icon-fg-warning: var(--Khaki-50);
  --Component-Colors-Icon-Featured-icon-fg-error: var(--Terracotta-50);
  --Component-Colors-Button-Brand-fg-default: var(--Pure-Mauve-5);
  --Component-Colors-Button-Brand-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Brand-bg-default: var(--Pure-Mauve-95);
  --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-90);
  --Component-Colors-Button-Brand-bg-active: var(--Pure-Mauve-80);
  --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-95);
  --Component-Colors-Button-Primary-fg-default: var(--Neutral-100);
  --Component-Colors-Button-Primary-fg-alt: var(--Neutral-Variant-98);
  --Component-Colors-Button-Primary-bg-default: var(--Neutral-5);
  --Component-Colors-Button-Primary-bg-hover: var(--Neutral-20);
  --Component-Colors-Button-Primary-bg-active: var(--Neutral-40);
  --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-80);
  --Component-Colors-Button-Primary-bg-default-2: var(--Neutral-5);
  --Component-Colors-Button-Secondary-fg-default: var(--Neutral-5);
  --Component-Colors-Button-Secondary-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Secondary-bg-default: var(--Basic-None);
  --Component-Colors-Button-Secondary-bg-hover: var(--Neutral-98);
  --Component-Colors-Button-Secondary-bg-active: var(--Neutral-95);
  --Component-Colors-Button-Secondary-border-default: var(--Neutral-5);
  --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Tertiary-fg-default: var(--Neutral-5);
  --Component-Colors-Button-Tertiary-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Tertiary-bg-default: var(--Opacity-On-Surface-10);
  --Component-Colors-Button-Tertiary-bg-hover: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Tertiary-bg-active: var(--Opacity-On-Surface-30);
  --Component-Colors-Button-Plain-fg-default: var(--Neutral-5);
  --Component-Colors-Button-Plain-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
  --Component-Colors-Button-Plain-bg-hover: var(--Neutral-98);
  --Component-Colors-Button-Plain-bg-active: var(--Neutral-95);
  --Component-Colors-Button-Plain-Brand-fg-default: var(--Pure-Mauve-50);
  --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
  --Component-Colors-Button-Plain-Brand-bg-hover: var(--Neutral-98);
  --Component-Colors-Button-Plain-Brand-bg-active: var(--Neutral-95);
  --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-100);
  --Component-Colors-Button-Error-Primary-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Error-Primary-bg-default: var(--Terracotta-50);
  --Component-Colors-Button-Error-Primary-bg-hover: var(--Terracotta-40);
  --Component-Colors-Button-Error-Primary-bg-active: var(--Terracotta-30);
  --Component-Colors-Button-Error-Primary-bg-disabled: var(--Neutral-95);
  --Component-Colors-Button-Error-Primary-bg-loading: var(--Terracotta-90);
  --Component-Colors-Button-Error-Secondary-fg-default: var(--Terracotta-50);
  --Component-Colors-Button-Error-Secondary-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Error-Secondary-bg-default: var(--Terracotta-98);
  --Component-Colors-Button-Error-Secondary-bg-hover: var(--Terracotta-90);
  --Component-Colors-Button-Error-Secondary-bg-active: var(--Terracotta-80);
  --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Terracotta-100);
  --Component-Colors-Button-Error-Secondary-border-default: var(--Terracotta-50);
  --Component-Colors-Button-Error-Secondary-border-disabled: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Static-fg-default: var(--Neutral-5);
  --Component-Colors-Button-Static-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Static-bg-default: var(--Neutral-100);
  --Component-Colors-Button-Static-bg-hover: var(--Neutral-98);
  --Component-Colors-Button-Static-bg-active: var(--Neutral-95);
  --Component-Colors-Button-Static-border-default: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Static-border-alt: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Ghost-fg-default: var(--Neutral-5);
  --Component-Colors-Button-Ghost-fg-alt: var(--Neutral-70);
  --Component-Colors-Button-Ghost-bg-default: var(--Neutral-100);
  --Component-Colors-Button-Ghost-bg-hover: var(--Neutral-98);
  --Component-Colors-Button-Ghost-bg-active: var(--Neutral-95);
  --Component-Colors-Button-Ghost-border-default: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Ghost-border-alt: var(--Opacity-On-Surface-20);
  --Component-Colors-Icon-Button-Brand-fg-default: var(--Pure-Mauve-5);
  --Component-Colors-Icon-Button-Brand-fg-alt: var(--Neutral-70);
  --Component-Colors-Icon-Button-Brand-bg-default: var(--Pure-Mauve-95);
  --Component-Colors-Icon-Button-Brand-bg-hover: var(--Pure-Mauve-80);
  --Component-Colors-Icon-Button-Brand-bg-active: var(--Pure-Mauve-70);
  --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Neutral-95);
  --Component-Colors-Icon-Button-Plain-fg-default: var(--Neutral-5);
  --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Neutral-40);
  --Component-Colors-Link-Button-Primary-fg-default: var(--Pure-Mauve-50);
  --Component-Colors-Link-Button-Primary-fg-hover: var(--Pure-Mauve-40);
  --Component-Colors-Link-Button-Primary-fg-active: var(--Pure-Mauve-30);
  --Component-Colors-Link-Button-Primary-fg-disabled: var(--Neutral-Variant-80);
  --Component-Colors-Link-Button-Primary-bg-default: var(--Basic-None);
  --Component-Colors-Link-Button-Secondary-fg-default: var(--Neutral-Variant-30);
  --Component-Colors-Link-Button-Secondary-fg-hover: var(--Neutral-Variant-50);
  --Component-Colors-Link-Button-Secondary-fg-active: var(--Neutral-Variant-70);
  --Component-Colors-Link-Button-Secondary-fg-disabled: var(--Neutral-Variant-80);
  --Component-Colors-Link-Button-Secondary-bg-default: var(--Basic-None);
  --Component-Colors-Tooltip-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Tooltip-fg-subtle: var(--Neutral-Variant-80);
  --Component-Colors-Tooltip-bg-default: var(--Neutral-Variant-10);
  --Component-Colors-Tooltip-border-default: var(--Basic-None);
  --Component-Colors-Tabbar-fg-default: var(--Neutral-60);
  --Component-Colors-Tabbar-fg-alt: var(--Neutral-70);
  --Component-Colors-Tabbar-fg-bolder: var(--Neutral-5);
  --Component-Colors-Tabbar-fg-disabled: var(--Neutral-90);
  --Component-Colors-Tabbar-fg-select-disabled: var(--Neutral-90);
  --Component-Colors-Tabbar-bg-default: var(--Opacity-On-Surface-10);
  --Component-Colors-Tabbar-bg-select: var(--Neutral-100);
  --Component-Colors-Tabbar-border-default: var(--Neutral-5);
  --Component-Colors-Tabbar-border-disabled: var(--Neutral-95);
  --Component-Colors-Energy-fg-default: var(--Khaki-40);
  --Component-Colors-Energy-fg-low: var(--Terracotta-30);
  --Component-Colors-Energy-bg-default: var(--Khaki-99);
  --Component-Colors-Energy-bg-alt: var(--Khaki-95);
  --Component-Colors-Energy-bg-on: var(--Khaki-80);
  --Component-Colors-Energy-bg-low: var(--Terracotta-99);
  --Component-Colors-Energy-bg-low_alt: var(--Terracotta-95);
  --Component-Colors-Energy-bg-low_on: var(--Terracotta-70);
  --Component-Colors-Energy-add-icon: var(--Khaki-60);
  --Component-Colors-Energy-Low-battery-add-icon: var(--Terracotta-60);
  --Component-Colors-Energy-border-default: var(--Khaki-60);
  --Component-Colors-Energy-border-low: var(--Terracotta-70);
  --Component-Colors-Input-bg-default: var(--Neutral-98);
  --Component-Colors-Input-bg-active: var(--Neutral-100);
  --Component-Colors-Input-border-default: var(--Neutral-80);
  --Component-Colors-Search-Bar-bg-default: var(--Opacity-On-Surface-10);
  --Component-Colors-Search-Bar-bg-active: var(--Neutral-100);
  --Component-Colors-Search-Bar-border-default: var(--Neutral-80);
  --Component-Colors-Shadows-Surface-Default: var(--Opacity-Black-12);
  --Component-Colors-Shadows-Surface-Bolder: var(--Opacity-Black-3);
  --Component-Colors-Shadows-Modal-Default: var(--Opacity-Black-12);
  --Component-Colors-Shadows-Modal-Bolder: var(--Opacity-Black-12);
  --Component-Colors-Shadows-Button-Primary-1: var(--Alpha-White-8);
  --Component-Colors-Focus-Rings-Brand: var(--Neutral-90);
  --Component-Colors-Focus-Rings-Error: var(--Terracotta-50);
  --Component-Colors-Chat-Tips-fg-info: var(--Pure-Mauve-50);
  --Component-Colors-Chat-Tips-bg-info: var(--Pure-Mauve-99);
  --Component-Colors-Chat-Tips-border-info: var(--Pure-Mauve-90);
  --Component-Colors-Chat-Tips-fg-alert: var(--Khaki-70);
  --Component-Colors-Chat-Tips-bg-alert: var(--Khaki-98);
  --Component-Colors-Chat-Tips-button-alert: var(--Khaki-90);
  --Component-Colors-Chat-Tips-border-alert: var(--Khaki-90);
  --Component-Colors-Chat-Tips-fg-error: var(--Terracotta-50);
  --Component-Colors-Chat-Tips-bg-error: var(--Terracotta-98);
  --Component-Colors-Chat-Tips-border-error: var(--Terracotta-90);
  --Component-Colors-Check-Box-fg-default: var(--Neutral-100);
  --Component-Colors-Check-Box-fg-alt: var(--Neutral-80);
  --Component-Colors-Check-Box-border-default: var(--Neutral-90);
  --Component-Colors-Check-Box-border-hover: var(--Neutral-80);
  --Component-Colors-Check-Box-border-disabled: var(--Neutral-95);
  --Component-Colors-Check-Box-bg-default: var(--Neutral-5);
  --Component-Colors-Check-Box-bg-hover: var(--Neutral-30);
  --Component-Colors-Check-Box-bg-disabled: var(--Neutral-99);
  --Component-Colors-Switch-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Switch-fg-on: var(--Neutral-Variant-100);
  --Component-Colors-Switch-fg-disabled: var(--Opacity-White-60);
  --Component-Colors-Switch-bg-default: var(--Neutral-Variant-90);
  --Component-Colors-Switch-bg-on: var(--Neutral-Variant-5);
  --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-95);
  --Component-Colors-Tag-bg-default: var(--Opacity-On-Surface-10);
  --Component-Colors-Chips-Primary-bg-default: var(--Neutral-100);
  --Component-Colors-Chips-Primary-bg-hover: var(--Neutral-98);
  --Component-Colors-Chips-Primary-bg-disabled: var(--Neutral-100);
  --Component-Colors-Chips-Primary-border-default: var(--Opacity-On-Surface-20);
  --Component-Colors-Chips-Primary-bg-select-disabled: var(--Neutral-90);
  --Component-Colors-Chips-Primary-bg-select: var(--Neutral-5);
  --Colors-Background-Normal-Primary-Default: var(--Neutral-99);
  --Colors-Background-Normal-Primary-Hover: var(--Neutral-98);
  --Colors-Background-Normal-Primary-Active: var(--Neutral-90);
  --Colors-Background-Normal-Primary-Alt: var(--Neutral-100);
  --Colors-Background-Normal-Secondary-Default: var(--Neutral-98);
  --Colors-Background-Normal-Secondary-Alt: var(--Neutral-100);
  --Colors-Background-Normal-Secondary-Hover: var(--Neutral-95);
  --Colors-Background-Normal-Secondary-Active: var(--Neutral-90);
  --Colors-Background-Normal-Tertiary-Default: var(--Neutral-100);
  --Colors-Background-Normal-Tertiary-Hover: var(--Neutral-98);
  --Colors-Background-Normal-Tertiary-Active: var(--Neutral-95);
  --Colors-Background-Neutral-Primary-Default: var(--Neutral-98);
  --Colors-Background-Neutral-Primary-Hover: var(--Neutral-95);
  --Colors-Background-Neutral-Primary-Active: var(--Neutral-90);
  --Colors-Background-Neutral-Secondary-Default: var(--Neutral-99);
  --Colors-Background-Neutral-Secondary-Hover: var(--Neutral-98);
  --Colors-Background-Neutral-Secondary-Active: var(--Neutral-95);
  --Colors-Background-Neutral-Tertiary-Default: var(--Neutral-98);
  --Colors-Background-Neutral-Tertiary-Hover: var(--Neutral-95);
  --Colors-Background-Neutral-Tertiary-Active: var(--Neutral-90);
  --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-On-Surface-10);
  --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-On-Surface-20);
  --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-On-Surface-30);
  --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-On-Surface-10);
  --Colors-Background-Neutral-On-Surface-Alt: var(--Opacity-On-Surface-40);
  --Colors-Background-Utilities-Bolder: var(--Neutral-5);
  --Colors-Background-Utilities-None: var(--Basic-None);
  --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
  --Colors-Background-Utilities-Static-White: var(--Neutral-99);
  --Colors-Background-Utilities-Static-Black: var(--Neutral-5);
  --Colors-Background-Utilities-Modal: var(--Neutral-100);
  --Colors-Background-Brand-Default: var(--Pure-Mauve-95);
  --Colors-Background-Brand-Alt: var(--Pure-Mauve-95);
  --Colors-Background-Brand-Subtle: var(--Pure-Mauve-98);
  --Colors-Background-Brand-Hover: var(--Pure-Mauve-90);
  --Colors-Background-Brand-Active: var(--Pure-Mauve-80);
  --Colors-Background-Brand-Bolder: var(--Pure-Mauve-30);
  --Colors-Background-Critical-Default: var(--Terracotta-90);
  --Colors-Background-Critical-Alt: var(--Terracotta-90);
  --Colors-Background-Critical-Subtle: var(--Terracotta-95);
  --Colors-Background-Critical-Hover: var(--Terracotta-80);
  --Colors-Background-Critical-Active: var(--Terracotta-70);
  --Colors-Background-Critical-Bolder: var(--Terracotta-30);
  --Colors-Background-Warning-Default: var(--Khaki-90);
  --Colors-Background-Warning-Alt: var(--Khaki-90);
  --Colors-Background-Warning-Subtle: var(--Khaki-95);
  --Colors-Background-Warning-Hover: var(--Khaki-80);
  --Colors-Background-Warning-Active: var(--Khaki-70);
  --Colors-Background-Warning-Bolder: var(--Khaki-30);
  --Colors-Background-Success-Default: var(--Teal-95);
  --Colors-Background-Success-Alt: var(--Teal-95);
  --Colors-Background-Success-Subtle: var(--Teal-98);
  --Colors-Background-Success-Hover: var(--Teal-90);
  --Colors-Background-Success-Active: var(--Teal-80);
  --Colors-Background-Success-Bolder: var(--Teal-30);
  --Colors-Background-Info-Default: var(--Lake-Blue-90);
  --Colors-Background-Info-Alt: var(--Lake-Blue-90);
  --Colors-Background-Info-Subtle: var(--Lake-Blue-95);
  --Colors-Background-Info-Hover: var(--Lake-Blue-80);
  --Colors-Background-Info-Active: var(--Lake-Blue-70);
  --Colors-Background-Info-Bolder: var(--Lake-Blue-30);
  --Colors-Text-Default: var(--Neutral-5);
  --Colors-Text-Subtle: var(--Neutral-30);
  --Colors-Text-Subtler: var(--Neutral-40);
  --Colors-Text-Subtlest: var(--Neutral-60);
  --Colors-Text-Disabled: var(--Neutral-80);
  --Colors-Text-Bolder: var(--Neutral-100);
  --Colors-Text-Static-White: var(--Neutral-100);
  --Colors-Text-Static-Black: var(--Neutral-5);
  --Colors-Text-Brand-Subtle: var(--Pure-Mauve-70);
  --Colors-Text-Brand-Default: var(--Pure-Mauve-50);
  --Colors-Text-Brand-Bolder: var(--Pure-Mauve-30);
  --Colors-Text-Critical-Subtle: var(--Terracotta-70);
  --Colors-Text-Critical-Default: var(--Terracotta-50);
  --Colors-Text-Critical-Bolder: var(--Terracotta-30);
  --Colors-Text-Warning-Subtle: var(--Khaki-80);
  --Colors-Text-Warning-Default: var(--Khaki-60);
  --Colors-Text-Warning-Bolder: var(--Khaki-30);
  --Colors-Text-Success-Subtle: var(--Teal-70);
  --Colors-Text-Success-Default: var(--Teal-50);
  --Colors-Text-Success-Bolder: var(--Teal-30);
  --Colors-Foreground-Default: var(--Neutral-5);
  --Colors-Foreground-Subtle: var(--Neutral-30);
  --Colors-Foreground-Subtler: var(--Neutral-40);
  --Colors-Foreground-Subtlest: var(--Neutral-50);
  --Colors-Foreground-Disabled: var(--Neutral-80);
  --Colors-Foreground-Bolder: var(--Neutral-100);
  --Colors-Foreground-Static-White: var(--Neutral-100);
  --Colors-Foreground-Static-Black: var(--Neutral-5);
  --Colors-Foreground-Brand-Subtle: var(--Pure-Mauve-70);
  --Colors-Foreground-Brand-Default: var(--Pure-Mauve-50);
  --Colors-Foreground-Brand-Bolder: var(--Pure-Mauve-30);
  --Colors-Foreground-Critical-Subtle: var(--Terracotta-70);
  --Colors-Foreground-Critical-Default: var(--Terracotta-50);
  --Colors-Foreground-Critical-Bolder: var(--Terracotta-30);
  --Colors-Foreground-Warning-Subtle: var(--Khaki-80);
  --Colors-Foreground-Warning-Default: var(--Khaki-60);
  --Colors-Foreground-Warning-Bolder: var(--Khaki-30);
  --Colors-Foreground-Success-Subtle: var(--Teal-70);
  --Colors-Foreground-Success-Default: var(--Teal-50);
  --Colors-Foreground-Success-Bolder: var(--Teal-30);
  --Colors-Border-Default: var(--Neutral-95);
  --Colors-Border-Alt: var(--Neutral-95);
  --Colors-Border-Hover: var(--Neutral-90);
  --Colors-Border-Active: var(--Neutral-80);
  --Colors-Border-Bolder: var(--Neutral-5);
  --Colors-Border-Brand: var(--Pure-Mauve-50);
  --Colors-Border-Brand_alt: var(--Pure-Mauve-80);
  --Colors-Border-Critical: var(--Terracotta-50);
  --Colors-Border-Success: var(--Teal-50);
  --Colors-Border-Warning: var(--Khaki-50);
  --Colors-Border-Opaque: var(--Opacity-White-1);
  --Colors-Border-Static: var(--Neutral-95);
  --Colors-Alpha-White-1: var(--Opacity-White-1);
  --Colors-Alpha-White-3: var(--Opacity-White-3);
  --Colors-Alpha-White-5: var(--Opacity-White-5);
  --Colors-Alpha-White-8: var(--Opacity-White-8);
  --Colors-Alpha-White-12: var(--Opacity-White-12);
  --Colors-Alpha-White-16: var(--Opacity-White-16);
  --Colors-Alpha-White-20: var(--Opacity-White-20);
  --Colors-Alpha-White-30: var(--Opacity-White-30);
  --Colors-Alpha-White-40: var(--Opacity-White-40);
  --Colors-Alpha-White-50: var(--Opacity-White-50);
  --Colors-Alpha-White-60: var(--Opacity-White-60);
  --Colors-Alpha-White-70: var(--Opacity-White-70);
  --Colors-Alpha-White-80: var(--Opacity-White-80);
  --Colors-Alpha-White-90: var(--Opacity-White-90);
  --Colors-Alpha-White-95: var(--Opacity-White-95);
  --Colors-Alpha-White-100: var(--Opacity-White-100);
  --Colors-Alpha-Black-1: var(--Opacity-Black-1);
  --Colors-Alpha-Black-3: var(--Opacity-Black-3);
  --Colors-Alpha-Black-5: var(--Opacity-Black-5);
  --Colors-Alpha-Black-8: var(--Opacity-Black-8);
  --Colors-Alpha-Black-12: var(--Opacity-Black-12);
  --Colors-Alpha-Black-16: var(--Opacity-Black-16);
  --Colors-Alpha-Black-20: var(--Opacity-Black-20);
  --Colors-Alpha-Black-30: var(--Opacity-Black-30);
  --Colors-Alpha-Black-40: var(--Opacity-Black-40);
  --Colors-Alpha-Black-50: var(--Opacity-Black-50);
  --Colors-Alpha-Black-60: var(--Opacity-Black-60);
  --Colors-Alpha-Black-70: var(--Opacity-Black-70);
  --Colors-Alpha-Black-80: var(--Opacity-Black-80);
  --Colors-Alpha-Black-90: var(--Opacity-Black-90);
  --Colors-Alpha-Black-95: var(--Opacity-Black-95);
  --Colors-Alpha-Black-100: var(--Opacity-Black-100);
  --Colors-Beta-White-1: var(--Opacity-White-1);
  --Colors-Beta-White-3: var(--Opacity-White-3);
  --Colors-Beta-White-5: var(--Opacity-White-5);
  --Colors-Beta-White-8: var(--Opacity-White-8);
  --Colors-Beta-White-12: var(--Opacity-White-12);
  --Colors-Beta-White-16: var(--Opacity-White-16);
  --Colors-Beta-White-20: var(--Opacity-White-20);
  --Colors-Beta-White-30: var(--Opacity-White-30);
  --Colors-Beta-White-40: var(--Opacity-White-40);
  --Colors-Beta-White-50: var(--Opacity-White-50);
  --Colors-Beta-White-60: var(--Opacity-White-60);
  --Colors-Beta-White-70: var(--Opacity-White-70);
  --Colors-Beta-White-80: var(--Opacity-White-80);
  --Colors-Beta-White-90: var(--Opacity-White-90);
  --Colors-Beta-White-95: var(--Opacity-White-95);
  --Colors-Beta-White-100: var(--Opacity-White-100);
  --Colors-Beta-Black-1: var(--Opacity-Black-1);
  --Colors-Beta-Black-3: var(--Opacity-Black-3);
  --Colors-Beta-Black-5: var(--Opacity-Black-5);
  --Colors-Beta-Black-8: var(--Opacity-Black-8);
  --Colors-Beta-Black-12: var(--Opacity-Black-12);
  --Colors-Beta-Black-16: var(--Opacity-Black-16);
  --Colors-Beta-Black-20: var(--Opacity-Black-20);
  --Colors-Beta-Black-30: var(--Opacity-Black-30);
  --Colors-Beta-Black-40: var(--Opacity-Black-40);
  --Colors-Beta-Black-50: var(--Opacity-Black-50);
  --Colors-Beta-Black-60: var(--Opacity-Black-60);
  --Colors-Beta-Black-70: var(--Opacity-Black-70);
  --Colors-Beta-Black-80: var(--Opacity-Black-80);
  --Colors-Beta-Black-90: var(--Opacity-Black-90);
  --Colors-Beta-Black-95: var(--Opacity-Black-95);
  --Colors-Beta-Black-100: var(--Opacity-Black-100);
  --Colors-Utility-Gray-5: var(--Neutral-Variant-98);
  --Colors-Utility-Gray-10: var(--Neutral-Variant-95);
  --Colors-Utility-Gray-20: var(--Neutral-Variant-90);
  --Colors-Utility-Gray-30: var(--Neutral-Variant-80);
  --Colors-Utility-Gray-40: var(--Neutral-Variant-70);
  --Colors-Utility-Gray-50: var(--Neutral-Variant-60);
  --Colors-Utility-Gray-60: var(--Neutral-Variant-50);
  --Colors-Utility-Gray-70: var(--Neutral-Variant-40);
  --Colors-Utility-Gray-80: var(--Neutral-Variant-30);
  --Colors-Utility-Olive-5: var(--Olive-98);
  --Colors-Utility-Olive-10: var(--Olive-95);
  --Colors-Utility-Olive-20: var(--Olive-90);
  --Colors-Utility-Olive-30: var(--Olive-80);
  --Colors-Utility-Olive-40: var(--Olive-70);
  --Colors-Utility-Olive-50: var(--Olive-60);
  --Colors-Utility-Olive-60: var(--Olive-50);
  --Colors-Utility-Olive-70: var(--Olive-40);
  --Colors-Utility-Olive-80: var(--Olive-30);
  --Colors-Utility-Teal-5: var(--Teal-98);
  --Colors-Utility-Teal-10: var(--Teal-95);
  --Colors-Utility-Teal-20: var(--Teal-90);
  --Colors-Utility-Teal-30: var(--Teal-80);
  --Colors-Utility-Teal-40: var(--Teal-70);
  --Colors-Utility-Teal-50: var(--Teal-60);
  --Colors-Utility-Teal-60: var(--Teal-50);
  --Colors-Utility-Teal-70: var(--Teal-40);
  --Colors-Utility-Teal-80: var(--Teal-30);
  --Colors-Utility-Lake-Blue-5: var(--Lake-Blue-98);
  --Colors-Utility-Lake-Blue-10: var(--Lake-Blue-95);
  --Colors-Utility-Lake-Blue-20: var(--Lake-Blue-90);
  --Colors-Utility-Lake-Blue-30: var(--Lake-Blue-80);
  --Colors-Utility-Lake-Blue-40: var(--Lake-Blue-70);
  --Colors-Utility-Lake-Blue-50: var(--Lake-Blue-60);
  --Colors-Utility-Lake-Blue-60: var(--Lake-Blue-50);
  --Colors-Utility-Lake-Blue-70: var(--Lake-Blue-40);
  --Colors-Utility-Lake-Blue-80: var(--Lake-Blue-30);
  --Colors-Utility-Cobalt-5: var(--Cobalt-98);
  --Colors-Utility-Cobalt-10: var(--Cobalt-95);
  --Colors-Utility-Cobalt-20: var(--Cobalt-90);
  --Colors-Utility-Cobalt-30: var(--Cobalt-80);
  --Colors-Utility-Cobalt-40: var(--Cobalt-70);
  --Colors-Utility-Cobalt-50: var(--Cobalt-60);
  --Colors-Utility-Cobalt-60: var(--Cobalt-50);
  --Colors-Utility-Cobalt-70: var(--Cobalt-40);
  --Colors-Utility-Cobalt-80: var(--Cobalt-30);
  --Colors-Utility-Berry-Pink-5: var(--Berry-Pink-98);
  --Colors-Utility-Berry-Pink-10: var(--Berry-Pink-95);
  --Colors-Utility-Berry-Pink-20: var(--Berry-Pink-90);
  --Colors-Utility-Berry-Pink-30: var(--Berry-Pink-80);
  --Colors-Utility-Berry-Pink-40: var(--Berry-Pink-70);
  --Colors-Utility-Berry-Pink-50: var(--Berry-Pink-60);
  --Colors-Utility-Berry-Pink-60: var(--Berry-Pink-50);
  --Colors-Utility-Berry-Pink-70: var(--Berry-Pink-40);
  --Colors-Utility-Berry-Pink-80: var(--Berry-Pink-30);
  --Colors-Utility-Terracotta-5: var(--Terracotta-98);
  --Colors-Utility-Terracotta-10: var(--Terracotta-95);
  --Colors-Utility-Terracotta-20: var(--Terracotta-90);
  --Colors-Utility-Terracotta-30: var(--Terracotta-80);
  --Colors-Utility-Terracotta-40: var(--Terracotta-70);
  --Colors-Utility-Terracotta-50: var(--Terracotta-60);
  --Colors-Utility-Terracotta-60: var(--Terracotta-50);
  --Colors-Utility-Terracotta-70: var(--Terracotta-40);
  --Colors-Utility-Terracotta-80: var(--Terracotta-30);
  --Colors-Utility-Ember-5: var(--Ember-98);
  --Colors-Utility-Ember-10: var(--Ember-95);
  --Colors-Utility-Ember-20: var(--Ember-90);
  --Colors-Utility-Ember-30: var(--Ember-80);
  --Colors-Utility-Ember-40: var(--Ember-70);
  --Colors-Utility-Ember-50: var(--Ember-60);
  --Colors-Utility-Ember-60: var(--Ember-50);
  --Colors-Utility-Ember-70: var(--Ember-40);
  --Colors-Utility-Ember-80: var(--Ember-30);
  --Colors-Utility-Khaki-5: var(--Khaki-98);
  --Colors-Utility-Khaki-10: var(--Khaki-95);
  --Colors-Utility-Khaki-20: var(--Khaki-90);
  --Colors-Utility-Khaki-30: var(--Khaki-80);
  --Colors-Utility-Khaki-40: var(--Khaki-70);
  --Colors-Utility-Khaki-50: var(--Khaki-60);
  --Colors-Utility-Khaki-60: var(--Khaki-50);
  --Colors-Utility-Khaki-70: var(--Khaki-40);
  --Colors-Utility-Khaki-80: var(--Khaki-30);
  --Colors-Utility-Purple-5: var(--Pure-Mauve-99);
  --Colors-Utility-Purple-10: var(--Pure-Mauve-98);
  --Colors-Utility-Purple-20: var(--Pure-Mauve-95);
  --Colors-Utility-Purple-30: var(--Pure-Mauve-90);
  --Colors-Utility-Purple-40: var(--Pure-Mauve-80);
  --Colors-Utility-Purple-50: var(--Pure-Mauve-70);
  --Colors-Utility-Purple-60: var(--Pure-Mauve-60);
  --Colors-Utility-Purple-70: var(--Pure-Mauve-50);
  --Colors-Utility-Purple-80: var(--Pure-Mauve-40);
  --Colors-Utility-Plum-Purple-5: var(--Plum-Purple-98);
  --Colors-Utility-Plum-Purple-10: var(--Plum-Purple-95);
  --Colors-Utility-Plum-Purple-20: var(--Plum-Purple-90);
  --Colors-Utility-Plum-Purple-30: var(--Plum-Purple-80);
  --Colors-Utility-Plum-Purple-40: var(--Plum-Purple-70);
  --Colors-Utility-Plum-Purple-50: var(--Plum-Purple-60);
  --Colors-Utility-Plum-Purple-60: var(--Plum-Purple-50);
  --Colors-Utility-Plum-Purple-70: var(--Plum-Purple-40);
  --Colors-Utility-Plum-Purple-80: var(--Plum-Purple-30);
  --Colors-FaceTime-White: var(--Opacity-White-20);
  --Colors-FaceTime-Black: var(--Opacity-Black-20);
}
.dark{
  --Basic-White: #ffffff;
  --Basic-Black: #000000;
  --Basic-None: #ffffff00;
  --Pure-Mauve-0: #000000;
  --Pure-Mauve-5: #100f22;
  --Pure-Mauve-10: #1b192d;
  --Pure-Mauve-20: #352b4a;
  --Pure-Mauve-30: #53436f;
  --Pure-Mauve-40: #655186;
  --Pure-Mauve-50: #7860a1;
  --Pure-Mauve-60: #826aaf;
  --Pure-Mauve-70: #9d8dc5;
  --Pure-Mauve-80: #b8aed7;
  --Pure-Mauve-90: #cbc6e6;
  --Pure-Mauve-95: #dad6f1;
  --Pure-Mauve-98: #e8e6f7;
  --Pure-Mauve-99: #f9f7fc;
  --Pure-Mauve-100: #ffffff;
  --Neutral-0: #000000;
  --Neutral-5: #121110;
  --Neutral-10: #242220;
  --Neutral-20: #302e2b;
  --Neutral-30: #47443f;
  --Neutral-40: #5c5854;
  --Neutral-50: #7a7671;
  --Neutral-60: #948f8b;
  --Neutral-70: #B2AFAB;
  --Neutral-80: #C7C4C1;
  --Neutral-90: #E3E1DE;
  --Neutral-95: #EBE9E8;
  --Neutral-98: #f5f4f2;
  --Neutral-99: #fcfbfa;
  --Neutral-100: #fffefd;
  --Neutral-Variant-0: #000000;
  --Neutral-Variant-5: #111111;
  --Neutral-Variant-10: #1c1c1c;
  --Neutral-Variant-20: #212121;
  --Neutral-Variant-25: #292929;
  --Neutral-Variant-30: #303030;
  --Neutral-Variant-40: #474747;
  --Neutral-Variant-50: #5C5C5C;
  --Neutral-Variant-60: #939393;
  --Neutral-Variant-70: #a8a8a8;
  --Neutral-Variant-80: #bfbfbf;
  --Neutral-Variant-90: #dedede;
  --Neutral-Variant-95: #e6e6e6;
  --Neutral-Variant-98: #f2f2f2;
  --Neutral-Variant-99: #fafafa;
  --Neutral-Variant-100: #ffffff;
  --Terracotta-0: #000000;
  --Terracotta-5: #2b0100;
  --Terracotta-10: #3f0300;
  --Terracotta-20: #530904;
  --Terracotta-30: #881f0f;
  --Terracotta-40: #a93724;
  --Terracotta-50: #ca4f3a;
  --Terracotta-60: #EC5F47;
  --Terracotta-70: #ff8a75;
  --Terracotta-80: #ffb4a6;
  --Terracotta-90: #ffdad4;
  --Terracotta-95: #ffede9;
  --Terracotta-98: #fff8f6;
  --Terracotta-99: #fffcfb;
  --Terracotta-100: #ffffff;
  --Terracotta-Variant-10: #260D0C;
  --Terracotta-Variant-20: #461A18;
  --Terracotta-Variant-30: #652A22;
  --Terracotta-Variant-40: #81362A;
  --Ember-0: #000000;
  --Ember-5: #230900;
  --Ember-10: #341100;
  --Ember-20: #552000;
  --Ember-30: #793100;
  --Ember-40: #9f4200;
  --Ember-50: #c55505;
  --Ember-60: #e76d24;
  --Ember-70: #ff8d4e;
  --Ember-80: #ffb692;
  --Ember-90: #ffdbcb;
  --Ember-95: #ffede6;
  --Ember-98: #fff4f0;
  --Ember-99: #fffcfb;
  --Ember-100: #ffffff;
  --Khaki-0: #000000;
  --Khaki-5: #171000;
  --Khaki-10: #241a00;
  --Khaki-20: #3d2e00;
  --Khaki-30: #584400;
  --Khaki-40: #755b00;
  --Khaki-50: #917312;
  --Khaki-60: #ad8d2d;
  --Khaki-70: #E0BA4D;
  --Khaki-80: #F0CF78;
  --Khaki-90: #fae3aa;
  --Khaki-95: #fff2d9;
  --Khaki-98: #fff8eb;
  --Khaki-99: #fffefb;
  --Khaki-100: #ffffff;
  --Olive-0: #000000;
  --Olive-5: #0b1400;
  --Olive-10: #131f00;
  --Olive-20: #243600;
  --Olive-30: #374e0b;
  --Olive-40: #4e6622;
  --Olive-50: #667f39;
  --Olive-60: #7f9a50;
  --Olive-70: #99b567;
  --Olive-80: #b4d180;
  --Olive-90: #d0ed99;
  --Olive-95: #def2b8;
  --Olive-98: #f1ffd2;
  --Olive-99: #f9ffe6;
  --Olive-100: #ffffff;
  --Teal-0: #000000;
  --Teal-5: #00150f;
  --Teal-10: #002018;
  --Teal-20: #00382c;
  --Teal-30: #005140;
  --Teal-40: #006b56;
  --Teal-50: #00876d;
  --Teal-60: #21B38F;
  --Teal-70: #51bda0;
  --Teal-80: #6fd9bb;
  --Teal-90: #98f4d7;
  --Teal-95: #C4F5E4;
  --Teal-98: #E4FCF2;
  --Teal-99: #f3fff9;
  --Teal-100: #ffffff;
  --Cobalt-0: #000000;
  --Cobalt-5: #000449;
  --Cobalt-10: #000767;
  --Cobalt-20: #182282;
  --Cobalt-30: #323c99;
  --Cobalt-40: #323c99;
  --Cobalt-50: #646ece;
  --Cobalt-60: #7e88ea;
  --Cobalt-70: #9ba4ff;
  --Cobalt-80: #bdc2ff;
  --Cobalt-90: #dfe0ff;
  --Cobalt-95: #f1efff;
  --Cobalt-98: #fbf8ff;
  --Cobalt-99: #fffbff;
  --Cobalt-100: #ffffff;
  --Berry-Pink-0: #000000;
  --Berry-Pink-5: #2b0010;
  --Berry-Pink-10: #3f001a;
  --Berry-Pink-20: #610c2e;
  --Berry-Pink-30: #7e2544;
  --Berry-Pink-40: #9d3d5c;
  --Berry-Pink-50: #bb5574;
  --Berry-Pink-60: #db6e8e;
  --Berry-Pink-70: #fa88a8;
  --Berry-Pink-80: #ffb1c4;
  --Berry-Pink-90: #ffd9e0;
  --Berry-Pink-95: #ffecef;
  --Berry-Pink-98: #fff8f8;
  --Berry-Pink-99: #fffbff;
  --Berry-Pink-100: #ffffff;
  --Lake-Blue-0: #000000;
  --Lake-Blue-5: #001224;
  --Lake-Blue-10: #001d35;
  --Lake-Blue-20: #003256;
  --Lake-Blue-30: #00497a;
  --Lake-Blue-40: #266296;
  --Lake-Blue-50: #447bb0;
  --Lake-Blue-60: #5f95cc;
  --Lake-Blue-70: #7aafe8;
  --Lake-Blue-80: #9ccaff;
  --Lake-Blue-90: #d0e4ff;
  --Lake-Blue-95: #e9f1ff;
  --Lake-Blue-98: #f8f9ff;
  --Lake-Blue-99: #fdfcff;
  --Lake-Blue-100: #ffffff;
  --Plum-Purple-0: #000000;
  --Plum-Purple-5: #2b001c;
  --Plum-Purple-10: #3f0029;
  --Plum-Purple-20: #610c43;
  --Plum-Purple-30: #7e255f;
  --Plum-Purple-40: #9d3d7b;
  --Plum-Purple-50: #bb5597;
  --Plum-Purple-60: #db6eb5;
  --Plum-Purple-70: #fa88d2;
  --Plum-Purple-80: #ffb1e4;
  --Plum-Purple-90: #ffd9f2;
  --Plum-Purple-95: #ffecf8;
  --Plum-Purple-98: #fff8fd;
  --Plum-Purple-99: #fffbfe;
  --Plum-Purple-100: #ffffff;
  --Opacity-On-Surface-10: #F0EFED;
  --Opacity-On-Surface-20: #E8E6E3;
  --Opacity-On-Surface-30: #DFDCD8;
  --Opacity-On-Surface-40: #D6D2CD;
  --Opacity-White-1: #ffffff03;
  --Opacity-White-3: #ffffff08;
  --Opacity-White-5: #ffffff0d;
  --Opacity-White-8: #ffffff14;
  --Opacity-White-12: #ffffff1f;
  --Opacity-White-16: #ffffff29;
  --Opacity-White-20: #ffffff33;
  --Opacity-White-30: #ffffff4d;
  --Opacity-White-40: #ffffff66;
  --Opacity-White-50: #ffffff80;
  --Opacity-White-60: #ffffff99;
  --Opacity-White-70: #ffffffb2;
  --Opacity-White-80: #ffffffcc;
  --Opacity-White-90: #ffffffe5;
  --Opacity-White-95: #fffffff2;
  --Opacity-White-100: #ffffff;
  --Opacity-Black-1: #00000003;
  --Opacity-Black-3: #00000008;
  --Opacity-Black-5: #0000000d;
  --Opacity-Black-8: #00000014;
  --Opacity-Black-12: #0000001f;
  --Opacity-Black-16: #00000029;
  --Opacity-Black-20: #00000033;
  --Opacity-Black-30: #0000004d;
  --Opacity-Black-40: #00000066;
  --Opacity-Black-50: #00000080;
  --Opacity-Black-60: #00000099;
  --Opacity-Black-70: #000000b2;
  --Opacity-Black-80: #000000cc;
  --Opacity-Black-90: #000000e5;
  --Opacity-Black-95: #000000f2;
  --Opacity-Black-100: #000000;
  --border-bolder: var(--Colors-Border-Bolder);
  --flow-color-01: var(--Colors-Utility-Gray-40);
  --flow-color-02: var(--Colors-Utility-Khaki-40);
  --flow-color-03: var(--Colors-Utility-Olive-40);
  --flow-color-04: var(--Colors-Utility-Teal-40);
  --flow-color-05: var(--Colors-Utility-Cobalt-40);
  --flow-color-06: var(--Colors-Utility-Berry-Pink-40);
  --flow-color-07: var(--Colors-Utility-Ember-40);
  --flow-color-08: var(--Colors-Utility-Terracotta-40);
  --flow-color-09: var(--Colors-Utility-Lake-Blue-40);
  --flow-color-10: var(--Colors-Utility-Purple-40);
  --flow-color-01-selected: var(--Colors-Utility-Gray-60);
  --flow-color-02-selected: var(--Colors-Utility-Khaki-60);
  --flow-color-03-selected: var(--Colors-Utility-Olive-60);
  --flow-color-04-selected: var(--Colors-Utility-Teal-60);
  --flow-color-05-selected: var(--Colors-Utility-Cobalt-60);
  --flow-color-06-selected: var(--Colors-Utility-Berry-Pink-60);
  --flow-color-07-selected: var(--Colors-Utility-Ember-60);
  --flow-color-08-selected: var(--Colors-Utility-Terracotta-60);
  --flow-color-09-selected: var(--Colors-Utility-Lake-Blue-60);
  --flow-color-10-selected: var(--Colors-Utility-Purple-60);
  --Component-Colors-Icon-Featured-icon-fg-info: var(--Lake-Blue-70);
  --Component-Colors-Icon-Featured-icon-fg-success: var(--Teal-70);
  --Component-Colors-Icon-Featured-icon-fg-warning: var(--Khaki-70);
  --Component-Colors-Icon-Featured-icon-fg-error: var(--Terracotta-70);
  --Component-Colors-Button-Brand-fg-default: var(--Pure-Mauve-99);
  --Component-Colors-Button-Brand-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Brand-bg-default: var(--Pure-Mauve-50);
  --Component-Colors-Button-Brand-bg-hover: var(--Pure-Mauve-40);
  --Component-Colors-Button-Brand-bg-active: var(--Pure-Mauve-20);
  --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-Variant-20);
  --Component-Colors-Button-Primary-fg-default: var(--Neutral-Variant-5);
  --Component-Colors-Button-Primary-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Primary-bg-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Primary-bg-hover: var(--Neutral-Variant-90);
  --Component-Colors-Button-Primary-bg-active: var(--Neutral-Variant-80);
  --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Button-Primary-bg-default-2: var(--Neutral-Variant-100);
  --Component-Colors-Button-Secondary-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Secondary-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Secondary-bg-default: var(--Basic-None);
  --Component-Colors-Button-Secondary-bg-hover: var(--Neutral-Variant-30);
  --Component-Colors-Button-Secondary-bg-active: var(--Neutral-Variant-40);
  --Component-Colors-Button-Secondary-border-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Secondary-border-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Button-Tertiary-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Tertiary-fg-alt: var(--Opacity-White-30);
  --Component-Colors-Button-Tertiary-bg-default: var(--Neutral-Variant-30);
  --Component-Colors-Button-Tertiary-bg-hover: var(--Neutral-Variant-40);
  --Component-Colors-Button-Tertiary-bg-active: var(--Neutral-Variant-50);
  --Component-Colors-Button-Plain-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Plain-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
  --Component-Colors-Button-Plain-bg-hover: var(--Neutral-Variant-30);
  --Component-Colors-Button-Plain-bg-active: var(--Neutral-Variant-40);
  --Component-Colors-Button-Plain-Brand-fg-default: var(--Pure-Mauve-70);
  --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
  --Component-Colors-Button-Plain-Brand-bg-hover: var(--Neutral-Variant-30);
  --Component-Colors-Button-Plain-Brand-bg-active: var(--Neutral-Variant-40);
  --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-95);
  --Component-Colors-Button-Error-Primary-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Error-Primary-bg-default: var(--Terracotta-40);
  --Component-Colors-Button-Error-Primary-bg-hover: var(--Terracotta-30);
  --Component-Colors-Button-Error-Primary-bg-active: var(--Terracotta-20);
  --Component-Colors-Button-Error-Primary-bg-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Button-Error-Primary-bg-loading: var(--Terracotta-40);
  --Component-Colors-Button-Error-Secondary-fg-default: var(--Terracotta-95);
  --Component-Colors-Button-Error-Secondary-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Error-Secondary-bg-default: var(--Terracotta-5);
  --Component-Colors-Button-Error-Secondary-bg-hover: var(--Terracotta-20);
  --Component-Colors-Button-Error-Secondary-bg-active: var(--Terracotta-30);
  --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Basic-None);
  --Component-Colors-Button-Error-Secondary-border-default: var(--Terracotta-40);
  --Component-Colors-Button-Error-Secondary-border-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Button-Static-fg-default: var(--Neutral-Variant-5);
  --Component-Colors-Button-Static-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Static-bg-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Static-bg-hover: var(--Neutral-Variant-98);
  --Component-Colors-Button-Static-bg-active: var(--Neutral-Variant-95);
  --Component-Colors-Button-Static-border-default: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Static-border-alt: var(--Opacity-On-Surface-20);
  --Component-Colors-Button-Ghost-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Button-Ghost-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Button-Ghost-bg-default: var(--Neutral-Variant-20);
  --Component-Colors-Button-Ghost-bg-hover: var(--Neutral-Variant-30);
  --Component-Colors-Button-Ghost-bg-active: var(--Neutral-Variant-30);
  --Component-Colors-Button-Ghost-border-default: var(--Neutral-Variant-30);
  --Component-Colors-Button-Ghost-border-alt: var(--Neutral-Variant-30);
  --Component-Colors-Icon-Button-Brand-fg-default: var(--Pure-Mauve-99);
  --Component-Colors-Icon-Button-Brand-fg-alt: var(--Neutral-Variant-40);
  --Component-Colors-Icon-Button-Brand-bg-default: var(--Pure-Mauve-50);
  --Component-Colors-Icon-Button-Brand-bg-hover: var(--Pure-Mauve-30);
  --Component-Colors-Icon-Button-Brand-bg-active: var(--Pure-Mauve-20);
  --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Icon-Button-Plain-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Neutral-Variant-80);
  --Component-Colors-Link-Button-Primary-fg-default: var(--Pure-Mauve-70);
  --Component-Colors-Link-Button-Primary-fg-hover: var(--Pure-Mauve-80);
  --Component-Colors-Link-Button-Primary-fg-active: var(--Pure-Mauve-80);
  --Component-Colors-Link-Button-Primary-fg-disabled: var(--Neutral-Variant-40);
  --Component-Colors-Link-Button-Primary-bg-default: var(--Basic-None);
  --Component-Colors-Link-Button-Secondary-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Link-Button-Secondary-fg-hover: var(--Neutral-Variant-80);
  --Component-Colors-Link-Button-Secondary-fg-active: var(--Neutral-Variant-60);
  --Component-Colors-Link-Button-Secondary-fg-disabled: var(--Neutral-Variant-40);
  --Component-Colors-Link-Button-Secondary-bg-default: var(--Basic-None);
  --Component-Colors-Tooltip-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Tooltip-fg-subtle: var(--Neutral-Variant-80);
  --Component-Colors-Tooltip-bg-default: var(--Neutral-Variant-10);
  --Component-Colors-Tooltip-border-default: var(--Neutral-Variant-20);
  --Component-Colors-Tabbar-fg-default: var(--Neutral-Variant-70);
  --Component-Colors-Tabbar-fg-alt: var(--Neutral-Variant-50);
  --Component-Colors-Tabbar-fg-bolder: var(--Neutral-Variant-100);
  --Component-Colors-Tabbar-fg-disabled: var(--Neutral-Variant-40);
  --Component-Colors-Tabbar-fg-select-disabled: var(--Neutral-Variant-50);
  --Component-Colors-Tabbar-bg-default: var(--Neutral-Variant-30);
  --Component-Colors-Tabbar-bg-select: var(--Neutral-Variant-40);
  --Component-Colors-Tabbar-border-default: var(--Neutral-Variant-100);
  --Component-Colors-Tabbar-border-disabled: var(--Neutral-Variant-20);
  --Component-Colors-Energy-fg-default: var(--Khaki-90);
  --Component-Colors-Energy-fg-low: var(--Terracotta-90);
  --Component-Colors-Energy-bg-default: var(--Khaki-10);
  --Component-Colors-Energy-bg-alt: var(--Khaki-20);
  --Component-Colors-Energy-bg-low: var(--Terracotta-Variant-10);
  --Component-Colors-Energy-bg-low_alt: var(--Terracotta-Variant-20);
  --Component-Colors-Energy-bg-on: var(--Khaki-60);
  --Component-Colors-Energy-bg-low_on: var(--Terracotta-60);
  --Component-Colors-Energy-add-icon: var(--Khaki-40);
  --Component-Colors-Energy-Low-battery-add-icon: var(--Terracotta-30);
  --Component-Colors-Energy-border-default: var(--Khaki-60);
  --Component-Colors-Energy-border-low: var(--Terracotta-60);
  --Component-Colors-Input-bg-default: var(--Neutral-Variant-25);
  --Component-Colors-Input-bg-active: var(--Neutral-Variant-10);
  --Component-Colors-Input-border-default: var(--Neutral-Variant-50);
  --Component-Colors-Search-Bar-bg-default: var(--Neutral-Variant-25);
  --Component-Colors-Search-Bar-bg-active: var(--Neutral-Variant-10);
  --Component-Colors-Search-Bar-border-default: var(--Neutral-Variant-50);
  --Component-Colors-Shadows-Surface-Default: var(--Opacity-White-5);
  --Component-Colors-Shadows-Surface-Bolder: var(--Opacity-White-3);
  --Component-Colors-Shadows-Modal-Default: var(--Opacity-Black-40);
  --Component-Colors-Shadows-Modal-Bolder: var(--Opacity-Black-40);
  --Component-Colors-Shadows-Button-Primary-1: var(--Alpha-White-8);
  --Component-Colors-Focus-Rings-Brand: var(--Opacity-White-40);
  --Component-Colors-Focus-Rings-Error: var(--Terracotta-60);
  --Component-Colors-Chat-Tips-fg-info: var(--Pure-Mauve-70);
  --Component-Colors-Chat-Tips-bg-info: var(--Pure-Mauve-10);
  --Component-Colors-Chat-Tips-border-info: var(--Pure-Mauve-30);
  --Component-Colors-Chat-Tips-fg-alert: var(--Khaki-70);
  --Component-Colors-Chat-Tips-bg-alert: var(--Khaki-10);
  --Component-Colors-Chat-Tips-button-alert: var(--Khaki-40);
  --Component-Colors-Chat-Tips-border-alert: var(--Khaki-30);
  --Component-Colors-Chat-Tips-fg-error: var(--Terracotta-70);
  --Component-Colors-Chat-Tips-bg-error: var(--Terracotta-10);
  --Component-Colors-Chat-Tips-border-error: var(--Terracotta-30);
  --Component-Colors-Check-Box-fg-default: var(--Neutral-Variant-5);
  --Component-Colors-Check-Box-fg-alt: var(--Neutral-Variant-50);
  --Component-Colors-Check-Box-border-default: var(--Neutral-Variant-30);
  --Component-Colors-Check-Box-border-hover: var(--Neutral-Variant-40);
  --Component-Colors-Check-Box-border-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Check-Box-bg-default: var(--Neutral-Variant-100);
  --Component-Colors-Check-Box-bg-hover: var(--Neutral-Variant-90);
  --Component-Colors-Check-Box-bg-disabled: var(--Neutral-Variant-20);
  --Component-Colors-Switch-fg-default: var(--Neutral-Variant-100);
  --Component-Colors-Switch-fg-on: var(--Neutral-Variant-100);
  --Component-Colors-Switch-fg-disabled: var(--Opacity-White-30);
  --Component-Colors-Switch-bg-default: var(--Neutral-Variant-40);
  --Component-Colors-Switch-bg-on: var(--Pure-Mauve-60);
  --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Tag-bg-default: var(--Neutral-Variant-30);
  --Component-Colors-Chips-Primary-bg-default: var(--Neutral-Variant-20);
  --Component-Colors-Chips-Primary-bg-hover: var(--Neutral-Variant-30);
  --Component-Colors-Chips-Primary-bg-disabled: var(--Neutral-Variant-20);
  --Component-Colors-Chips-Primary-border-default: var(--Neutral-Variant-30);
  --Component-Colors-Chips-Primary-bg-select-disabled: var(--Neutral-Variant-30);
  --Component-Colors-Chips-Primary-bg-select: var(--Neutral-Variant-100);
  --Colors-Background-Normal-Primary-Default: var(--Neutral-Variant-10);
  --Colors-Background-Normal-Primary-Hover: var(--Neutral-Variant-20);
  --Colors-Background-Normal-Primary-Active: var(--Neutral-Variant-30);
  --Colors-Background-Normal-Primary-Alt: var(--Neutral-Variant-10);
  --Colors-Background-Normal-Secondary-Default: var(--Neutral-Variant-20);
  --Colors-Background-Normal-Secondary-Alt: var(--Neutral-Variant-20);
  --Colors-Background-Normal-Secondary-Hover: var(--Neutral-Variant-30);
  --Colors-Background-Normal-Secondary-Active: var(--Neutral-Variant-40);
  --Colors-Background-Normal-Tertiary-Default: var(--Neutral-Variant-30);
  --Colors-Background-Normal-Tertiary-Hover: var(--Neutral-Variant-40);
  --Colors-Background-Normal-Tertiary-Active: var(--Neutral-Variant-50);
  --Colors-Background-Neutral-Primary-Default: var(--Neutral-Variant-5);
  --Colors-Background-Neutral-Primary-Hover: var(--Neutral-Variant-10);
  --Colors-Background-Neutral-Primary-Active: var(--Neutral-Variant-20);
  --Colors-Background-Neutral-Secondary-Default: var(--Neutral-Variant-10);
  --Colors-Background-Neutral-Secondary-Hover: var(--Neutral-Variant-20);
  --Colors-Background-Neutral-Secondary-Active: var(--Neutral-Variant-30);
  --Colors-Background-Neutral-Tertiary-Default: var(--Neutral-Variant-30);
  --Colors-Background-Neutral-Tertiary-Hover: var(--Neutral-Variant-40);
  --Colors-Background-Neutral-Tertiary-Active: var(--Neutral-Variant-50);
  --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-White-3);
  --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-White-5);
  --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-White-8);
  --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-White-3);
  --Colors-Background-Neutral-On-Surface-Alt: var(--Opacity-White-12);
  --Colors-Background-Utilities-Bolder: var(--Neutral-Variant-99);
  --Colors-Background-Utilities-None: var(--Basic-None);
  --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
  --Colors-Background-Utilities-Static-White: var(--Neutral-Variant-99);
  --Colors-Background-Utilities-Static-Black: var(--Neutral-Variant-5);
  --Colors-Background-Utilities-Modal: var(--Neutral-Variant-10);
  --Colors-Background-Brand-Default: var(--Pure-Mauve-20);
  --Colors-Background-Brand-Alt: var(--Pure-Mauve-50);
  --Colors-Background-Brand-Subtle: var(--Pure-Mauve-10);
  --Colors-Background-Brand-Hover: var(--Pure-Mauve-30);
  --Colors-Background-Brand-Active: var(--Pure-Mauve-40);
  --Colors-Background-Brand-Bolder: var(--Pure-Mauve-80);
  --Colors-Background-Critical-Default: var(--Terracotta-Variant-20);
  --Colors-Background-Critical-Alt: var(--Terracotta-50);
  --Colors-Background-Critical-Subtle: var(--Terracotta-Variant-10);
  --Colors-Background-Critical-Hover: var(--Terracotta-Variant-30);
  --Colors-Background-Critical-Active: var(--Terracotta-Variant-40);
  --Colors-Background-Critical-Bolder: var(--Terracotta-80);
  --Colors-Background-Warning-Default: var(--Khaki-20);
  --Colors-Background-Warning-Alt: var(--Khaki-50);
  --Colors-Background-Warning-Subtle: var(--Khaki-10);
  --Colors-Background-Warning-Hover: var(--Khaki-30);
  --Colors-Background-Warning-Active: var(--Khaki-40);
  --Colors-Background-Warning-Bolder: var(--Khaki-80);
  --Colors-Background-Success-Default: var(--Teal-20);
  --Colors-Background-Success-Alt: var(--Teal-50);
  --Colors-Background-Success-Subtle: var(--Teal-10);
  --Colors-Background-Success-Hover: var(--Teal-30);
  --Colors-Background-Success-Active: var(--Teal-40);
  --Colors-Background-Success-Bolder: var(--Teal-80);
  --Colors-Background-Info-Default: var(--Lake-Blue-20);
  --Colors-Background-Info-Alt: var(--Lake-Blue-50);
  --Colors-Background-Info-Subtle: var(--Lake-Blue-10);
  --Colors-Background-Info-Hover: var(--Lake-Blue-30);
  --Colors-Background-Info-Active: var(--Lake-Blue-40);
  --Colors-Background-Info-Bolder: var(--Lake-Blue-80);
  --Colors-Text-Default: var(--Neutral-Variant-100);
  --Colors-Text-Subtle: var(--Neutral-Variant-90);
  --Colors-Text-Subtler: var(--Neutral-Variant-70);
  --Colors-Text-Subtlest: var(--Neutral-Variant-50);
  --Colors-Text-Disabled: var(--Neutral-Variant-40);
  --Colors-Text-Bolder: var(--Neutral-Variant-5);
  --Colors-Text-Static-White: var(--Neutral-Variant-100);
  --Colors-Text-Static-Black: var(--Neutral-Variant-5);
  --Colors-Text-Brand-Subtle: var(--Pure-Mauve-30);
  --Colors-Text-Brand-Default: var(--Pure-Mauve-70);
  --Colors-Text-Brand-Bolder: var(--Pure-Mauve-90);
  --Colors-Text-Critical-Subtle: var(--Terracotta-30);
  --Colors-Text-Critical-Default: var(--Terracotta-60);
  --Colors-Text-Critical-Bolder: var(--Terracotta-90);
  --Colors-Text-Warning-Subtle: var(--Khaki-30);
  --Colors-Text-Warning-Default: var(--Khaki-70);
  --Colors-Text-Warning-Bolder: var(--Khaki-90);
  --Colors-Text-Success-Subtle: var(--Teal-30);
  --Colors-Text-Success-Default: var(--Teal-60);
  --Colors-Text-Success-Bolder: var(--Teal-90);
  --Colors-Foreground-Default: var(--Neutral-Variant-100);
  --Colors-Foreground-Subtle: var(--Neutral-Variant-90);
  --Colors-Foreground-Subtler: var(--Neutral-Variant-70);
  --Colors-Foreground-Subtlest: var(--Neutral-Variant-50);
  --Colors-Foreground-Disabled: var(--Neutral-Variant-40);
  --Colors-Foreground-Bolder: var(--Neutral-Variant-5);
  --Colors-Foreground-Static-White: var(--Neutral-Variant-100);
  --Colors-Foreground-Static-Black: var(--Neutral-Variant-5);
  --Colors-Foreground-Brand-Subtle: var(--Pure-Mauve-30);
  --Colors-Foreground-Brand-Default: var(--Pure-Mauve-70);
  --Colors-Foreground-Brand-Bolder: var(--Pure-Mauve-90);
  --Colors-Foreground-Critical-Subtle: var(--Terracotta-30);
  --Colors-Foreground-Critical-Default: var(--Terracotta-60);
  --Colors-Foreground-Critical-Bolder: var(--Terracotta-90);
  --Colors-Foreground-Warning-Subtle: var(--Khaki-30);
  --Colors-Foreground-Warning-Default: var(--Khaki-70);
  --Colors-Foreground-Warning-Bolder: var(--Khaki-90);
  --Colors-Foreground-Success-Subtle: var(--Teal-30);
  --Colors-Foreground-Success-Default: var(--Teal-60);
  --Colors-Foreground-Success-Bolder: var(--Teal-90);
  --Colors-Border-Default: var(--Neutral-Variant-30);
  --Colors-Border-Alt: var(--Neutral-Variant-40);
  --Colors-Border-Hover: var(--Neutral-Variant-40);
  --Colors-Border-Active: var(--Neutral-Variant-50);
  --Colors-Border-Bolder: var(--Neutral-Variant-100);
  --Colors-Border-Brand: var(--Pure-Mauve-60);
  --Colors-Border-Brand_alt: var(--Pure-Mauve-40);
  --Colors-Border-Critical: var(--Terracotta-60);
  --Colors-Border-Success: var(--Teal-60);
  --Colors-Border-Warning: var(--Khaki-60);
  --Colors-Border-Opaque: var(--Opacity-White-8);
  --Colors-Border-Static: var(--Neutral-Variant-95);
  --Colors-Alpha-White-1: var(--Opacity-Black-1);
  --Colors-Alpha-White-3: var(--Opacity-Black-3);
  --Colors-Alpha-White-5: var(--Opacity-Black-5);
  --Colors-Alpha-White-8: var(--Opacity-Black-8);
  --Colors-Alpha-White-12: var(--Opacity-Black-12);
  --Colors-Alpha-White-16: var(--Opacity-Black-16);
  --Colors-Alpha-White-20: var(--Opacity-Black-20);
  --Colors-Alpha-White-30: var(--Opacity-Black-30);
  --Colors-Alpha-White-40: var(--Opacity-Black-40);
  --Colors-Alpha-White-50: var(--Opacity-Black-50);
  --Colors-Alpha-White-60: var(--Opacity-Black-60);
  --Colors-Alpha-White-70: var(--Opacity-Black-70);
  --Colors-Alpha-White-80: var(--Opacity-Black-80);
  --Colors-Alpha-White-90: var(--Opacity-Black-90);
  --Colors-Alpha-White-95: var(--Opacity-Black-95);
  --Colors-Alpha-White-100: var(--Opacity-Black-100);
  --Colors-Alpha-Black-1: var(--Opacity-White-1);
  --Colors-Alpha-Black-3: var(--Opacity-White-3);
  --Colors-Alpha-Black-5: var(--Opacity-White-5);
  --Colors-Alpha-Black-8: var(--Opacity-White-8);
  --Colors-Alpha-Black-12: var(--Opacity-White-12);
  --Colors-Alpha-Black-16: var(--Opacity-White-16);
  --Colors-Alpha-Black-20: var(--Opacity-White-20);
  --Colors-Alpha-Black-30: var(--Opacity-White-30);
  --Colors-Alpha-Black-40: var(--Opacity-White-40);
  --Colors-Alpha-Black-50: var(--Opacity-White-50);
  --Colors-Alpha-Black-60: var(--Opacity-White-60);
  --Colors-Alpha-Black-70: var(--Opacity-White-70);
  --Colors-Alpha-Black-80: var(--Opacity-White-80);
  --Colors-Alpha-Black-90: var(--Opacity-White-90);
  --Colors-Alpha-Black-95: var(--Opacity-White-95);
  --Colors-Alpha-Black-100: var(--Opacity-White-100);
  --Colors-Utility-Gray-5: var(--Neutral-Variant-10);
  --Colors-Utility-Gray-10: var(--Neutral-Variant-20);
  --Colors-Utility-Gray-20: var(--Neutral-Variant-30);
  --Colors-Utility-Gray-30: var(--Neutral-Variant-40);
  --Colors-Utility-Gray-40: var(--Neutral-Variant-50);
  --Colors-Utility-Gray-50: var(--Neutral-Variant-60);
  --Colors-Utility-Gray-60: var(--Neutral-Variant-70);
  --Colors-Utility-Gray-70: var(--Neutral-Variant-80);
  --Colors-Utility-Gray-80: var(--Neutral-Variant-90);
  --Colors-Utility-Olive-5: var(--Olive-10);
  --Colors-Utility-Olive-10: var(--Olive-20);
  --Colors-Utility-Olive-20: var(--Olive-30);
  --Colors-Utility-Olive-30: var(--Olive-40);
  --Colors-Utility-Olive-40: var(--Olive-50);
  --Colors-Utility-Olive-50: var(--Olive-60);
  --Colors-Utility-Olive-60: var(--Olive-70);
  --Colors-Utility-Olive-70: var(--Olive-80);
  --Colors-Utility-Olive-80: var(--Olive-90);
  --Colors-Utility-Teal-5: var(--Teal-10);
  --Colors-Utility-Teal-10: var(--Teal-20);
  --Colors-Utility-Teal-20: var(--Teal-30);
  --Colors-Utility-Teal-30: var(--Teal-40);
  --Colors-Utility-Teal-40: var(--Teal-50);
  --Colors-Utility-Teal-50: var(--Teal-60);
  --Colors-Utility-Teal-60: var(--Teal-70);
  --Colors-Utility-Teal-70: var(--Teal-80);
  --Colors-Utility-Teal-80: var(--Teal-90);
  --Colors-Utility-Lake-Blue-5: var(--Lake-Blue-10);
  --Colors-Utility-Lake-Blue-10: var(--Lake-Blue-20);
  --Colors-Utility-Lake-Blue-20: var(--Lake-Blue-30);
  --Colors-Utility-Lake-Blue-30: var(--Lake-Blue-40);
  --Colors-Utility-Lake-Blue-40: var(--Lake-Blue-50);
  --Colors-Utility-Lake-Blue-50: var(--Lake-Blue-60);
  --Colors-Utility-Lake-Blue-60: var(--Lake-Blue-70);
  --Colors-Utility-Lake-Blue-70: var(--Lake-Blue-80);
  --Colors-Utility-Lake-Blue-80: var(--Lake-Blue-90);
  --Colors-Utility-Cobalt-5: var(--Cobalt-10);
  --Colors-Utility-Cobalt-10: var(--Cobalt-20);
  --Colors-Utility-Cobalt-20: var(--Cobalt-30);
  --Colors-Utility-Cobalt-30: var(--Cobalt-40);
  --Colors-Utility-Cobalt-40: var(--Cobalt-50);
  --Colors-Utility-Cobalt-50: var(--Cobalt-60);
  --Colors-Utility-Cobalt-60: var(--Cobalt-70);
  --Colors-Utility-Cobalt-70: var(--Cobalt-80);
  --Colors-Utility-Cobalt-80: var(--Cobalt-90);
  --Colors-Utility-Berry-Pink-5: var(--Berry-Pink-10);
  --Colors-Utility-Berry-Pink-10: var(--Berry-Pink-20);
  --Colors-Utility-Berry-Pink-20: var(--Berry-Pink-30);
  --Colors-Utility-Berry-Pink-30: var(--Berry-Pink-40);
  --Colors-Utility-Berry-Pink-40: var(--Berry-Pink-50);
  --Colors-Utility-Berry-Pink-50: var(--Berry-Pink-60);
  --Colors-Utility-Berry-Pink-60: var(--Berry-Pink-70);
  --Colors-Utility-Berry-Pink-70: var(--Berry-Pink-80);
  --Colors-Utility-Berry-Pink-80: var(--Berry-Pink-90);
  --Colors-Utility-Terracotta-5: var(--Terracotta-10);
  --Colors-Utility-Terracotta-10: var(--Terracotta-20);
  --Colors-Utility-Terracotta-20: var(--Terracotta-30);
  --Colors-Utility-Terracotta-30: var(--Terracotta-40);
  --Colors-Utility-Terracotta-40: var(--Terracotta-50);
  --Colors-Utility-Terracotta-50: var(--Terracotta-60);
  --Colors-Utility-Terracotta-60: var(--Terracotta-70);
  --Colors-Utility-Terracotta-70: var(--Terracotta-80);
  --Colors-Utility-Terracotta-80: var(--Terracotta-90);
  --Colors-Utility-Ember-5: var(--Ember-10);
  --Colors-Utility-Ember-10: var(--Ember-20);
  --Colors-Utility-Ember-20: var(--Ember-30);
  --Colors-Utility-Ember-30: var(--Ember-40);
  --Colors-Utility-Ember-40: var(--Ember-50);
  --Colors-Utility-Ember-50: var(--Ember-60);
  --Colors-Utility-Ember-60: var(--Ember-70);
  --Colors-Utility-Ember-70: var(--Ember-80);
  --Colors-Utility-Ember-80: var(--Ember-90);
  --Colors-Utility-Khaki-5: var(--Khaki-10);
  --Colors-Utility-Khaki-10: var(--Khaki-20);
  --Colors-Utility-Khaki-20: var(--Khaki-30);
  --Colors-Utility-Khaki-30: var(--Khaki-40);
  --Colors-Utility-Khaki-40: var(--Khaki-50);
  --Colors-Utility-Khaki-50: var(--Khaki-60);
  --Colors-Utility-Khaki-60: var(--Khaki-70);
  --Colors-Utility-Khaki-70: var(--Khaki-80);
  --Colors-Utility-Khaki-80: var(--Khaki-90);
  --Colors-Utility-Purple-5: var(--Pure-Mauve-10);
  --Colors-Utility-Purple-10: var(--Pure-Mauve-20);
  --Colors-Utility-Purple-20: var(--Pure-Mauve-30);
  --Colors-Utility-Purple-30: var(--Pure-Mauve-40);
  --Colors-Utility-Purple-40: var(--Pure-Mauve-50);
  --Colors-Utility-Purple-50: var(--Pure-Mauve-60);
  --Colors-Utility-Purple-60: var(--Pure-Mauve-70);
  --Colors-Utility-Purple-70: var(--Pure-Mauve-80);
  --Colors-Utility-Purple-80: var(--Pure-Mauve-90);
  --Colors-Utility-Plum-Purple-5: var(--Plum-Purple-10);
  --Colors-Utility-Plum-Purple-10: var(--Plum-Purple-20);
  --Colors-Utility-Plum-Purple-20: var(--Plum-Purple-30);
  --Colors-Utility-Plum-Purple-30: var(--Plum-Purple-40);
  --Colors-Utility-Plum-Purple-40: var(--Plum-Purple-50);
  --Colors-Utility-Plum-Purple-50: var(--Plum-Purple-60);
  --Colors-Utility-Plum-Purple-60: var(--Plum-Purple-70);
  --Colors-Utility-Plum-Purple-70: var(--Plum-Purple-80);
  --Colors-Utility-Plum-Purple-80: var(--Plum-Purple-90);
  --Colors-FaceTime-White: var(--Opacity-Black-20);
  --Colors-FaceTime-Black: var(--Opacity-White-20);
}
:root {
    --Colors-Background-Normal-Primary-Default: var(--Neutral-99);
    --Colors-Background-Normal-Primary-Hover: var(--Neutral-98);
    --Colors-Background-Normal-Primary-Active: var(--Neutral-90);
    --Colors-Background-Normal-Primary-Alt: var(--Neutral-100);
    --Colors-Background-Normal-Secondary-Default: var(--Neutral-98);
    --Colors-Background-Normal-Secondary-Alt: var(--Neutral-100);
    --Colors-Background-Normal-Secondary-Hover: var(--Neutral-95);
    --Colors-Background-Normal-Secondary-Active: var(--Neutral-90);
    --Colors-Background-Normal-Tertiary-Default: var(--Neutral-100);
    --Colors-Background-Normal-Tertiary-Hover: var(--Neutral-98);
    --Colors-Background-Normal-Tertiary-Active: var(--Neutral-95);
    --Colors-Background-Neutral-Primary-Default: var(--Neutral-98);
    --Colors-Background-Neutral-Primary-Hover: var(--Neutral-95);
    --Colors-Background-Neutral-Primary-Active: var(--Neutral-90);
    --Colors-Background-Neutral-Secondary-Default: var(--Neutral-99);
    --Colors-Background-Neutral-Secondary-Hover: var(--Neutral-98);
    --Colors-Background-Neutral-Secondary-Active: var(--Neutral-95);
    --Colors-Background-Neutral-Tertiary-Default: var(--Neutral-98);
    --Colors-Background-Neutral-Tertiary-Hover: var(--Neutral-95);
    --Colors-Background-Neutral-Tertiary-Active: var(--Neutral-90);
    --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-On-Surface-10);
    --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-On-Surface-20);
    --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-On-Surface-30);
    --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-On-Surface-10);
    --Colors-Background-Neutral-On-Surface-Alt: var(--Opacity-On-Surface-40);
    --Colors-Background-Utilities-Bolder: var(--Neutral-5);
    --Colors-Background-Utilities-None: var(--Basic-None);
    --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
    --Colors-Background-Utilities-Static-White: var(--Neutral-99);
    --Colors-Background-Utilities-Static-Black: var(--Neutral-5);
    --Colors-Background-Utilities-Modal: var(--Neutral-100);
    --Colors-Background-Brand-Default: var(--Maroon-Flush-50);
    --Colors-Background-Brand-Alt: var(--Maroon-Flush-50);
    --Colors-Background-Brand-Subtle: var(--Porn-Pink-98);
    --Colors-Background-Brand-Hover: var(--Maroon-Flush-100);
    --Colors-Background-Brand-Active: var(--Maroon-Flush-200);
    --Colors-Background-Brand-Bolder: var(--Maroon-Flush-700);
    --Colors-Background-Critical-Default: var(--Terracotta-90);
    --Colors-Background-Critical-Alt: var(--Terracotta-90);
    --Colors-Background-Critical-Subtle: var(--Terracotta-95);
    --Colors-Background-Critical-Hover: var(--Terracotta-80);
    --Colors-Background-Critical-Active: var(--Terracotta-70);
    --Colors-Background-Critical-Bolder: var(--Terracotta-30);
    --Colors-Background-Warning-Default: var(--Khaki-90);
    --Colors-Background-Warning-Alt: var(--Khaki-90);
    --Colors-Background-Warning-Subtle: var(--Khaki-95);
    --Colors-Background-Warning-Hover: var(--Khaki-80);
    --Colors-Background-Warning-Active: var(--Khaki-70);
    --Colors-Background-Warning-Bolder: var(--Khaki-30);
    --Colors-Background-Success-Default: var(--Teal-95);
    --Colors-Background-Success-Alt: var(--Teal-95);
    --Colors-Background-Success-Subtle: var(--Teal-98);
    --Colors-Background-Success-Hover: var(--Teal-90);
    --Colors-Background-Success-Active: var(--Teal-80);
    --Colors-Background-Success-Bolder: var(--Teal-30);
    --Colors-Background-Info-Default: var(--Lake-Blue-90);
    --Colors-Background-Info-Alt: var(--Lake-Blue-90);
    --Colors-Background-Info-Subtle: var(--Lake-Blue-95);
    --Colors-Background-Info-Hover: var(--Lake-Blue-80);
    --Colors-Background-Info-Active: var(--Lake-Blue-70);
    --Colors-Background-Info-Bolder: var(--Lake-Blue-30);
    --Colors-Text-Default: var(--Neutral-5);
    --Colors-Text-Subtle: var(--Neutral-30);
    --Colors-Text-Subtler: var(--Neutral-40);
    --Colors-Text-Subtlest: var(--Neutral-60);
    --Colors-Text-Disabled: var(--Neutral-80);
    --Colors-Text-Bolder: var(--Neutral-100);
    --Colors-Text-Static-White: var(--Neutral-100);
    --Colors-Text-Static-Black: var(--Neutral-5);
    --Colors-Text-Brand-Subtle: var(--Maroon-Flush-300);
    --Colors-Text-Brand-Default: var(--Maroon-Flush-500);
    --Colors-Text-Brand-Bolder: var(--Maroon-Flush-700);
    --Colors-Text-Critical-Subtle: var(--Terracotta-70);
    --Colors-Text-Critical-Default: var(--Terracotta-50);
    --Colors-Text-Critical-Bolder: var(--Terracotta-30);
    --Colors-Text-Warning-Subtle: var(--Khaki-80);
    --Colors-Text-Warning-Default: var(--Khaki-60);
    --Colors-Text-Warning-Bolder: var(--Khaki-30);
    --Colors-Text-Success-Subtle: var(--Teal-70);
    --Colors-Text-Success-Default: var(--Teal-50);
    --Colors-Text-Success-Bolder: var(--Teal-30);
    --Colors-Foreground-Default: var(--Neutral-5);
    --Colors-Foreground-Subtle: var(--Neutral-30);
    --Colors-Foreground-Subtler: var(--Neutral-40);
    --Colors-Foreground-Subtlest: var(--Neutral-50);
    --Colors-Foreground-Disabled: var(--Neutral-80);
    --Colors-Foreground-Bolder: var(--Neutral-100);
    --Colors-Foreground-Static-White: var(--Neutral-100);
    --Colors-Foreground-Static-Black: var(--Neutral-5);
    --Colors-Foreground-Brand-Subtle: var(--Maroon-Flush-300);
    --Colors-Foreground-Brand-Default: var(--Maroon-Flush-500);
    --Colors-Foreground-Brand-Bolder: var(--Maroon-Flush-700);
    --Colors-Foreground-Critical-Subtle: var(--Terracotta-70);
    --Colors-Foreground-Critical-Default: var(--Terracotta-50);
    --Colors-Foreground-Critical-Bolder: var(--Terracotta-30);
    --Colors-Foreground-Warning-Subtle: var(--Khaki-80);
    --Colors-Foreground-Warning-Default: var(--Khaki-60);
    --Colors-Foreground-Warning-Bolder: var(--Khaki-30);
    --Colors-Foreground-Success-Subtle: var(--Teal-70);
    --Colors-Foreground-Success-Default: var(--Teal-50);
    --Colors-Foreground-Success-Bolder: var(--Teal-30);
    --Colors-Border-Default: var(--Neutral-95);
    --Colors-Border-Alt: var(--Neutral-95);
    --Colors-Border-Hover: var(--Neutral-90);
    --Colors-Border-Active: var(--Neutral-80);
    --Colors-Border-Bolder: var(--Neutral-5);
    --Colors-Border-Brand: var(--Maroon-Flush-500);
    --Colors-Border-Brand_alt: var(--Maroon-Flush-200);
    --Colors-Border-Critical: var(--Terracotta-50);
    --Colors-Border-Success: var(--Teal-50);
    --Colors-Border-Warning: var(--Khaki-50);
    --Colors-Border-Opaque: var(--Opacity-White-1);
    --Colors-Border-Static: var(--Neutral-95);
    --Colors-Alpha-White-1: var(--Opacity-White-1);
    --Colors-Alpha-White-3: var(--Opacity-White-3);
    --Colors-Alpha-White-5: var(--Opacity-White-5);
    --Colors-Alpha-White-8: var(--Opacity-White-8);
    --Colors-Alpha-White-12: var(--Opacity-White-12);
    --Colors-Alpha-White-16: var(--Opacity-White-16);
    --Colors-Alpha-White-20: var(--Opacity-White-20);
    --Colors-Alpha-White-30: var(--Opacity-White-30);
    --Colors-Alpha-White-40: var(--Opacity-White-40);
    --Colors-Alpha-White-50: var(--Opacity-White-50);
    --Colors-Alpha-White-60: var(--Opacity-White-60);
    --Colors-Alpha-White-70: var(--Opacity-White-70);
    --Colors-Alpha-White-80: var(--Opacity-White-80);
    --Colors-Alpha-White-90: var(--Opacity-White-90);
    --Colors-Alpha-White-95: var(--Opacity-White-95);
    --Colors-Alpha-White-100: var(--Opacity-White-100);
    --Colors-Alpha-Black-1: var(--Opacity-Black-1);
    --Colors-Alpha-Black-3: var(--Opacity-Black-3);
    --Colors-Alpha-Black-5: var(--Opacity-Black-5);
    --Colors-Alpha-Black-8: var(--Opacity-Black-8);
    --Colors-Alpha-Black-12: var(--Opacity-Black-12);
    --Colors-Alpha-Black-16: var(--Opacity-Black-16);
    --Colors-Alpha-Black-20: var(--Opacity-Black-20);
    --Colors-Alpha-Black-30: var(--Opacity-Black-30);
    --Colors-Alpha-Black-40: var(--Opacity-Black-40);
    --Colors-Alpha-Black-50: var(--Opacity-Black-50);
    --Colors-Alpha-Black-60: var(--Opacity-Black-60);
    --Colors-Alpha-Black-70: var(--Opacity-Black-70);
    --Colors-Alpha-Black-80: var(--Opacity-Black-80);
    --Colors-Alpha-Black-90: var(--Opacity-Black-90);
    --Colors-Alpha-Black-95: var(--Opacity-Black-95);
    --Colors-Alpha-Black-100: var(--Opacity-Black-100);
    --Colors-Beta-White-1: var(--Opacity-White-1);
    --Colors-Beta-White-3: var(--Opacity-White-3);
    --Colors-Beta-White-5: var(--Opacity-White-5);
    --Colors-Beta-White-8: var(--Opacity-White-8);
    --Colors-Beta-White-12: var(--Opacity-White-12);
    --Colors-Beta-White-16: var(--Opacity-White-16);
    --Colors-Beta-White-20: var(--Opacity-White-20);
    --Colors-Beta-White-30: var(--Opacity-White-30);
    --Colors-Beta-White-40: var(--Opacity-White-40);
    --Colors-Beta-White-50: var(--Opacity-White-50);
    --Colors-Beta-White-60: var(--Opacity-White-60);
    --Colors-Beta-White-70: var(--Opacity-White-70);
    --Colors-Beta-White-80: var(--Opacity-White-80);
    --Colors-Beta-White-90: var(--Opacity-White-90);
    --Colors-Beta-White-95: var(--Opacity-White-95);
    --Colors-Beta-White-100: var(--Opacity-White-100);
    --Colors-Beta-Black-1: var(--Opacity-Black-1);
    --Colors-Beta-Black-3: var(--Opacity-Black-3);
    --Colors-Beta-Black-5: var(--Opacity-Black-5);
    --Colors-Beta-Black-8: var(--Opacity-Black-8);
    --Colors-Beta-Black-12: var(--Opacity-Black-12);
    --Colors-Beta-Black-16: var(--Opacity-Black-16);
    --Colors-Beta-Black-20: var(--Opacity-Black-20);
    --Colors-Beta-Black-30: var(--Opacity-Black-30);
    --Colors-Beta-Black-40: var(--Opacity-Black-40);
    --Colors-Beta-Black-50: var(--Opacity-Black-50);
    --Colors-Beta-Black-60: var(--Opacity-Black-60);
    --Colors-Beta-Black-70: var(--Opacity-Black-70);
    --Colors-Beta-Black-80: var(--Opacity-Black-80);
    --Colors-Beta-Black-90: var(--Opacity-Black-90);
    --Colors-Beta-Black-95: var(--Opacity-Black-95);
    --Colors-Beta-Black-100: var(--Opacity-Black-100);
    --Colors-Utility-Gray-5: var(--Neutral-Variant-98);
    --Colors-Utility-Gray-10: var(--Neutral-Variant-95);
    --Colors-Utility-Gray-20: var(--Neutral-Variant-90);
    --Colors-Utility-Gray-30: var(--Neutral-Variant-80);
    --Colors-Utility-Gray-40: var(--Neutral-Variant-70);
    --Colors-Utility-Gray-50: var(--Neutral-Variant-60);
    --Colors-Utility-Gray-60: var(--Neutral-Variant-50);
    --Colors-Utility-Gray-70: var(--Neutral-Variant-40);
    --Colors-Utility-Gray-80: var(--Neutral-Variant-30);
    --Colors-Utility-Olive-5: var(--Olive-98);
    --Colors-Utility-Olive-10: var(--Olive-95);
    --Colors-Utility-Olive-20: var(--Olive-90);
    --Colors-Utility-Olive-30: var(--Olive-80);
    --Colors-Utility-Olive-40: var(--Olive-70);
    --Colors-Utility-Olive-50: var(--Olive-60);
    --Colors-Utility-Olive-60: var(--Olive-50);
    --Colors-Utility-Olive-70: var(--Olive-40);
    --Colors-Utility-Olive-80: var(--Olive-30);
    --Colors-Utility-Teal-5: var(--Teal-98);
    --Colors-Utility-Teal-10: var(--Teal-95);
    --Colors-Utility-Teal-20: var(--Teal-90);
    --Colors-Utility-Teal-30: var(--Teal-80);
    --Colors-Utility-Teal-40: var(--Teal-70);
    --Colors-Utility-Teal-50: var(--Teal-60);
    --Colors-Utility-Teal-60: var(--Teal-50);
    --Colors-Utility-Teal-70: var(--Teal-40);
    --Colors-Utility-Teal-80: var(--Teal-30);
    --Colors-Utility-Lake-Blue-5: var(--Lake-Blue-98);
    --Colors-Utility-Lake-Blue-10: var(--Lake-Blue-95);
    --Colors-Utility-Lake-Blue-20: var(--Lake-Blue-90);
    --Colors-Utility-Lake-Blue-30: var(--Lake-Blue-80);
    --Colors-Utility-Lake-Blue-40: var(--Lake-Blue-70);
    --Colors-Utility-Lake-Blue-50: var(--Lake-Blue-60);
    --Colors-Utility-Lake-Blue-60: var(--Lake-Blue-50);
    --Colors-Utility-Lake-Blue-70: var(--Lake-Blue-40);
    --Colors-Utility-Lake-Blue-80: var(--Lake-Blue-30);
    --Colors-Utility-Cobalt-5: var(--Cobalt-98);
    --Colors-Utility-Cobalt-10: var(--Cobalt-95);
    --Colors-Utility-Cobalt-20: var(--Cobalt-90);
    --Colors-Utility-Cobalt-30: var(--Cobalt-80);
    --Colors-Utility-Cobalt-40: var(--Cobalt-70);
    --Colors-Utility-Cobalt-50: var(--Cobalt-60);
    --Colors-Utility-Cobalt-60: var(--Cobalt-50);
    --Colors-Utility-Cobalt-70: var(--Cobalt-40);
    --Colors-Utility-Cobalt-80: var(--Cobalt-30);
    --Colors-Utility-Berry-Pink-5: var(--Berry-Pink-98);
    --Colors-Utility-Berry-Pink-10: var(--Berry-Pink-95);
    --Colors-Utility-Berry-Pink-20: var(--Berry-Pink-90);
    --Colors-Utility-Berry-Pink-30: var(--Berry-Pink-80);
    --Colors-Utility-Berry-Pink-40: var(--Berry-Pink-70);
    --Colors-Utility-Berry-Pink-50: var(--Berry-Pink-60);
    --Colors-Utility-Berry-Pink-60: var(--Berry-Pink-50);
    --Colors-Utility-Berry-Pink-70: var(--Berry-Pink-40);
    --Colors-Utility-Berry-Pink-80: var(--Berry-Pink-30);
    --Colors-Utility-Terracotta-5: var(--Terracotta-98);
    --Colors-Utility-Terracotta-10: var(--Terracotta-95);
    --Colors-Utility-Terracotta-20: var(--Terracotta-90);
    --Colors-Utility-Terracotta-30: var(--Terracotta-80);
    --Colors-Utility-Terracotta-40: var(--Terracotta-70);
    --Colors-Utility-Terracotta-50: var(--Terracotta-60);
    --Colors-Utility-Terracotta-60: var(--Terracotta-50);
    --Colors-Utility-Terracotta-70: var(--Terracotta-40);
    --Colors-Utility-Terracotta-80: var(--Terracotta-30);
    --Colors-Utility-Ember-5: var(--Ember-98);
    --Colors-Utility-Ember-10: var(--Ember-95);
    --Colors-Utility-Ember-20: var(--Ember-90);
    --Colors-Utility-Ember-30: var(--Ember-80);
    --Colors-Utility-Ember-40: var(--Ember-70);
    --Colors-Utility-Ember-50: var(--Ember-60);
    --Colors-Utility-Ember-60: var(--Ember-50);
    --Colors-Utility-Ember-70: var(--Ember-40);
    --Colors-Utility-Ember-80: var(--Ember-30);
    --Colors-Utility-Khaki-5: var(--Khaki-98);
    --Colors-Utility-Khaki-10: var(--Khaki-95);
    --Colors-Utility-Khaki-20: var(--Khaki-90);
    --Colors-Utility-Khaki-30: var(--Khaki-80);
    --Colors-Utility-Khaki-40: var(--Khaki-70);
    --Colors-Utility-Khaki-50: var(--Khaki-60);
    --Colors-Utility-Khaki-60: var(--Khaki-50);
    --Colors-Utility-Khaki-70: var(--Khaki-40);
    --Colors-Utility-Khaki-80: var(--Khaki-30);
    --Colors-Utility-Purple-5: var(--Pure-Mauve-99);
    --Colors-Utility-Purple-10: var(--Pure-Mauve-98);
    --Colors-Utility-Purple-20: var(--Pure-Mauve-95);
    --Colors-Utility-Purple-30: var(--Pure-Mauve-90);
    --Colors-Utility-Purple-40: var(--Pure-Mauve-80);
    --Colors-Utility-Purple-50: var(--Pure-Mauve-70);
    --Colors-Utility-Purple-60: var(--Pure-Mauve-60);
    --Colors-Utility-Purple-70: var(--Pure-Mauve-50);
    --Colors-Utility-Purple-80: var(--Pure-Mauve-40);
    --Colors-Utility-Plum-Purple-5: var(--Plum-Purple-98);
    --Colors-Utility-Plum-Purple-10: var(--Plum-Purple-95);
    --Colors-Utility-Plum-Purple-20: var(--Plum-Purple-90);
    --Colors-Utility-Plum-Purple-30: var(--Plum-Purple-80);
    --Colors-Utility-Plum-Purple-40: var(--Plum-Purple-70);
    --Colors-Utility-Plum-Purple-50: var(--Plum-Purple-60);
    --Colors-Utility-Plum-Purple-60: var(--Plum-Purple-50);
    --Colors-Utility-Plum-Purple-70: var(--Plum-Purple-40);
    --Colors-Utility-Plum-Purple-80: var(--Plum-Purple-30);
    --Colors-FaceTime-White: var(--Opacity-White-20);
    --Colors-FaceTime-Black: var(--Opacity-Black-20);
    --Basic-White: #ffffff;
    --Basic-Black: #000000;
    --Basic-None: #ffffff00;
    --Pure-Mauve-0: #000000;
    --Pure-Mauve-5: #100f22;
    --Pure-Mauve-10: #1b192d;
    --Pure-Mauve-20: #352b4a;
    --Pure-Mauve-30: #53436f;
    --Pure-Mauve-40: #655186;
    --Pure-Mauve-50: #7860a1;
    --Pure-Mauve-60: #826aaf;
    --Pure-Mauve-70: #9d8dc5;
    --Pure-Mauve-80: #b8aed7;
    --Pure-Mauve-90: #cbc6e6;
    --Pure-Mauve-95: #dad6f1;
    --Pure-Mauve-98: #e8e6f7;
    --Pure-Mauve-99: #f9f7fc;
    --Pure-Mauve-100: #ffffff;
    --Porn-Pink-100: #ffffff;
    --Porn-Pink-99: #fff8f9;
    --Porn-Pink-98: #fef0f3;
    --Maroon-Flush-25: #FECDDD;
    --Maroon-Flush-50: #FEC5D7;
    --Maroon-Flush-100: #FDADC7;
    --Maroon-Flush-200: #FB88AC;
    --Maroon-Flush-300: #F7598A;
    --Maroon-Flush-400: #F01B5C;
    --Maroon-Flush-500: #D5104B;
    --Maroon-Flush-500-rgb: 163, 42, 89;
    --Maroon-Flush-600: #911239;
    --Maroon-Flush-700: #62102A;
    --Maroon-Flush-800: #3F0C1C;
    --Maroon-Flush-900: #2A0914;
    --Maroon-Flush-950: #230810;
    --Maroon-Flush-1000: #140207;
    --Neutral-0: #000000;
    --Neutral-5: #121110;
    --Neutral-10: #242220;
    --Neutral-20: #302e2b;
    --Neutral-30: #47443f;
    --Neutral-40: #5c5854;
    --Neutral-50: #7a7671;
    --Neutral-60: #948f8b;
    --Neutral-70: #B2AFAB;
    --Neutral-80: #C7C4C1;
    --Neutral-90: #E3E1DE;
    --Neutral-95: #EBE9E8;
    --Neutral-98: #f5f4f2;
    --Neutral-99: #fcfbfa;
    --Neutral-100: #fffefd;
    --Neutral-Variant-0: #000000;
    --Neutral-Variant-5: #111111;
    --Neutral-Variant-10: #1c1c1c;
    --Neutral-Variant-20: #212121;
    --Neutral-Variant-25: #292929;
    --Neutral-Variant-30: #303030;
    --Neutral-Variant-40: #474747;
    --Neutral-Variant-50: #5C5C5C;
    --Neutral-Variant-60: #939393;
    --Neutral-Variant-70: #a8a8a8;
    --Neutral-Variant-80: #bfbfbf;
    --Neutral-Variant-90: #dedede;
    --Neutral-Variant-95: #e6e6e6;
    --Neutral-Variant-98: #f2f2f2;
    --Neutral-Variant-99: #fafafa;
    --Neutral-Variant-100: #ffffff;
    --Terracotta-0: #000000;
    --Terracotta-5: #2b0100;
    --Terracotta-10: #3f0300;
    --Terracotta-20: #530904;
    --Terracotta-30: #881f0f;
    --Terracotta-40: #a93724;
    --Terracotta-50: #ca4f3a;
    --Terracotta-60: #EC5F47;
    --Terracotta-70: #ff8a75;
    --Terracotta-80: #ffb4a6;
    --Terracotta-90: #ffdad4;
    --Terracotta-95: #ffede9;
    --Terracotta-98: #fff8f6;
    --Terracotta-99: #fffcfb;
    --Terracotta-100: #ffffff;
    --Terracotta-Variant-10: #260D0C;
    --Terracotta-Variant-20: #461A18;
    --Terracotta-Variant-30: #652A22;
    --Terracotta-Variant-40: #81362A;
    --Ember-0: #000000;
    --Ember-5: #230900;
    --Ember-10: #341100;
    --Ember-20: #552000;
    --Ember-30: #793100;
    --Ember-40: #9f4200;
    --Ember-50: #c55505;
    --Ember-60: #e76d24;
    --Ember-70: #ff8d4e;
    --Ember-80: #ffb692;
    --Ember-90: #ffdbcb;
    --Ember-95: #ffede6;
    --Ember-98: #fff4f0;
    --Ember-99: #fffcfb;
    --Ember-100: #ffffff;
    --Khaki-0: #000000;
    --Khaki-5: #171000;
    --Khaki-10: #241a00;
    --Khaki-20: #3d2e00;
    --Khaki-30: #584400;
    --Khaki-40: #755b00;
    --Khaki-50: #917312;
    --Khaki-60: #ad8d2d;
    --Khaki-70: #E0BA4D;
    --Khaki-80: #F0CF78;
    --Khaki-90: #fae3aa;
    --Khaki-95: #fff2d9;
    --Khaki-98: #fff8eb;
    --Khaki-99: #fffefb;
    --Khaki-100: #ffffff;
    --Olive-0: #000000;
    --Olive-5: #0b1400;
    --Olive-10: #131f00;
    --Olive-20: #243600;
    --Olive-30: #374e0b;
    --Olive-40: #4e6622;
    --Olive-50: #667f39;
    --Olive-60: #7f9a50;
    --Olive-70: #99b567;
    --Olive-80: #b4d180;
    --Olive-90: #d0ed99;
    --Olive-95: #def2b8;
    --Olive-98: #f1ffd2;
    --Olive-99: #f9ffe6;
    --Olive-100: #ffffff;
    --Teal-0: #000000;
    --Teal-5: #00150f;
    --Teal-10: #002018;
    --Teal-20: #00382c;
    --Teal-30: #005140;
    --Teal-40: #006b56;
    --Teal-50: #00876d;
    --Teal-60: #21B38F;
    --Teal-70: #51bda0;
    --Teal-80: #6fd9bb;
    --Teal-90: #98f4d7;
    --Teal-95: #C4F5E4;
    --Teal-98: #E4FCF2;
    --Teal-99: #f3fff9;
    --Teal-100: #ffffff;
    --Cobalt-0: #000000;
    --Cobalt-5: #000449;
    --Cobalt-10: #000767;
    --Cobalt-20: #182282;
    --Cobalt-30: #323c99;
    --Cobalt-40: #323c99;
    --Cobalt-50: #646ece;
    --Cobalt-60: #7e88ea;
    --Cobalt-70: #9ba4ff;
    --Cobalt-80: #bdc2ff;
    --Cobalt-90: #dfe0ff;
    --Cobalt-95: #f1efff;
    --Cobalt-98: #fbf8ff;
    --Cobalt-99: #fffbff;
    --Cobalt-100: #ffffff;
    --Berry-Pink-0: #000000;
    --Berry-Pink-5: #2b0010;
    --Berry-Pink-10: #3f001a;
    --Berry-Pink-20: #610c2e;
    --Berry-Pink-30: #7e2544;
    --Berry-Pink-40: #9d3d5c;
    --Berry-Pink-50: #bb5574;
    --Berry-Pink-60: #db6e8e;
    --Berry-Pink-70: #fa88a8;
    --Berry-Pink-80: #ffb1c4;
    --Berry-Pink-90: #ffd9e0;
    --Berry-Pink-95: #ffecef;
    --Berry-Pink-98: #fff8f8;
    --Berry-Pink-99: #fffbff;
    --Berry-Pink-100: #ffffff;
    --Lake-Blue-0: #000000;
    --Lake-Blue-5: #001224;
    --Lake-Blue-10: #001d35;
    --Lake-Blue-20: #003256;
    --Lake-Blue-30: #00497a;
    --Lake-Blue-40: #266296;
    --Lake-Blue-50: #447bb0;
    --Lake-Blue-60: #5f95cc;
    --Lake-Blue-70: #7aafe8;
    --Lake-Blue-80: #9ccaff;
    --Lake-Blue-90: #d0e4ff;
    --Lake-Blue-95: #e9f1ff;
    --Lake-Blue-98: #f8f9ff;
    --Lake-Blue-99: #fdfcff;
    --Lake-Blue-100: #ffffff;
    --Plum-Purple-0: #000000;
    --Plum-Purple-5: #2b001c;
    --Plum-Purple-10: #3f0029;
    --Plum-Purple-20: #610c43;
    --Plum-Purple-30: #7e255f;
    --Plum-Purple-40: #9d3d7b;
    --Plum-Purple-50: #bb5597;
    --Plum-Purple-60: #db6eb5;
    --Plum-Purple-70: #fa88d2;
    --Plum-Purple-80: #ffb1e4;
    --Plum-Purple-90: #ffd9f2;
    --Plum-Purple-95: #ffecf8;
    --Plum-Purple-98: #fff8fd;
    --Plum-Purple-99: #fffbfe;
    --Plum-Purple-100: #ffffff;
    --Opacity-On-Surface-10: #F0EFED;
    --Opacity-On-Surface-20: #E8E6E3;
    --Opacity-On-Surface-30: #DFDCD8;
    --Opacity-On-Surface-40: #D6D2CD;
    --Opacity-White-1: #ffffff03;
    --Opacity-White-3: #ffffff08;
    --Opacity-White-5: #ffffff0d;
    --Opacity-White-8: #ffffff14;
    --Opacity-White-12: #ffffff1f;
    --Opacity-White-16: #ffffff29;
    --Opacity-White-20: #ffffff33;
    --Opacity-White-30: #ffffff4d;
    --Opacity-White-40: #ffffff66;
    --Opacity-White-50: #ffffff80;
    --Opacity-White-60: #ffffff99;
    --Opacity-White-70: #ffffffb2;
    --Opacity-White-80: #ffffffcc;
    --Opacity-White-90: #ffffffe5;
    --Opacity-White-95: #fffffff2;
    --Opacity-White-100: #ffffff;
    --Opacity-Black-1: #00000003;
    --Opacity-Black-3: #00000008;
    --Opacity-Black-5: #0000000d;
    --Opacity-Black-8: #00000014;
    --Opacity-Black-12: #0000001f;
    --Opacity-Black-16: #00000029;
    --Opacity-Black-20: #00000033;
    --Opacity-Black-30: #0000004d;
    --Opacity-Black-40: #00000066;
    --Opacity-Black-50: #00000080;
    --Opacity-Black-60: #00000099;
    --Opacity-Black-70: #000000b2;
    --Opacity-Black-80: #000000cc;
    --Opacity-Black-90: #000000e5;
    --Opacity-Black-95: #000000f2;
    --Opacity-Black-100: #000000;
  }
.dark {
    --Colors-Background-Normal-Primary-Default: var(--Neutral-Variant-10);
    --Colors-Background-Normal-Primary-Hover: var(--Neutral-Variant-20);
    --Colors-Background-Normal-Primary-Active: var(--Neutral-Variant-30);
    --Colors-Background-Normal-Primary-Alt: var(--Neutral-Variant-10);
    --Colors-Background-Normal-Secondary-Default: var(--Neutral-Variant-20);
    --Colors-Background-Normal-Secondary-Alt: var(--Neutral-Variant-20);
    --Colors-Background-Normal-Secondary-Hover: var(--Neutral-Variant-30);
    --Colors-Background-Normal-Secondary-Active: var(--Neutral-Variant-40);
    --Colors-Background-Normal-Tertiary-Default: var(--Neutral-Variant-30);
    --Colors-Background-Normal-Tertiary-Hover: var(--Neutral-Variant-40);
    --Colors-Background-Normal-Tertiary-Active: var(--Neutral-Variant-50);
    --Colors-Background-Neutral-Primary-Default: var(--Neutral-Variant-5);
    --Colors-Background-Neutral-Primary-Hover: var(--Neutral-Variant-10);
    --Colors-Background-Neutral-Primary-Active: var(--Neutral-Variant-20);
    --Colors-Background-Neutral-Secondary-Default: var(--Neutral-Variant-10);
    --Colors-Background-Neutral-Secondary-Hover: var(--Neutral-Variant-20);
    --Colors-Background-Neutral-Secondary-Active: var(--Neutral-Variant-30);
    --Colors-Background-Neutral-Tertiary-Default: var(--Neutral-Variant-30);
    --Colors-Background-Neutral-Tertiary-Hover: var(--Neutral-Variant-40);
    --Colors-Background-Neutral-Tertiary-Active: var(--Neutral-Variant-50);
    --Colors-Background-Neutral-On-Surface-Default: var(--Opacity-White-3);
    --Colors-Background-Neutral-On-Surface-Hover: var(--Opacity-White-5);
    --Colors-Background-Neutral-On-Surface-Active: var(--Opacity-White-8);
    --Colors-Background-Neutral-On-Surface-Disabled: var(--Opacity-White-3);
    --Colors-Background-Neutral-On-Surface-Alt: var(--Opacity-White-12);
    --Colors-Background-Utilities-Bolder: var(--Neutral-Variant-99);
    --Colors-Background-Utilities-None: var(--Basic-None);
    --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
    --Colors-Background-Utilities-Static-White: var(--Neutral-Variant-99);
    --Colors-Background-Utilities-Static-Black: var(--Neutral-Variant-5);
    --Colors-Background-Utilities-Modal: var(--Neutral-Variant-10);
    --Colors-Background-Brand-Default: var(--Maroon-Flush-950);
    --Colors-Background-Brand-Alt: var(--Maroon-Flush-500);
    --Colors-Background-Brand-Subtle: var(--Maroon-Flush-900);
    --Colors-Background-Brand-Hover: var(--Maroon-Flush-900);
    --Colors-Background-Brand-Active: var(--Maroon-Flush-800);
    --Colors-Background-Brand-Bolder: var(--Maroon-Flush-400);
    --Colors-Background-Critical-Default: var(--Terracotta-Variant-20);
    --Colors-Background-Critical-Alt: var(--Terracotta-50);
    --Colors-Background-Critical-Subtle: var(--Terracotta-Variant-10);
    --Colors-Background-Critical-Hover: var(--Terracotta-Variant-30);
    --Colors-Background-Critical-Active: var(--Terracotta-Variant-40);
    --Colors-Background-Critical-Bolder: var(--Terracotta-80);
    --Colors-Background-Warning-Default: var(--Khaki-20);
    --Colors-Background-Warning-Alt: var(--Khaki-50);
    --Colors-Background-Warning-Subtle: var(--Khaki-10);
    --Colors-Background-Warning-Hover: var(--Khaki-30);
    --Colors-Background-Warning-Active: var(--Khaki-40);
    --Colors-Background-Warning-Bolder: var(--Khaki-80);
    --Colors-Background-Success-Default: var(--Teal-20);
    --Colors-Background-Success-Alt: var(--Teal-50);
    --Colors-Background-Success-Subtle: var(--Teal-10);
    --Colors-Background-Success-Hover: var(--Teal-30);
    --Colors-Background-Success-Active: var(--Teal-40);
    --Colors-Background-Success-Bolder: var(--Teal-80);
    --Colors-Background-Info-Default: var(--Lake-Blue-20);
    --Colors-Background-Info-Alt: var(--Lake-Blue-50);
    --Colors-Background-Info-Subtle: var(--Lake-Blue-10);
    --Colors-Background-Info-Hover: var(--Lake-Blue-30);
    --Colors-Background-Info-Active: var(--Lake-Blue-40);
    --Colors-Background-Info-Bolder: var(--Lake-Blue-80);
    --Colors-Text-Default: var(--Neutral-Variant-100);
    --Colors-Text-Subtle: var(--Neutral-Variant-90);
    --Colors-Text-Subtler: var(--Neutral-Variant-70);
    --Colors-Text-Subtlest: var(--Neutral-Variant-50);
    --Colors-Text-Disabled: var(--Neutral-Variant-40);
    --Colors-Text-Bolder: var(--Neutral-Variant-5);
    --Colors-Text-Static-White: var(--Neutral-Variant-100);
    --Colors-Text-Static-Black: var(--Neutral-Variant-5);
    --Colors-Text-Brand-Subtle: var(--Maroon-Flush-500);
    --Colors-Text-Brand-Default: var(--Maroon-Flush-400);
    --Colors-Text-Brand-Bolder: var(--Maroon-Flush-300);
    --Colors-Text-Critical-Subtle: var(--Terracotta-30);
    --Colors-Text-Critical-Default: var(--Terracotta-60);
    --Colors-Text-Critical-Bolder: var(--Terracotta-90);
    --Colors-Text-Warning-Subtle: var(--Khaki-30);
    --Colors-Text-Warning-Default: var(--Khaki-70);
    --Colors-Text-Warning-Bolder: var(--Khaki-90);
    --Colors-Text-Success-Subtle: var(--Teal-30);
    --Colors-Text-Success-Default: var(--Teal-60);
    --Colors-Text-Success-Bolder: var(--Teal-90);
    --Colors-Foreground-Default: var(--Neutral-Variant-100);
    --Colors-Foreground-Subtle: var(--Neutral-Variant-90);
    --Colors-Foreground-Subtler: var(--Neutral-Variant-70);
    --Colors-Foreground-Subtlest: var(--Neutral-Variant-50);
    --Colors-Foreground-Disabled: var(--Neutral-Variant-40);
    --Colors-Foreground-Bolder: var(--Neutral-Variant-5);
    --Colors-Foreground-Static-White: var(--Neutral-Variant-100);
    --Colors-Foreground-Static-Black: var(--Neutral-Variant-5);
    --Colors-Foreground-Brand-Subtle: var(--Maroon-Flush-500);
    --Colors-Foreground-Brand-Default: var(--Maroon-Flush-400);
    --Colors-Foreground-Brand-Bolder: var(--Maroon-Flush-300);
    --Colors-Foreground-Critical-Subtle: var(--Terracotta-30);
    --Colors-Foreground-Critical-Default: var(--Terracotta-60);
    --Colors-Foreground-Critical-Bolder: var(--Terracotta-90);
    --Colors-Foreground-Warning-Subtle: var(--Khaki-30);
    --Colors-Foreground-Warning-Default: var(--Khaki-70);
    --Colors-Foreground-Warning-Bolder: var(--Khaki-90);
    --Colors-Foreground-Success-Subtle: var(--Teal-30);
    --Colors-Foreground-Success-Default: var(--Teal-60);
    --Colors-Foreground-Success-Bolder: var(--Teal-90);
    --Colors-Border-Default: var(--Neutral-Variant-30);
    --Colors-Border-Alt: var(--Neutral-Variant-40);
    --Colors-Border-Hover: var(--Neutral-Variant-40);
    --Colors-Border-Active: var(--Neutral-Variant-50);
    --Colors-Border-Bolder: var(--Neutral-Variant-100);
    --Colors-Border-Brand: var(--Maroon-Flush-500);
    --Colors-Border-Brand_alt: var(--Maroon-Flush-700);
    --Colors-Border-Critical: var(--Terracotta-60);
    --Colors-Border-Success: var(--Teal-60);
    --Colors-Border-Warning: var(--Khaki-60);
    --Colors-Border-Opaque: var(--Opacity-White-8);
    --Colors-Border-Static: var(--Neutral-Variant-95);
    --Colors-Alpha-White-1: var(--Opacity-Black-1);
    --Colors-Alpha-White-3: var(--Opacity-Black-3);
    --Colors-Alpha-White-5: var(--Opacity-Black-5);
    --Colors-Alpha-White-8: var(--Opacity-Black-8);
    --Colors-Alpha-White-12: var(--Opacity-Black-12);
    --Colors-Alpha-White-16: var(--Opacity-Black-16);
    --Colors-Alpha-White-20: var(--Opacity-Black-20);
    --Colors-Alpha-White-30: var(--Opacity-Black-30);
    --Colors-Alpha-White-40: var(--Opacity-Black-40);
    --Colors-Alpha-White-50: var(--Opacity-Black-50);
    --Colors-Alpha-White-60: var(--Opacity-Black-60);
    --Colors-Alpha-White-70: var(--Opacity-Black-70);
    --Colors-Alpha-White-80: var(--Opacity-Black-80);
    --Colors-Alpha-White-90: var(--Opacity-Black-90);
    --Colors-Alpha-White-95: var(--Opacity-Black-95);
    --Colors-Alpha-White-100: var(--Opacity-Black-100);
    --Colors-Alpha-Black-1: var(--Opacity-White-1);
    --Colors-Alpha-Black-3: var(--Opacity-White-3);
    --Colors-Alpha-Black-5: var(--Opacity-White-5);
    --Colors-Alpha-Black-8: var(--Opacity-White-8);
    --Colors-Alpha-Black-12: var(--Opacity-White-12);
    --Colors-Alpha-Black-16: var(--Opacity-White-16);
    --Colors-Alpha-Black-20: var(--Opacity-White-20);
    --Colors-Alpha-Black-30: var(--Opacity-White-30);
    --Colors-Alpha-Black-40: var(--Opacity-White-40);
    --Colors-Alpha-Black-50: var(--Opacity-White-50);
    --Colors-Alpha-Black-60: var(--Opacity-White-60);
    --Colors-Alpha-Black-70: var(--Opacity-White-70);
    --Colors-Alpha-Black-80: var(--Opacity-White-80);
    --Colors-Alpha-Black-90: var(--Opacity-White-90);
    --Colors-Alpha-Black-95: var(--Opacity-White-95);
    --Colors-Alpha-Black-100: var(--Opacity-White-100);
    --Colors-Utility-Gray-5: var(--Neutral-Variant-10);
    --Colors-Utility-Gray-10: var(--Neutral-Variant-20);
    --Colors-Utility-Gray-20: var(--Neutral-Variant-30);
    --Colors-Utility-Gray-30: var(--Neutral-Variant-40);
    --Colors-Utility-Gray-40: var(--Neutral-Variant-50);
    --Colors-Utility-Gray-50: var(--Neutral-Variant-60);
    --Colors-Utility-Gray-60: var(--Neutral-Variant-70);
    --Colors-Utility-Gray-70: var(--Neutral-Variant-80);
    --Colors-Utility-Gray-80: var(--Neutral-Variant-90);
    --Colors-Utility-Olive-5: var(--Olive-10);
    --Colors-Utility-Olive-10: var(--Olive-20);
    --Colors-Utility-Olive-20: var(--Olive-30);
    --Colors-Utility-Olive-30: var(--Olive-40);
    --Colors-Utility-Olive-40: var(--Olive-50);
    --Colors-Utility-Olive-50: var(--Olive-60);
    --Colors-Utility-Olive-60: var(--Olive-70);
    --Colors-Utility-Olive-70: var(--Olive-80);
    --Colors-Utility-Olive-80: var(--Olive-90);
    --Colors-Utility-Teal-5: var(--Teal-10);
    --Colors-Utility-Teal-10: var(--Teal-20);
    --Colors-Utility-Teal-20: var(--Teal-30);
    --Colors-Utility-Teal-30: var(--Teal-40);
    --Colors-Utility-Teal-40: var(--Teal-50);
    --Colors-Utility-Teal-50: var(--Teal-60);
    --Colors-Utility-Teal-60: var(--Teal-70);
    --Colors-Utility-Teal-70: var(--Teal-80);
    --Colors-Utility-Teal-80: var(--Teal-90);
    --Colors-Utility-Lake-Blue-5: var(--Lake-Blue-10);
    --Colors-Utility-Lake-Blue-10: var(--Lake-Blue-20);
    --Colors-Utility-Lake-Blue-20: var(--Lake-Blue-30);
    --Colors-Utility-Lake-Blue-30: var(--Lake-Blue-40);
    --Colors-Utility-Lake-Blue-40: var(--Lake-Blue-50);
    --Colors-Utility-Lake-Blue-50: var(--Lake-Blue-60);
    --Colors-Utility-Lake-Blue-60: var(--Lake-Blue-70);
    --Colors-Utility-Lake-Blue-70: var(--Lake-Blue-80);
    --Colors-Utility-Lake-Blue-80: var(--Lake-Blue-90);
    --Colors-Utility-Cobalt-5: var(--Cobalt-10);
    --Colors-Utility-Cobalt-10: var(--Cobalt-20);
    --Colors-Utility-Cobalt-20: var(--Cobalt-30);
    --Colors-Utility-Cobalt-30: var(--Cobalt-40);
    --Colors-Utility-Cobalt-40: var(--Cobalt-50);
    --Colors-Utility-Cobalt-50: var(--Cobalt-60);
    --Colors-Utility-Cobalt-60: var(--Cobalt-70);
    --Colors-Utility-Cobalt-70: var(--Cobalt-80);
    --Colors-Utility-Cobalt-80: var(--Cobalt-90);
    --Colors-Utility-Berry-Pink-5: var(--Berry-Pink-10);
    --Colors-Utility-Berry-Pink-10: var(--Berry-Pink-20);
    --Colors-Utility-Berry-Pink-20: var(--Berry-Pink-30);
    --Colors-Utility-Berry-Pink-30: var(--Berry-Pink-40);
    --Colors-Utility-Berry-Pink-40: var(--Berry-Pink-50);
    --Colors-Utility-Berry-Pink-50: var(--Berry-Pink-60);
    --Colors-Utility-Berry-Pink-60: var(--Berry-Pink-70);
    --Colors-Utility-Berry-Pink-70: var(--Berry-Pink-80);
    --Colors-Utility-Berry-Pink-80: var(--Berry-Pink-90);
    --Colors-Utility-Terracotta-5: var(--Terracotta-10);
    --Colors-Utility-Terracotta-10: var(--Terracotta-20);
    --Colors-Utility-Terracotta-20: var(--Terracotta-30);
    --Colors-Utility-Terracotta-30: var(--Terracotta-40);
    --Colors-Utility-Terracotta-40: var(--Terracotta-50);
    --Colors-Utility-Terracotta-50: var(--Terracotta-60);
    --Colors-Utility-Terracotta-60: var(--Terracotta-70);
    --Colors-Utility-Terracotta-70: var(--Terracotta-80);
    --Colors-Utility-Terracotta-80: var(--Terracotta-90);
    --Colors-Utility-Ember-5: var(--Ember-10);
    --Colors-Utility-Ember-10: var(--Ember-20);
    --Colors-Utility-Ember-20: var(--Ember-30);
    --Colors-Utility-Ember-30: var(--Ember-40);
    --Colors-Utility-Ember-40: var(--Ember-50);
    --Colors-Utility-Ember-50: var(--Ember-60);
    --Colors-Utility-Ember-60: var(--Ember-70);
    --Colors-Utility-Ember-70: var(--Ember-80);
    --Colors-Utility-Ember-80: var(--Ember-90);
    --Colors-Utility-Khaki-5: var(--Khaki-10);
    --Colors-Utility-Khaki-10: var(--Khaki-20);
    --Colors-Utility-Khaki-20: var(--Khaki-30);
    --Colors-Utility-Khaki-30: var(--Khaki-40);
    --Colors-Utility-Khaki-40: var(--Khaki-50);
    --Colors-Utility-Khaki-50: var(--Khaki-60);
    --Colors-Utility-Khaki-60: var(--Khaki-70);
    --Colors-Utility-Khaki-70: var(--Khaki-80);
    --Colors-Utility-Khaki-80: var(--Khaki-90);
    --Colors-Utility-Purple-5: var(--Pure-Mauve-10);
    --Colors-Utility-Purple-10: var(--Pure-Mauve-20);
    --Colors-Utility-Purple-20: var(--Pure-Mauve-30);
    --Colors-Utility-Purple-30: var(--Pure-Mauve-40);
    --Colors-Utility-Purple-40: var(--Pure-Mauve-50);
    --Colors-Utility-Purple-50: var(--Pure-Mauve-60);
    --Colors-Utility-Purple-60: var(--Pure-Mauve-70);
    --Colors-Utility-Purple-70: var(--Pure-Mauve-80);
    --Colors-Utility-Purple-80: var(--Pure-Mauve-90);
    --Colors-Utility-Maroon-Flush-5: var(--Maroon-Flush-950);
    --Colors-Utility-Plum-Purple-5: var(--Plum-Purple-10);
    --Colors-Utility-Plum-Purple-10: var(--Plum-Purple-20);
    --Colors-Utility-Plum-Purple-20: var(--Plum-Purple-30);
    --Colors-Utility-Plum-Purple-30: var(--Plum-Purple-40);
    --Colors-Utility-Plum-Purple-40: var(--Plum-Purple-50);
    --Colors-Utility-Plum-Purple-50: var(--Plum-Purple-60);
    --Colors-Utility-Plum-Purple-60: var(--Plum-Purple-70);
    --Colors-Utility-Plum-Purple-70: var(--Plum-Purple-80);
    --Colors-Utility-Plum-Purple-80: var(--Plum-Purple-90);
    --Colors-FaceTime-White: var(--Opacity-Black-20);
    --Colors-FaceTime-Black: var(--Opacity-White-20);
  }
.dark .md-viewer code {
    background-color: #27282c !important;
    font-size: 14px !important;
    color: var(--Basic-White);
  }
.dark .page-view .md-viewer pre {
    padding: 12px;
    background-color: #27282c !important;
    color: var(--Basic-White);
  }
.dark .page-view .md-viewer pre code {
    background-color: #27282c !important;
    color: var(--Basic-White);
  }
:root {
    --Component-Colors-Icon-Featured-icon-fg-info: var(--Lake-Blue-50);
    --Component-Colors-Icon-Featured-icon-fg-success: var(--Teal-50);
    --Component-Colors-Icon-Featured-icon-fg-warning: var(--Khaki-50);
    --Component-Colors-Icon-Featured-icon-fg-error: var(--Terracotta-50);
    --Component-Colors-Button-Brand-fg-default: var(--Maroon-Flush-950);
    --Component-Colors-Button-Brand-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Brand-bg-default: var(--Maroon-Flush-50);
    --Component-Colors-Button-Brand-bg-hover: var(--Maroon-Flush-100);
    --Component-Colors-Button-Brand-bg-active: var(--Maroon-Flush-200);
    --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-95);
    --Component-Colors-Button-Primary-fg-default: var(--Neutral-100);
    --Component-Colors-Button-Primary-fg-alt: var(--Neutral-Variant-98);
    --Component-Colors-Button-Primary-bg-default: var(--Neutral-5);
    --Component-Colors-Button-Primary-bg-hover: var(--Neutral-20);
    --Component-Colors-Button-Primary-bg-active: var(--Neutral-40);
    --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-80);
    --Component-Colors-Button-Primary-bg-default-2: var(--Neutral-5);
    --Component-Colors-Button-Secondary-fg-default: var(--Neutral-5);
    --Component-Colors-Button-Secondary-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Secondary-bg-default: var(--Basic-None);
    --Component-Colors-Button-Secondary-bg-hover: var(--Neutral-98);
    --Component-Colors-Button-Secondary-bg-active: var(--Neutral-95);
    --Component-Colors-Button-Secondary-border-default: var(--Neutral-5);
    --Component-Colors-Button-Secondary-border-disabled: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Tertiary-fg-default: var(--Neutral-5);
    --Component-Colors-Button-Tertiary-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Tertiary-bg-default: var(--Opacity-On-Surface-10);
    --Component-Colors-Button-Tertiary-bg-hover: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Tertiary-bg-active: var(--Opacity-On-Surface-30);
    --Component-Colors-Button-Plain-fg-default: var(--Neutral-5);
    --Component-Colors-Button-Plain-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-bg-hover: var(--Neutral-98);
    --Component-Colors-Button-Plain-bg-active: var(--Neutral-95);
    --Component-Colors-Button-Plain-Brand-fg-default: var(--Maroon-Flush-500);
    --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-Brand-bg-hover: var(--Neutral-98);
    --Component-Colors-Button-Plain-Brand-bg-active: var(--Neutral-95);
    --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-100);
    --Component-Colors-Button-Error-Primary-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Error-Primary-bg-default: var(--Terracotta-50);
    --Component-Colors-Button-Error-Primary-bg-hover: var(--Terracotta-40);
    --Component-Colors-Button-Error-Primary-bg-active: var(--Terracotta-30);
    --Component-Colors-Button-Error-Primary-bg-disabled: var(--Neutral-95);
    --Component-Colors-Button-Error-Primary-bg-loading: var(--Terracotta-90);
    --Component-Colors-Button-Error-Secondary-fg-default: var(--Terracotta-50);
    --Component-Colors-Button-Error-Secondary-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Error-Secondary-bg-default: var(--Terracotta-98);
    --Component-Colors-Button-Error-Secondary-bg-hover: var(--Terracotta-90);
    --Component-Colors-Button-Error-Secondary-bg-active: var(--Terracotta-80);
    --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Terracotta-100);
    --Component-Colors-Button-Error-Secondary-border-default: var(--Terracotta-50);
    --Component-Colors-Button-Error-Secondary-border-disabled: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Static-fg-default: var(--Neutral-5);
    --Component-Colors-Button-Static-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Static-bg-default: var(--Neutral-100);
    --Component-Colors-Button-Static-bg-hover: var(--Neutral-98);
    --Component-Colors-Button-Static-bg-active: var(--Neutral-95);
    --Component-Colors-Button-Static-border-default: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Static-border-alt: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Ghost-fg-default: var(--Neutral-5);
    --Component-Colors-Button-Ghost-fg-alt: var(--Neutral-70);
    --Component-Colors-Button-Ghost-bg-default: var(--Neutral-100);
    --Component-Colors-Button-Ghost-bg-hover: var(--Neutral-98);
    --Component-Colors-Button-Ghost-bg-active: var(--Neutral-95);
    --Component-Colors-Button-Ghost-border-default: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Ghost-border-alt: var(--Opacity-On-Surface-20);
    --Component-Colors-Icon-Button-Brand-fg-default: var(--Maroon-Flush-950);
    --Component-Colors-Icon-Button-Brand-fg-alt: var(--Neutral-70);
    --Component-Colors-Icon-Button-Brand-bg-default: var(--Maroon-Flush-50);
    --Component-Colors-Icon-Button-Brand-bg-hover: var(--Maroon-Flush-200);
    --Component-Colors-Icon-Button-Brand-bg-active: var(--Maroon-Flush-300);
    --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Neutral-95);
    --Component-Colors-Icon-Button-Plain-fg-default: var(--Neutral-5);
    --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Neutral-40);
    --Component-Colors-Link-Button-Primary-fg-default: var(--Maroon-Flush-500);
    --Component-Colors-Link-Button-Primary-fg-hover: var(--Maroon-Flush-600);
    --Component-Colors-Link-Button-Primary-fg-active: var(--Maroon-Flush-700);
    --Component-Colors-Link-Button-Primary-fg-disabled: var(--Neutral-Variant-80);
    --Component-Colors-Link-Button-Primary-bg-default: var(--Basic-None);
    --Component-Colors-Link-Button-Secondary-fg-default: var(--Neutral-Variant-30);
    --Component-Colors-Link-Button-Secondary-fg-hover: var(--Neutral-Variant-50);
    --Component-Colors-Link-Button-Secondary-fg-active: var(--Neutral-Variant-70);
    --Component-Colors-Link-Button-Secondary-fg-disabled: var(--Neutral-Variant-80);
    --Component-Colors-Link-Button-Secondary-bg-default: var(--Basic-None);
    --Component-Colors-Tooltip-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Tooltip-fg-subtle: var(--Neutral-Variant-80);
    --Component-Colors-Tooltip-bg-default: var(--Neutral-Variant-10);
    --Component-Colors-Tooltip-border-default: var(--Basic-None);
    --Component-Colors-Tabbar-fg-default: var(--Neutral-60);
    --Component-Colors-Tabbar-fg-alt: var(--Neutral-70);
    --Component-Colors-Tabbar-fg-bolder: var(--Neutral-5);
    --Component-Colors-Tabbar-fg-disabled: var(--Neutral-90);
    --Component-Colors-Tabbar-fg-select-disabled: var(--Neutral-90);
    --Component-Colors-Tabbar-bg-default: var(--Opacity-On-Surface-10);
    --Component-Colors-Tabbar-bg-select: var(--Neutral-100);
    --Component-Colors-Tabbar-border-default: var(--Neutral-5);
    --Component-Colors-Tabbar-border-disabled: var(--Neutral-95);
    --Component-Colors-Energy-fg-default: var(--Khaki-40);
    --Component-Colors-Energy-bg-default: var(--Khaki-99);
    --Component-Colors-Energy-bg-alt: var(--Khaki-95);
    --Component-Colors-Energy-bg-on: var(--Khaki-80);
    --Component-Colors-Energy-border-default: var(--Khaki-80);
    --Component-Colors-Input-bg-default: var(--Neutral-98);
    --Component-Colors-Input-bg-active: var(--Neutral-100);
    --Component-Colors-Input-border-default: var(--Neutral-80);
    --Component-Colors-Search-Bar-bg-default: var(--Opacity-On-Surface-10);
    --Component-Colors-Search-Bar-bg-active: var(--Neutral-100);
    --Component-Colors-Search-Bar-border-default: var(--Neutral-80);
    --Component-Colors-Shadows-Surface-Default: var(--Opacity-Black-12);
    --Component-Colors-Shadows-Surface-Bolder: var(--Opacity-Black-3);
    --Component-Colors-Shadows-Modal-Default: var(--Opacity-Black-12);
    --Component-Colors-Shadows-Modal-Bolder: var(--Opacity-Black-12);
    --Component-Colors-Shadows-Button-Primary-1: var(--Alpha-White-8);
    --Component-Colors-Focus-Rings-Brand: var(--Neutral-90);
    --Component-Colors-Focus-Rings-Error: var(--Terracotta-50);
    --Component-Colors-Chat-Tips-fg-info: var(--Maroon-Flush-500);
    --Component-Colors-Chat-Tips-bg-info: var(--Porn-Pink-99);
    --Component-Colors-Chat-Tips-border-info: var(--Maroon-Flush-100);
    --Component-Colors-Chat-Tips-fg-alert: var(--Khaki-70);
    --Component-Colors-Chat-Tips-bg-alert: var(--Khaki-98);
    --Component-Colors-Chat-Tips-button-alert: var(--Khaki-90);
    --Component-Colors-Chat-Tips-border-alert: var(--Khaki-90);
    --Component-Colors-Chat-Tips-fg-error: var(--Terracotta-50);
    --Component-Colors-Chat-Tips-bg-error: var(--Terracotta-98);
    --Component-Colors-Chat-Tips-border-error: var(--Terracotta-90);
    --Component-Colors-Check-Box-fg-default: var(--Neutral-100);
    --Component-Colors-Check-Box-fg-alt: var(--Neutral-80);
    --Component-Colors-Check-Box-border-default: var(--Neutral-90);
    --Component-Colors-Check-Box-border-hover: var(--Neutral-80);
    --Component-Colors-Check-Box-border-disabled: var(--Neutral-95);
    --Component-Colors-Check-Box-bg-default: var(--Neutral-5);
    --Component-Colors-Check-Box-bg-hover: var(--Neutral-30);
    --Component-Colors-Check-Box-bg-disabled: var(--Neutral-99);
    --Component-Colors-Switch-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Switch-fg-on: var(--Neutral-Variant-100);
    --Component-Colors-Switch-fg-disabled: var(--Opacity-White-60);
    --Component-Colors-Switch-bg-default: var(--Neutral-Variant-90);
    --Component-Colors-Switch-bg-on: var(--Neutral-Variant-5);
    --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-95);
    --Component-Colors-Tag-bg-default: var(--Opacity-On-Surface-10);
    --Component-Colors-Chips-Primary-bg-default: var(--Neutral-100);
    --Component-Colors-Chips-Primary-bg-hover: var(--Neutral-98);
    --Component-Colors-Chips-Primary-bg-disabled: var(--Neutral-100);
    --Component-Colors-Chips-Primary-border-default: var(--Opacity-On-Surface-20);
    --Component-Colors-Chips-Primary-bg-select-disabled: var(--Neutral-90);
    --Component-Colors-Chips-Primary-bg-select: var(--Neutral-5);
    --Basic-White: #ffffff;
    --Basic-Black: #000000;
    --Basic-None: #ffffff00;
    --Pure-Mauve-0: #000000;
    --Pure-Mauve-5: #100f22;
    --Pure-Mauve-10: #1b192d;
    --Pure-Mauve-20: #352b4a;
    --Pure-Mauve-30: #53436f;
    --Pure-Mauve-40: #655186;
    --Pure-Mauve-50: #7860a1;
    --Pure-Mauve-60: #826aaf;
    --Pure-Mauve-70: #9d8dc5;
    --Pure-Mauve-80: #b8aed7;
    --Pure-Mauve-90: #cbc6e6;
    --Pure-Mauve-95: #dad6f1;
    --Pure-Mauve-98: #e8e6f7;
    --Pure-Mauve-99: #f9f7fc;
    --Pure-Mauve-100: #ffffff;
    --Porn-Pink-100: #ffffff;
    --Porn-Pink-99: #fff8f9;
    --Porn-Pink-98: #fef0f3;
    --Maroon-Flush-25: #FECDDD;
    --Maroon-Flush-50: #FEC5D7;
    --Maroon-Flush-100: #FDADC7;
    --Maroon-Flush-200: #FB88AC;
    --Maroon-Flush-300: #F7598A;
    --Maroon-Flush-400: #F01B5C;
    --Maroon-Flush-500: #D5104B;
    --Maroon-Flush-500-rgb: 163, 42, 89;
    --Maroon-Flush-600: #911239;
    --Maroon-Flush-700: #62102A;
    --Maroon-Flush-800: #3F0C1C;
    --Maroon-Flush-900: #2A0914;
    --Maroon-Flush-950: #230810;
    --Maroon-Flush-1000: #140207;
    --Neutral-0: #000000;
    --Neutral-5: #121110;
    --Neutral-10: #242220;
    --Neutral-20: #302e2b;
    --Neutral-30: #47443f;
    --Neutral-40: #5c5854;
    --Neutral-50: #7a7671;
    --Neutral-60: #948f8b;
    --Neutral-70: #B2AFAB;
    --Neutral-80: #C7C4C1;
    --Neutral-90: #E3E1DE;
    --Neutral-95: #EBE9E8;
    --Neutral-98: #f5f4f2;
    --Neutral-99: #fcfbfa;
    --Neutral-100: #fffefd;
    --Neutral-Variant-0: #000000;
    --Neutral-Variant-5: #111111;
    --Neutral-Variant-10: #1c1c1c;
    --Neutral-Variant-20: #212121;
    --Neutral-Variant-25: #292929;
    --Neutral-Variant-30: #303030;
    --Neutral-Variant-40: #474747;
    --Neutral-Variant-50: #5C5C5C;
    --Neutral-Variant-60: #939393;
    --Neutral-Variant-70: #a8a8a8;
    --Neutral-Variant-80: #bfbfbf;
    --Neutral-Variant-90: #dedede;
    --Neutral-Variant-95: #e6e6e6;
    --Neutral-Variant-98: #f2f2f2;
    --Neutral-Variant-99: #fafafa;
    --Neutral-Variant-100: #ffffff;
    --Terracotta-0: #000000;
    --Terracotta-5: #2b0100;
    --Terracotta-10: #3f0300;
    --Terracotta-20: #530904;
    --Terracotta-30: #881f0f;
    --Terracotta-40: #a93724;
    --Terracotta-50: #ca4f3a;
    --Terracotta-60: #EC5F47;
    --Terracotta-70: #ff8a75;
    --Terracotta-80: #ffb4a6;
    --Terracotta-90: #ffdad4;
    --Terracotta-95: #ffede9;
    --Terracotta-98: #fff8f6;
    --Terracotta-99: #fffcfb;
    --Terracotta-100: #ffffff;
    --Terracotta-Variant-10: #260D0C;
    --Terracotta-Variant-20: #461A18;
    --Terracotta-Variant-30: #652A22;
    --Terracotta-Variant-40: #81362A;
    --Ember-0: #000000;
    --Ember-5: #230900;
    --Ember-10: #341100;
    --Ember-20: #552000;
    --Ember-30: #793100;
    --Ember-40: #9f4200;
    --Ember-50: #c55505;
    --Ember-60: #e76d24;
    --Ember-70: #ff8d4e;
    --Ember-80: #ffb692;
    --Ember-90: #ffdbcb;
    --Ember-95: #ffede6;
    --Ember-98: #fff4f0;
    --Ember-99: #fffcfb;
    --Ember-100: #ffffff;
    --Khaki-0: #000000;
    --Khaki-5: #171000;
    --Khaki-10: #241a00;
    --Khaki-20: #3d2e00;
    --Khaki-30: #584400;
    --Khaki-40: #755b00;
    --Khaki-50: #917312;
    --Khaki-60: #ad8d2d;
    --Khaki-70: #E0BA4D;
    --Khaki-80: #F0CF78;
    --Khaki-90: #fae3aa;
    --Khaki-95: #fff2d9;
    --Khaki-98: #fff8eb;
    --Khaki-99: #fffefb;
    --Khaki-100: #ffffff;
    --Olive-0: #000000;
    --Olive-5: #0b1400;
    --Olive-10: #131f00;
    --Olive-20: #243600;
    --Olive-30: #374e0b;
    --Olive-40: #4e6622;
    --Olive-50: #667f39;
    --Olive-60: #7f9a50;
    --Olive-70: #99b567;
    --Olive-80: #b4d180;
    --Olive-90: #d0ed99;
    --Olive-95: #def2b8;
    --Olive-98: #f1ffd2;
    --Olive-99: #f9ffe6;
    --Olive-100: #ffffff;
    --Teal-0: #000000;
    --Teal-5: #00150f;
    --Teal-10: #002018;
    --Teal-20: #00382c;
    --Teal-30: #005140;
    --Teal-40: #006b56;
    --Teal-50: #00876d;
    --Teal-60: #21B38F;
    --Teal-70: #51bda0;
    --Teal-80: #6fd9bb;
    --Teal-90: #98f4d7;
    --Teal-95: #C4F5E4;
    --Teal-98: #E4FCF2;
    --Teal-99: #f3fff9;
    --Teal-100: #ffffff;
    --Cobalt-0: #000000;
    --Cobalt-5: #000449;
    --Cobalt-10: #000767;
    --Cobalt-20: #182282;
    --Cobalt-30: #323c99;
    --Cobalt-40: #323c99;
    --Cobalt-50: #646ece;
    --Cobalt-60: #7e88ea;
    --Cobalt-70: #9ba4ff;
    --Cobalt-80: #bdc2ff;
    --Cobalt-90: #dfe0ff;
    --Cobalt-95: #f1efff;
    --Cobalt-98: #fbf8ff;
    --Cobalt-99: #fffbff;
    --Cobalt-100: #ffffff;
    --Berry-Pink-0: #000000;
    --Berry-Pink-5: #2b0010;
    --Berry-Pink-10: #3f001a;
    --Berry-Pink-20: #610c2e;
    --Berry-Pink-30: #7e2544;
    --Berry-Pink-40: #9d3d5c;
    --Berry-Pink-50: #bb5574;
    --Berry-Pink-60: #db6e8e;
    --Berry-Pink-70: #fa88a8;
    --Berry-Pink-80: #ffb1c4;
    --Berry-Pink-90: #ffd9e0;
    --Berry-Pink-95: #ffecef;
    --Berry-Pink-98: #fff8f8;
    --Berry-Pink-99: #fffbff;
    --Berry-Pink-100: #ffffff;
    --Lake-Blue-0: #000000;
    --Lake-Blue-5: #001224;
    --Lake-Blue-10: #001d35;
    --Lake-Blue-20: #003256;
    --Lake-Blue-30: #00497a;
    --Lake-Blue-40: #266296;
    --Lake-Blue-50: #447bb0;
    --Lake-Blue-60: #5f95cc;
    --Lake-Blue-70: #7aafe8;
    --Lake-Blue-80: #9ccaff;
    --Lake-Blue-90: #d0e4ff;
    --Lake-Blue-95: #e9f1ff;
    --Lake-Blue-98: #f8f9ff;
    --Lake-Blue-99: #fdfcff;
    --Lake-Blue-100: #ffffff;
    --Plum-Purple-0: #000000;
    --Plum-Purple-5: #2b001c;
    --Plum-Purple-10: #3f0029;
    --Plum-Purple-20: #610c43;
    --Plum-Purple-30: #7e255f;
    --Plum-Purple-40: #9d3d7b;
    --Plum-Purple-50: #bb5597;
    --Plum-Purple-60: #db6eb5;
    --Plum-Purple-70: #fa88d2;
    --Plum-Purple-80: #ffb1e4;
    --Plum-Purple-90: #ffd9f2;
    --Plum-Purple-95: #ffecf8;
    --Plum-Purple-98: #fff8fd;
    --Plum-Purple-99: #fffbfe;
    --Plum-Purple-100: #ffffff;
    --Opacity-On-Surface-10: #F0EFED;
    --Opacity-On-Surface-20: #E8E6E3;
    --Opacity-On-Surface-30: #DFDCD8;
    --Opacity-On-Surface-40: #D6D2CD;
    --Opacity-White-1: #ffffff03;
    --Opacity-White-3: #ffffff08;
    --Opacity-White-5: #ffffff0d;
    --Opacity-White-8: #ffffff14;
    --Opacity-White-12: #ffffff1f;
    --Opacity-White-16: #ffffff29;
    --Opacity-White-20: #ffffff33;
    --Opacity-White-30: #ffffff4d;
    --Opacity-White-40: #ffffff66;
    --Opacity-White-50: #ffffff80;
    --Opacity-White-60: #ffffff99;
    --Opacity-White-70: #ffffffb2;
    --Opacity-White-80: #ffffffcc;
    --Opacity-White-90: #ffffffe5;
    --Opacity-White-95: #fffffff2;
    --Opacity-White-100: #ffffff;
    --Opacity-Black-1: #00000003;
    --Opacity-Black-3: #00000008;
    --Opacity-Black-5: #0000000d;
    --Opacity-Black-8: #00000014;
    --Opacity-Black-12: #0000001f;
    --Opacity-Black-16: #00000029;
    --Opacity-Black-20: #00000033;
    --Opacity-Black-30: #0000004d;
    --Opacity-Black-40: #00000066;
    --Opacity-Black-50: #00000080;
    --Opacity-Black-60: #00000099;
    --Opacity-Black-70: #000000b2;
    --Opacity-Black-80: #000000cc;
    --Opacity-Black-90: #000000e5;
    --Opacity-Black-95: #000000f2;
    --Opacity-Black-100: #000000;
  }
.dark {
    --Component-Colors-Icon-Featured-icon-fg-info: var(--Lake-Blue-70);
    --Component-Colors-Icon-Featured-icon-fg-success: var(--Teal-70);
    --Component-Colors-Icon-Featured-icon-fg-warning: var(--Khaki-70);
    --Component-Colors-Icon-Featured-icon-fg-error: var(--Terracotta-70);
    --Component-Colors-Button-Brand-fg-default: var(--Basic-White);
    --Component-Colors-Button-Brand-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Brand-bg-default: var(--Maroon-Flush-500);
    --Component-Colors-Button-Brand-bg-hover: var(--Maroon-Flush-600);
    --Component-Colors-Button-Brand-bg-active: var(--Maroon-Flush-600);
    --Component-Colors-Button-Brand-bg-disabled: var(--Neutral-Variant-20);
    --Component-Colors-Button-Primary-fg-default: var(--Neutral-Variant-5);
    --Component-Colors-Button-Primary-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Primary-bg-default: var(--Neutral-Variant-100);
    --Component-Colors-Button-Primary-bg-hover: var(--Neutral-Variant-90);
    --Component-Colors-Button-Primary-bg-active: var(--Neutral-Variant-80);
    --Component-Colors-Button-Primary-bg-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Button-Primary-bg-default-2: var(--Neutral-Variant-100);
    --Component-Colors-Button-Secondary-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Button-Secondary-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Secondary-bg-default: rgba(var(--Maroon-Flush-500-rgb), 0.08);
    --Component-Colors-Button-Secondary-bg-hover: rgba(var(--Maroon-Flush-500-rgb), 0.16);
    --Component-Colors-Button-Secondary-bg-active: var(--Maroon-Flush-100);
    --Component-Colors-Button-Secondary-border-default: var(--Maroon-Flush-500);
    --Component-Colors-Button-Secondary-border-disabled: var(--Maroon-Flush-600);
    --Component-Colors-Button-Tertiary-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Button-Tertiary-fg-alt: var(--Opacity-White-30);
    --Component-Colors-Button-Tertiary-bg-default: var(--Neutral-Variant-30);
    --Component-Colors-Button-Tertiary-bg-hover: var(--Neutral-Variant-40);
    --Component-Colors-Button-Tertiary-bg-active: var(--Neutral-Variant-50);
    --Component-Colors-Button-Plain-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Button-Plain-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Plain-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-bg-hover: var(--Neutral-Variant-30);
    --Component-Colors-Button-Plain-bg-active: var(--Neutral-Variant-40);
    --Component-Colors-Button-Plain-Brand-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Button-Plain-Brand-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-Brand-bg-hover: var(--Neutral-Variant-30);
    --Component-Colors-Button-Plain-Brand-bg-active: var(--Neutral-Variant-40);
    --Component-Colors-Button-Error-Primary-fg-default: var(--Terracotta-95);
    --Component-Colors-Button-Error-Primary-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Error-Primary-bg-default: var(--Terracotta-40);
    --Component-Colors-Button-Error-Primary-bg-hover: var(--Terracotta-30);
    --Component-Colors-Button-Error-Primary-bg-active: var(--Terracotta-20);
    --Component-Colors-Button-Error-Primary-bg-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Button-Error-Primary-bg-loading: var(--Terracotta-40);
    --Component-Colors-Button-Error-Secondary-fg-default: var(--Terracotta-95);
    --Component-Colors-Button-Error-Secondary-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Error-Secondary-bg-default: var(--Terracotta-5);
    --Component-Colors-Button-Error-Secondary-bg-hover: var(--Terracotta-20);
    --Component-Colors-Button-Error-Secondary-bg-active: var(--Terracotta-30);
    --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Basic-None);
    --Component-Colors-Button-Error-Secondary-border-default: var(--Terracotta-40);
    --Component-Colors-Button-Error-Secondary-border-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Button-Static-fg-default: var(--Neutral-Variant-5);
    --Component-Colors-Button-Static-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Static-bg-default: var(--Neutral-Variant-100);
    --Component-Colors-Button-Static-bg-hover: var(--Neutral-Variant-98);
    --Component-Colors-Button-Static-bg-active: var(--Neutral-Variant-95);
    --Component-Colors-Button-Static-border-default: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Static-border-alt: var(--Opacity-On-Surface-20);
    --Component-Colors-Button-Ghost-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Button-Ghost-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Button-Ghost-bg-default: var(--Neutral-Variant-20);
    --Component-Colors-Button-Ghost-bg-hover: var(--Neutral-Variant-30);
    --Component-Colors-Button-Ghost-bg-active: var(--Neutral-Variant-30);
    --Component-Colors-Button-Ghost-border-default: var(--Neutral-Variant-30);
    --Component-Colors-Button-Ghost-border-alt: var(--Neutral-Variant-30);
    --Component-Colors-Icon-Button-Brand-fg-default: #F7F5FD;
    --Component-Colors-Icon-Button-Brand-fg-alt: var(--Neutral-Variant-40);
    --Component-Colors-Icon-Button-Brand-bg-default: var(--Maroon-Flush-500);
    --Component-Colors-Icon-Button-Brand-bg-hover: var(--Maroon-Flush-600);
    --Component-Colors-Icon-Button-Brand-bg-active: var(--Maroon-Flush-700);
    --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Icon-Button-Plain-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Neutral-Variant-80);
    --Component-Colors-Link-Button-Primary-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Link-Button-Primary-fg-hover: var(--Maroon-Flush-500);
    --Component-Colors-Link-Button-Primary-fg-active: var(--Maroon-Flush-700);
    --Component-Colors-Link-Button-Primary-fg-disabled: var(--Neutral-Variant-40);
    --Component-Colors-Link-Button-Primary-bg-default: var(--Basic-None);
    --Component-Colors-Link-Button-Secondary-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Link-Button-Secondary-fg-hover: var(--Neutral-Variant-80);
    --Component-Colors-Link-Button-Secondary-fg-active: var(--Neutral-Variant-60);
    --Component-Colors-Link-Button-Secondary-fg-disabled: var(--Neutral-Variant-40);
    --Component-Colors-Link-Button-Secondary-bg-default: var(--Basic-None);
    --Component-Colors-Tooltip-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Tooltip-fg-subtle: var(--Neutral-Variant-80);
    --Component-Colors-Tooltip-bg-default: var(--Neutral-Variant-10);
    --Component-Colors-Tooltip-border-default: var(--Neutral-Variant-20);
    --Component-Colors-Tabbar-fg-default: var(--Neutral-Variant-70);
    --Component-Colors-Tabbar-fg-alt: var(--Neutral-Variant-50);
    --Component-Colors-Tabbar-fg-bolder: var(--Neutral-Variant-100);
    --Component-Colors-Tabbar-fg-disabled: var(--Neutral-Variant-40);
    --Component-Colors-Tabbar-fg-select-disabled: var(--Neutral-Variant-50);
    --Component-Colors-Tabbar-bg-default: var(--Neutral-Variant-30);
    --Component-Colors-Tabbar-bg-select: var(--Neutral-Variant-40);
    --Component-Colors-Tabbar-border-default: var(--Neutral-Variant-100);
    --Component-Colors-Tabbar-border-disabled: var(--Neutral-Variant-20);
    --Component-Colors-Energy-fg-default: var(--Khaki-90);
    --Component-Colors-Energy-bg-default: var(--Khaki-10);
    --Component-Colors-Energy-bg-alt: var(--Khaki-20);
    --Component-Colors-Energy-bg-on: var(--Khaki-60);
    --Component-Colors-Energy-border-default: var(--Khaki-60);
    --Component-Colors-Input-bg-default: var(--Neutral-Variant-25);
    --Component-Colors-Input-bg-active: var(--Neutral-Variant-10);
    --Component-Colors-Input-border-default: var(--Neutral-Variant-50);
    --Component-Colors-Search-Bar-bg-default: var(--Neutral-Variant-25);
    --Component-Colors-Search-Bar-bg-active: var(--Neutral-Variant-10);
    --Component-Colors-Search-Bar-border-default: var(--Neutral-Variant-50);
    --Component-Colors-Shadows-Surface-Default: var(--Opacity-White-5);
    --Component-Colors-Shadows-Surface-Bolder: var(--Opacity-White-3);
    --Component-Colors-Shadows-Modal-Default: var(--Opacity-Black-40);
    --Component-Colors-Shadows-Modal-Bolder: var(--Opacity-Black-40);
    --Component-Colors-Shadows-Button-Primary-1: var(--Alpha-White-8);
    --Component-Colors-Focus-Rings-Brand: var(--Opacity-White-40);
    --Component-Colors-Focus-Rings-Error: var(--Terracotta-60);
    --Component-Colors-Chat-Tips-fg-info: var(--Maroon-Flush-300);
    --Component-Colors-Chat-Tips-bg-info: var(--Maroon-Flush-900);
    --Component-Colors-Chat-Tips-border-info: var(--Maroon-Flush-700);
    --Component-Colors-Chat-Tips-fg-alert: var(--Khaki-70);
    --Component-Colors-Chat-Tips-bg-alert: var(--Khaki-10);
    --Component-Colors-Chat-Tips-button-alert: var(--Khaki-40);
    --Component-Colors-Chat-Tips-border-alert: var(--Khaki-30);
    --Component-Colors-Chat-Tips-fg-error: var(--Terracotta-70);
    --Component-Colors-Chat-Tips-bg-error: var(--Terracotta-10);
    --Component-Colors-Chat-Tips-border-error: var(--Terracotta-30);
    --Component-Colors-Check-Box-fg-default: var(--Neutral-Variant-5);
    --Component-Colors-Check-Box-fg-alt: var(--Neutral-Variant-50);
    --Component-Colors-Check-Box-border-default: var(--Neutral-Variant-30);
    --Component-Colors-Check-Box-border-hover: var(--Neutral-Variant-40);
    --Component-Colors-Check-Box-border-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Check-Box-bg-default: var(--Neutral-Variant-100);
    --Component-Colors-Check-Box-bg-hover: var(--Neutral-Variant-90);
    --Component-Colors-Check-Box-bg-disabled: var(--Neutral-Variant-20);
    --Component-Colors-Switch-fg-default: var(--Neutral-Variant-100);
    --Component-Colors-Switch-fg-on: var(--Neutral-Variant-100);
    --Component-Colors-Switch-fg-disabled: var(--Opacity-White-30);
    --Component-Colors-Switch-bg-default: var(--Neutral-Variant-40);
    --Component-Colors-Switch-bg-on: var(--Maroon-Flush-500);
    --Component-Colors-Switch-bg-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Tag-bg-default: var(--Neutral-Variant-30);
    --Component-Colors-Chips-Primary-bg-default: var(--Neutral-Variant-20);
    --Component-Colors-Chips-Primary-bg-hover: var(--Neutral-Variant-30);
    --Component-Colors-Chips-Primary-bg-disabled: var(--Neutral-Variant-20);
    --Component-Colors-Chips-Primary-border-default: var(--Neutral-Variant-30);
    --Component-Colors-Chips-Primary-bg-select-disabled: var(--Neutral-Variant-30);
    --Component-Colors-Chips-Primary-bg-select: var(--Neutral-Variant-100);
  }
:root {
    --Colors-Text-Default: var(--Gray-900);
    --Colors-Text-Subtle: var(--Gray-700);
    --Colors-Text-Subtler: var(--Gray-600);
    --Colors-Text-Subtlest: var(--Gray-500);
    --Colors-Text-Disabled: var(--Gray-400);
    --Colors-Text-Bolder: var(--Gray-50);
    --Colors-Text-Static-White: var(--Basic-White);
    --Colors-Text-Static-Black: var(--Gray-900);
    --Colors-Text-Brand-Subtle: var(--Brand-400);
    --Colors-Text-Brand-Default: var(--Brand-500);
    --Colors-Text-Brand-Bolder: var(--Brand-600);
    --Colors-Text-Critical-Subtle: var(--Error-400);
    --Colors-Text-Critical-Default: var(--Error-500);
    --Colors-Text-Critical-Bolder: var(--Error-600);
    --Colors-Text-Warning-Subtle: var(--Warning-400);
    --Colors-Text-Warning-Default: var(--Warning-500);
    --Colors-Text-Warning-Bolder: var(--Warning-600);
    --Colors-Text-Success-Subtle: var(--Success-400);
    --Colors-Text-Success-Default: var(--Success-500);
    --Colors-Text-Success-Bolder: var(--Success-600);
    --Colors-Foreground-Default: var(--Gray-900);
    --Colors-Foreground-Subtle: var(--Gray-700);
    --Colors-Foreground-Subtler: var(--Gray-600);
    --Colors-Foreground-Subtlest: var(--Gray-500);
    --Colors-Foreground-Disabled: var(--Gray-400);
    --Colors-Foreground-Bolder: var(--Gray-50);
    --Colors-Foreground-Static-White: var(--Basic-White);
    --Colors-Foreground-Static-Black: var(--Gray-900);
    --Colors-Foreground-Brand-Subtle: var(--Brand-400);
    --Colors-Foreground-Brand-Default: var(--Brand-500);
    --Colors-Foreground-Brand-Bolder: var(--Brand-600);
    --Colors-Foreground-Critical-Subtle: var(--Error-400);
    --Colors-Foreground-Critical-Default: var(--Error-500);
    --Colors-Foreground-Critical-Bolder: var(--Error-600);
    --Colors-Foreground-Warning-Subtle: var(--Warning-400);
    --Colors-Foreground-Warning-Default: var(--Warning-500);
    --Colors-Foreground-Warning-Bolder: var(--Warning-600);
    --Colors-Foreground-Success-Subtle: var(--Success-400);
    --Colors-Foreground-Success-Default: var(--Success-500);
    --Colors-Foreground-Success-Bolder: var(--Success-600);
    --Colors-Background-Surface-Default: var(--Basic-White);
    --Colors-Background-Surface-Subtle: var(--Gray-100);
    --Colors-Background-Surface-Muted: var(--Gray-200);
    --Colors-Background-Normal-Primary-Default: var(--Gray-25);
    --Colors-Background-Normal-Primary-Hover: var(--Gray-50);
    --Colors-Background-Normal-Primary-Active: var(--Gray-100);
    --Colors-Background-Normal-Secondary-Default: var(--Gray-100);
    --Colors-Background-Normal-Secondary-Alt: var(--Gray-25);
    --Colors-Background-Normal-Secondary-Hover: var(--Gray-300);
    --Colors-Background-Normal-Secondary-Active: var(--Gray-200);
    --Colors-Background-Normal-Tertiary-Default: var(--Gray-300);
    --Colors-Background-Normal-Tertiary-Hover: var(--Gray-400);
    --Colors-Background-Normal-Tertiary-Active: var(--Gray-500);
    --Colors-Background-Neutral-Primary-Default: var(--Gray-50);
    --Colors-Background-Neutral-Primary-Hover: var(--Gray-200);
    --Colors-Background-Neutral-Primary-Active: var(--Gray-300);
    --Colors-Background-Neutral-Secondary-Default: var(--Basic-White);
    --Colors-Background-Neutral-Secondary-Hover: var(--Gray-50);
    --Colors-Background-Neutral-Secondary-Active: var(--Gray-100);
    --Colors-Background-Neutral-Tertiary-Default: var(--Gray-200);
    --Colors-Background-Neutral-Tertiary-Hover: var(--Gray-300);
    --Colors-Background-Neutral-Tertiary-Active: var(--Gray-400);
    --Colors-Background-Utilities-Bolder: var(--Gray-950);
    --Colors-Background-Utilities-None: var(--Basic-None);
    --Colors-Background-Utilities-Overlay: var(--Opacity-Black-70);
    --Colors-Background-Utilities-Static-White: var(--Basic-White);
    --Colors-Background-Utilities-Static-Black: var(--Gray-950);
    --Colors-Background-Utilities-Modal: var(--Basic-White);
    --Colors-Background-Brand-Default: var(--Brand-50);
    --Colors-Background-Brand-Alt: var(--Brand-500);
    --Colors-Background-Brand-Subtle: var(--Brand-100);
    --Colors-Background-Brand-Hover: var(--Brand-100);
    --Colors-Background-Brand-Active: var(--Brand-200);
    --Colors-Background-Brand-Bolder: var(--Brand-600);
    --Colors-Background-Critical-Default: var(--Error-50);
    --Colors-Background-Critical-Alt: var(--Error-500);
    --Colors-Background-Critical-Subtle: var(--Error-100);
    --Colors-Background-Critical-Hover: var(--Error-100);
    --Colors-Background-Critical-Active: var(--Error-200);
    --Colors-Background-Critical-Bolder: var(--Error-600);
    --Colors-Background-Warning-Default: var(--Warning-50);
    --Colors-Background-Warning-Alt: var(--Warning-500);
    --Colors-Background-Warning-Subtle: var(--Warning-100);
    --Colors-Background-Warning-Hover: var(--Warning-100);
    --Colors-Background-Warning-Active: var(--Warning-200);
    --Colors-Background-Warning-Bolder: var(--Warning-600);
    --Colors-Background-Success-Default: var(--Success-50);
    --Colors-Background-Success-Alt: var(--Success-500);
    --Colors-Background-Success-Subtle: var(--Success-100);
    --Colors-Background-Success-Hover: var(--Success-100);
    --Colors-Background-Success-Active: var(--Success-200);
    --Colors-Background-Success-Bolder: var(--Success-600);
    --Colors-Background-Info-Default: var(--Dodger-Blue-50);
    --Colors-Background-Info-Alt: var(--Dodger-Blue-500);
    --Colors-Background-Info-Subtle: var(--Dodger-Blue-100);
    --Colors-Background-Info-Hover: var(--Dodger-Blue-100);
    --Colors-Background-Info-Active: var(--Dodger-Blue-200);
    --Colors-Background-Info-Bolder: var(--Dodger-Blue-600);
    --Colors-Background-Soft: var(--Gray-50);
    --Colors-Background-Clean: var(--Gray-25);
    --Colors-Border-Default: var(--Gray-200);
    --Colors-Border-Alt: var(--Gray-300);
    --Colors-Border-Hover: var(--Gray-300);
    --Colors-Border-Active: var(--Gray-400);
    --Colors-Border-Bolder: var(--Gray-900);
    --Colors-Border-Brand: var(--Brand-500);
    --Colors-Border-Brand-alt: var(--Brand-200);
    --Colors-Border-Critical: var(--Error-500);
    --Colors-Border-Success: var(--Success-500);
    --Colors-Border-Warning: var(--Warning-500);
    --Colors-Border-Opaque: var(--Opacity-White-1);
    --Colors-Border-Static: var(--Gray-200);
    --Colors-Alpha-White-1: var(--Opacity-White-1);
    --Colors-Alpha-White-3: var(--Opacity-White-3);
    --Colors-Alpha-White-5: var(--Opacity-White-5);
    --Colors-Alpha-White-8: var(--Opacity-White-8);
    --Colors-Alpha-White-12: var(--Opacity-White-12);
    --Colors-Alpha-White-16: var(--Opacity-White-16);
    --Colors-Alpha-White-20: var(--Opacity-White-20);
    --Colors-Alpha-White-30: var(--Opacity-White-30);
    --Colors-Alpha-White-40: var(--Opacity-White-40);
    --Colors-Alpha-White-50: var(--Opacity-White-50);
    --Colors-Alpha-White-60: var(--Opacity-White-60);
    --Colors-Alpha-White-70: var(--Opacity-White-70);
    --Colors-Alpha-White-80: var(--Opacity-White-80);
    --Colors-Alpha-White-90: var(--Opacity-White-90);
    --Colors-Alpha-White-95: var(--Opacity-White-95);
    --Colors-Alpha-White-100: var(--Opacity-White-100);
    --Colors-Alpha-Black-1: var(--Opacity-Black-1);
    --Colors-Alpha-Black-3: var(--Opacity-Black-3);
    --Colors-Alpha-Black-5: var(--Opacity-Black-5);
    --Colors-Alpha-Black-8: var(--Opacity-Black-8);
    --Colors-Alpha-Black-12: var(--Opacity-Black-12);
    --Colors-Alpha-Black-16: var(--Opacity-Black-16);
    --Colors-Alpha-Black-20: var(--Opacity-Black-20);
    --Colors-Alpha-Black-30: var(--Opacity-Black-30);
    --Colors-Alpha-Black-40: var(--Opacity-Black-40);
    --Colors-Alpha-Black-50: var(--Opacity-Black-50);
    --Colors-Alpha-Black-60: var(--Opacity-Black-60);
    --Colors-Alpha-Black-70: var(--Opacity-Black-70);
    --Colors-Alpha-Black-80: var(--Opacity-Black-80);
    --Colors-Alpha-Black-90: var(--Opacity-Black-90);
    --Colors-Alpha-Black-95: var(--Opacity-Black-95);
    --Colors-Alpha-Black-100: var(--Opacity-Black-100);
    --Colors-Beta-White-1: var(--Opacity-White-1);
    --Colors-Beta-White-3: var(--Opacity-White-3);
    --Colors-Beta-White-5: var(--Opacity-White-5);
    --Colors-Beta-White-8: var(--Opacity-White-8);
    --Colors-Beta-White-12: var(--Opacity-White-12);
    --Colors-Beta-White-16: var(--Opacity-White-16);
    --Colors-Beta-White-20: var(--Opacity-White-20);
    --Colors-Beta-White-30: var(--Opacity-White-30);
    --Colors-Beta-White-40: var(--Opacity-White-40);
    --Colors-Beta-White-50: var(--Opacity-White-50);
    --Colors-Beta-White-60: var(--Opacity-White-60);
    --Colors-Beta-White-70: var(--Opacity-White-70);
    --Colors-Beta-White-80: var(--Opacity-White-80);
    --Colors-Beta-White-90: var(--Opacity-White-90);
    --Colors-Beta-White-95: var(--Opacity-White-95);
    --Colors-Beta-White-100: var(--Opacity-White-100);
    --Colors-Beta-Black-1: var(--Opacity-Black-1);
    --Colors-Beta-Black-3: var(--Opacity-Black-3);
    --Colors-Beta-Black-5: var(--Opacity-Black-5);
    --Colors-Beta-Black-8: var(--Opacity-Black-8);
    --Colors-Beta-Black-12: var(--Opacity-Black-12);
    --Colors-Beta-Black-16: var(--Opacity-Black-16);
    --Colors-Beta-Black-20: var(--Opacity-Black-20);
    --Colors-Beta-Black-30: var(--Opacity-Black-30);
    --Colors-Beta-Black-40: var(--Opacity-Black-40);
    --Colors-Beta-Black-50: var(--Opacity-Black-50);
    --Colors-Beta-Black-60: var(--Opacity-Black-60);
    --Colors-Beta-Black-70: var(--Opacity-Black-70);
    --Colors-Beta-Black-80: var(--Opacity-Black-80);
    --Colors-Beta-Black-90: var(--Opacity-Black-90);
    --Colors-Beta-Black-95: var(--Opacity-Black-95);
    --Colors-Beta-Black-100: var(--Opacity-Black-100);
    --Colors-Marketing-Purple-Heart-50: var(--Purple-Heart-50);
    --Colors-Marketing-Purple-Heart-100: var(--Purple-Heart-100);
    --Colors-Marketing-Purple-Heart-200: var(--Purple-Heart-200);
    --Colors-Marketing-Purple-Heart-300: var(--Purple-Heart-300);
    --Colors-Marketing-Purple-Heart-400: var(--Purple-Heart-400);
    --Colors-Marketing-Purple-Heart-500: var(--Purple-Heart-500);
    --Colors-Marketing-Purple-Heart-600: var(--Purple-Heart-600);
    --Colors-Marketing-Purple-Heart-700: var(--Purple-Heart-700);
    --Colors-Marketing-Purple-Heart-800: var(--Purple-Heart-800);
    --Colors-Marketing-Purple-Heart-900: var(--Purple-Heart-900);
    --Colors-Marketing-Purple-Heart-950: var(--Purple-Heart-950);
    --Colors-Marketing-Purple-Heart-1000: var(--Purple-Heart-1000);
    --Colors-Marketing-Purple-Heart-Variant-50: var(--Purple-Heart-Variant-50);
    --Colors-Marketing-Purple-Heart-Variant-100: var(--Purple-Heart-Variant-100);
    --Colors-Marketing-Magenta-Fuchsia-50: var(--Magenta-Fuchsia-50);
    --Colors-Marketing-Magenta-Fuchsia-100: var(--Magenta-Fuchsia-100);
    --Colors-Marketing-Magenta-Fuchsia-200: var(--Magenta-Fuchsia-200);
    --Colors-Marketing-Magenta-Fuchsia-300: var(--Magenta-Fuchsia-300);
    --Colors-Marketing-Magenta-Fuchsia-400: var(--Magenta-Fuchsia-400);
    --Colors-Marketing-Magenta-Fuchsia-500: var(--Magenta-Fuchsia-500);
    --Colors-Marketing-Magenta-Fuchsia-600: var(--Magenta-Fuchsia-600);
    --Colors-Marketing-Magenta-Fuchsia-700: var(--Magenta-Fuchsia-700);
    --Colors-Marketing-Magenta-Fuchsia-800: var(--Magenta-Fuchsia-800);
    --Colors-Marketing-Magenta-Fuchsia-900: var(--Magenta-Fuchsia-900);
    --Colors-Marketing-Magenta-Fuchsia-950: var(--Magenta-Fuchsia-950);
    --Colors-Marketing-Magenta-Fuchsia-1000: var(--Magenta-Fuchsia-1000);
    --Colors-Marketing-Magenta-Fuchsia-Variant-50: var(--Magenta-Fuchsia-Variant-50);
    --Colors-Marketing-Magenta-Fuchsia-Variant-100: var(--Magenta-Fuchsia-Variant-100);
    --Colors-Marketing-Hollywood-Cerise-50: var(--Hollywood-Cerise-50);
    --Colors-Marketing-Hollywood-Cerise-100: var(--Hollywood-Cerise-100);
    --Colors-Marketing-Hollywood-Cerise-200: var(--Hollywood-Cerise-200);
    --Colors-Marketing-Hollywood-Cerise-300: var(--Hollywood-Cerise-300);
    --Colors-Marketing-Hollywood-Cerise-400: var(--Hollywood-Cerise-400);
    --Colors-Marketing-Hollywood-Cerise-500: var(--Hollywood-Cerise-500);
    --Colors-Marketing-Hollywood-Cerise-600: var(--Hollywood-Cerise-600);
    --Colors-Marketing-Hollywood-Cerise-700: var(--Hollywood-Cerise-700);
    --Colors-Marketing-Hollywood-Cerise-800: var(--Hollywood-Cerise-800);
    --Colors-Marketing-Hollywood-Cerise-900: var(--Hollywood-Cerise-900);
    --Colors-Marketing-Hollywood-Cerise-950: var(--Hollywood-Cerise-950);
    --Colors-Marketing-Hollywood-Cerise-1000: var(--Hollywood-Cerise-1000);
    --Colors-Marketing-Hollywood-Cerise-Variant-50: var(--Hollywood-Cerise-Variant-50);
    --Colors-Marketing-Hollywood-Cerise-Variant-100: var(--Hollywood-Cerise-Variant-100);
    --Colors-Marketing-Red-Ribbon-50: var(--Red-Ribbon-50);
    --Colors-Marketing-Red-Ribbon-100: var(--Red-Ribbon-100);
    --Colors-Marketing-Red-Ribbon-200: var(--Red-Ribbon-200);
    --Colors-Marketing-Red-Ribbon-300: var(--Red-Ribbon-300);
    --Colors-Marketing-Red-Ribbon-400: var(--Red-Ribbon-400);
    --Colors-Marketing-Red-Ribbon-500: var(--Red-Ribbon-500);
    --Colors-Marketing-Red-Ribbon-600: var(--Red-Ribbon-600);
    --Colors-Marketing-Red-Ribbon-700: var(--Red-Ribbon-700);
    --Colors-Marketing-Red-Ribbon-800: var(--Red-Ribbon-800);
    --Colors-Marketing-Red-Ribbon-900: var(--Red-Ribbon-900);
    --Colors-Marketing-Red-Ribbon-950: var(--Red-Ribbon-950);
    --Colors-Marketing-Red-Ribbon-1000: var(--Red-Ribbon-1000);
    --Colors-Marketing-Red-Ribbon-Variant-50: var(--Red-Ribbon-Variant-50);
    --Colors-Marketing-Red-Ribbon-Variant-100: var(--Red-Ribbon-Variant-100);
    --Colors-Marketing-Crusta-50: var(--Crusta-50);
    --Colors-Marketing-Crusta-100: var(--Crusta-100);
    --Colors-Marketing-Crusta-200: var(--Crusta-200);
    --Colors-Marketing-Crusta-300: var(--Crusta-300);
    --Colors-Marketing-Crusta-400: var(--Crusta-400);
    --Colors-Marketing-Crusta-500: var(--Crusta-500);
    --Colors-Marketing-Crusta-600: var(--Crusta-600);
    --Colors-Marketing-Crusta-700: var(--Crusta-700);
    --Colors-Marketing-Crusta-800: var(--Crusta-800);
    --Colors-Marketing-Crusta-900: var(--Crusta-900);
    --Colors-Marketing-Crusta-950: var(--Crusta-950);
    --Colors-Marketing-Crusta-1000: var(--Crusta-1000);
    --Colors-Marketing-Crusta-Variant-50: var(--Crusta-Variant-50);
    --Colors-Marketing-Crusta-Variant-100: var(--Crusta-Variant-100);
    --Colors-Marketing-Candlelight-50: var(--Candlelight-50);
    --Colors-Marketing-Candlelight-100: var(--Candlelight-100);
    --Colors-Marketing-Candlelight-200: var(--Candlelight-200);
    --Colors-Marketing-Candlelight-300: var(--Candlelight-300);
    --Colors-Marketing-Candlelight-400: var(--Candlelight-400);
    --Colors-Marketing-Candlelight-500: var(--Candlelight-500);
    --Colors-Marketing-Candlelight-600: var(--Candlelight-600);
    --Colors-Marketing-Candlelight-700: var(--Candlelight-700);
    --Colors-Marketing-Candlelight-800: var(--Candlelight-800);
    --Colors-Marketing-Candlelight-900: var(--Candlelight-900);
    --Colors-Marketing-Candlelight-950: var(--Candlelight-950);
    --Colors-Marketing-Candlelight-1000: var(--Candlelight-1000);
    --Colors-Marketing-Candlelight-Variant-50: var(--Candlelight-Variant-50);
    --Colors-Marketing-Candlelight-Variant-100: var(--Candlelight-Variant-100);
    --Colors-Marketing-Inch-Worm-50: var(--Inch-Worm-50);
    --Colors-Marketing-Inch-Worm-100: var(--Inch-Worm-100);
    --Colors-Marketing-Inch-Worm-200: var(--Inch-Worm-200);
    --Colors-Marketing-Inch-Worm-300: var(--Inch-Worm-300);
    --Colors-Marketing-Inch-Worm-400: var(--Inch-Worm-400);
    --Colors-Marketing-Inch-Worm-500: var(--Inch-Worm-500);
    --Colors-Marketing-Inch-Worm-600: var(--Inch-Worm-600);
    --Colors-Marketing-Inch-Worm-700: var(--Inch-Worm-700);
    --Colors-Marketing-Inch-Worm-800: var(--Inch-Worm-800);
    --Colors-Marketing-Inch-Worm-900: var(--Inch-Worm-900);
    --Colors-Marketing-Inch-Worm-950: var(--Inch-Worm-950);
    --Colors-Marketing-Inch-Worm-1000: var(--Inch-Worm-1000);
    --Colors-Marketing-Inch-Worm-Variant-50: var(--Inch-Worm-Variant-50);
    --Colors-Marketing-Inch-Worm-Variant-100: var(--Inch-Worm-Variant-100);
    --Colors-Marketing-Malachite-50: var(--Malachite-50);
    --Colors-Marketing-Malachite-100: var(--Malachite-100);
    --Colors-Marketing-Malachite-200: var(--Malachite-200);
    --Colors-Marketing-Malachite-300: var(--Malachite-300);
    --Colors-Marketing-Malachite-400: var(--Malachite-400);
    --Colors-Marketing-Malachite-500: var(--Malachite-500);
    --Colors-Marketing-Malachite-600: var(--Malachite-600);
    --Colors-Marketing-Malachite-700: var(--Malachite-700);
    --Colors-Marketing-Malachite-800: var(--Malachite-800);
    --Colors-Marketing-Malachite-900: var(--Malachite-900);
    --Colors-Marketing-Malachite-950: var(--Malachite-950);
    --Colors-Marketing-Malachite-1000: var(--Malachite-1000);
    --Colors-Marketing-Malachite-Variant-50: var(--Malachite-Variant-50);
    --Colors-Marketing-Malachite-Variant-100: var(--Malachite-Variant-100);
    --Colors-Marketing-Turquoise-Blue-50: var(--Turquoise-Blue-50);
    --Colors-Marketing-Turquoise-Blue-100: var(--Turquoise-Blue-100);
    --Colors-Marketing-Turquoise-Blue-200: var(--Turquoise-Blue-200);
    --Colors-Marketing-Turquoise-Blue-300: var(--Turquoise-Blue-300);
    --Colors-Marketing-Turquoise-Blue-400: var(--Turquoise-Blue-400);
    --Colors-Marketing-Turquoise-Blue-500: var(--Turquoise-Blue-500);
    --Colors-Marketing-Turquoise-Blue-600: var(--Turquoise-Blue-600);
    --Colors-Marketing-Turquoise-Blue-700: var(--Turquoise-Blue-700);
    --Colors-Marketing-Turquoise-Blue-800: var(--Turquoise-Blue-800);
    --Colors-Marketing-Turquoise-Blue-900: var(--Turquoise-Blue-900);
    --Colors-Marketing-Turquoise-Blue-950: var(--Turquoise-Blue-950);
    --Colors-Marketing-Turquoise-Blue-1000: var(--Turquoise-Blue-1000);
    --Colors-Marketing-Turquoise-Blue-Variant-50: var(--Turquoise-Blue-Variant-50);
    --Colors-Marketing-Turquoise-Blue-Variant-100: var(--Turquoise-Blue-Variant-100);
    --Colors-Marketing-Dodger-Blue-50: var(--Dodger-Blue-50);
    --Colors-Marketing-Dodger-Blue-100: var(--Dodger-Blue-100);
    --Colors-Marketing-Dodger-Blue-200: var(--Dodger-Blue-200);
    --Colors-Marketing-Dodger-Blue-300: var(--Dodger-Blue-300);
    --Colors-Marketing-Dodger-Blue-400: var(--Dodger-Blue-400);
    --Colors-Marketing-Dodger-Blue-500: var(--Dodger-Blue-500);
    --Colors-Marketing-Dodger-Blue-600: var(--Dodger-Blue-600);
    --Colors-Marketing-Dodger-Blue-700: var(--Dodger-Blue-700);
    --Colors-Marketing-Dodger-Blue-800: var(--Dodger-Blue-800);
    --Colors-Marketing-Dodger-Blue-900: var(--Dodger-Blue-900);
    --Colors-Marketing-Dodger-Blue-950: var(--Dodger-Blue-950);
    --Colors-Marketing-Dodger-Blue-1000: var(--Dodger-Blue-1000);
    --Colors-Marketing-Dodger-Blue-Variant-50: var(--Dodger-Blue-Variant-50);
    --Colors-Marketing-Dodger-Blue-Variant-100: var(--Dodger-Blue-Variant-100);
    --Basic-White: #ffffff;
    --Basic-Black: #000000;
    --Basic-None: #ffffff00;
    --Gray-25: #fafafa;
    --Gray-50: #f5f5f6;
    --Gray-100: #f0f0f1;
    --Gray-200: #ececed;
    --Gray-300: #dddce0;
    --Gray-400: #96949c;
    --Gray-500: #89878e;
    --Gray-600: #68676c;
    --Gray-700: #313133;
    --Gray-800: #242426;
    --Gray-900: #1d1c1f;
    --Gray-950: #0e0e0f;
    --Gray-Variant-100: #f5f5f6d6;
    --Gray-Variant-200: #7878801a;
    --Gray-Variant-300: #78788021;
    --Gray-Variant-400: #7878803d;
    --Gray-Variant-500: #78788047;
    --Gray-Variant-900: #1d1c1fc7;
    --Brand-25: #f7f5fd;
    --Brand-50: #f1eefc;
    --Brand-100: #e1daf7;
    --Brand-200: #c8bbef;
    --Brand-300: #a994e3;
    --Brand-400: #8063cf;
    --Brand-500: #6442c0;
    --Brand-600: #4e3593;
    --Brand-700: #3b2a6c;
    --Brand-800: #2c204f;
    --Brand-900: #23193c;
    --Brand-950: #1f1736;
    --Brand-Variant-50: #6442c014;
    --Brand-Variant-100: #6442c029;
    --Brand-Dark-25: #200c5f;
    --Brand-Dark-50: #230d67;
    --Brand-Dark-100: #2a0f7e;
    --Brand-Dark-200: #3511a2;
    --Brand-Dark-300: #4413d3;
    --Brand-Dark-400: #6939f1;
    --Brand-Dark-500: #8962f6;
    --Brand-Dark-600: #a488fa;
    --Brand-Dark-700: #beabfd;
    --Brand-Dark-800: #d3c6fe;
    --Brand-Dark-900: #e0d8ff;
    --Brand-Dark-950: #e5deff;
    --Brand-Dark-Variant-50: #8962f614;
    --Brand-Dark-Variant-100: #8962f629;
    --Success-25: #c3fadf;
    --Success-50: #b8f9d9;
    --Success-100: #a8f7d1;
    --Success-200: #73f3b5;
    --Success-300: #47ed9e;
    --Success-400: #1ae083;
    --Success-500: #17a966;
    --Success-600: #147b4f;
    --Success-700: #105439;
    --Success-800: #0b3727;
    --Success-900: #08251a;
    --Success-950: #071f16;
    --Success-Variant-50: #17a96614;
    --Success-Variant-100: #17a96629;
    --Warning-25: #fff5e7;
    --Warning-50: #fff1de;
    --Warning-100: #ffe7c6;
    --Warning-200: #fed89f;
    --Warning-300: #fdc56e;
    --Warning-400: #fab137;
    --Warning-500: #ed9908;
    --Warning-600: #b47408;
    --Warning-700: #825407;
    --Warning-800: #5d3b06;
    --Warning-900: #452c05;
    --Warning-950: #3d2704;
    --Warning-Variant-50: #ed990814;
    --Warning-Variant-100: #ed990829;
    --Error-25: #fffafa;
    --Error-50: #fff2f2;
    --Error-100: #ffdcdc;
    --Error-200: #fdbbb9;
    --Error-300: #fb928e;
    --Error-400: #f6675f;
    --Error-500: #ef3b2e;
    --Error-600: #d11e13;
    --Error-700: #a11811;
    --Error-800: #7c140e;
    --Error-900: #65100c;
    --Error-950: #5d0f0c;
    --Error-Variant-50: #ef3b2e14;
    --Error-Variant-100: #ef3b2e29;
    --Opacity-White-1: #ffffff00;
    --Opacity-White-3: #ffffff08;
    --Opacity-White-5: #ffffff0d;
    --Opacity-White-8: #ffffff14;
    --Opacity-White-12: #ffffff1f;
    --Opacity-White-16: #ffffff29;
    --Opacity-White-20: #ffffff33;
    --Opacity-White-30: #ffffff4d;
    --Opacity-White-40: #ffffff66;
    --Opacity-White-50: #ffffff80;
    --Opacity-White-60: #ffffff99;
    --Opacity-White-70: #ffffffb2;
    --Opacity-White-80: #ffffffcc;
    --Opacity-White-90: #ffffffe5;
    --Opacity-White-95: #fffffff2;
    --Opacity-White-100: #ffffff;
    --Opacity-Black-1: #00000000;
    --Opacity-Black-3: #00000008;
    --Opacity-Black-5: #0000000d;
    --Opacity-Black-8: #00000014;
    --Opacity-Black-12: #0000001f;
    --Opacity-Black-16: #00000029;
    --Opacity-Black-20: #00000033;
    --Opacity-Black-30: #0000004d;
    --Opacity-Black-40: #00000066;
    --Opacity-Black-50: #00000080;
    --Opacity-Black-60: #00000099;
    --Opacity-Black-70: #000000b2;
    --Opacity-Black-80: #000000cc;
    --Opacity-Black-90: #000000e5;
    --Opacity-Black-95: #000000f2;
    --Opacity-Black-100: #000000;
    --Dodger-Blue-25: #fafcff;
    --Dodger-Blue-50: #f2f7ff;
    --Dodger-Blue-100: #dceaff;
    --Dodger-Blue-200: #bad5fd;
    --Dodger-Blue-300: #90bbf9;
    --Dodger-Blue-400: #639ef3;
    --Dodger-Blue-500: #357fe9;
    --Dodger-Blue-600: #1964cc;
    --Dodger-Blue-700: #164f9d;
    --Dodger-Blue-800: #123e79;
    --Dodger-Blue-900: #103463;
    --Dodger-Blue-950: #0f305b;
    --Dodger-Blue-1000: #010c1a;
    --Dodger-Blue-Variant-50: #357fe914;
    --Dodger-Blue-Variant-100: #357fe929;
    --Turquoise-Blue-25: #faffff;
    --Turquoise-Blue-50: #f2ffff;
    --Turquoise-Blue-100: #dcfeff;
    --Turquoise-Blue-200: #bafbfd;
    --Turquoise-Blue-300: #90f4f9;
    --Turquoise-Blue-400: #63e9f3;
    --Turquoise-Blue-500: #35dae9;
    --Turquoise-Blue-600: #19becc;
    --Turquoise-Blue-700: #16939d;
    --Turquoise-Blue-800: #127279;
    --Turquoise-Blue-900: #105d63;
    --Turquoise-Blue-950: #0f565b;
    --Turquoise-Blue-1000: #01181a;
    --Turquoise-Blue-Variant-50: #35dae914;
    --Turquoise-Blue-Variant-100: #35dae929;
    --Malachite-25: #fafffa;
    --Malachite-50: #f2fff2;
    --Malachite-100: #ddfedc;
    --Malachite-200: #befcbb;
    --Malachite-300: #9af693;
    --Malachite-400: #77ec69;
    --Malachite-500: #54de3f;
    --Malachite-600: #3bbf25;
    --Malachite-700: #309220;
    --Malachite-800: #27701a;
    --Malachite-900: #215b16;
    --Malachite-950: #1e5415;
    --Malachite-1000: #041401;
    --Malachite-Variant-50: #54de3f14;
    --Malachite-Variant-100: #54de3f29;
    --Inch-Worm-25: #fdfffa;
    --Inch-Worm-50: #fafff3;
    --Inch-Worm-100: #f2ffdf;
    --Inch-Worm-200: #e6febf;
    --Inch-Worm-300: #d7fc97;
    --Inch-Worm-400: #c6f96a;
    --Inch-Worm-500: #b5f53b;
    --Inch-Worm-600: #9fe710;
    --Inch-Worm-700: #7fb60f;
    --Inch-Worm-800: #66900e;
    --Inch-Worm-900: #56780c;
    --Inch-Worm-950: #51700c;
    --Inch-Worm-1000: #0e1401;
    --Inch-Worm-Variant-50: #b5f53b14;
    --Inch-Worm-Variant-100: #b5f53b29;
    --Candlelight-25: #fffefa;
    --Candlelight-50: #fffcf2;
    --Candlelight-100: #fff8db;
    --Candlelight-200: #fff2b6;
    --Candlelight-300: #ffeb87;
    --Candlelight-400: #fee552;
    --Candlelight-500: #fddf1a;
    --Candlelight-600: #d9ba05;
    --Candlelight-700: #a58d06;
    --Candlelight-800: #7e6b06;
    --Candlelight-900: #665606;
    --Candlelight-950: #5e4f05;
    --Candlelight-1000: #141101;
    --Candlelight-Variant-50: #fddf1a14;
    --Candlelight-Variant-100: #fddf1a29;
    --Crusta-25: #fffcfa;
    --Crusta-50: #fff7f2;
    --Crusta-100: #ffe9da;
    --Crusta-200: #fdd2b6;
    --Crusta-300: #fab488;
    --Crusta-400: #f59256;
    --Crusta-500: #ff772a;
    --Crusta-600: #c55313;
    --Crusta-700: #953f11;
    --Crusta-800: #71300e;
    --Crusta-900: #5a270c;
    --Crusta-950: #52240b;
    --Crusta-1000: #140801;
    --Crusta-Variant-50: #ff772a14;
    --Crusta-Variant-100: #ee6d2429;
    --Red-Ribbon-25: #fffafb;
    --Red-Ribbon-50: #fff2f5;
    --Red-Ribbon-100: #ffdce3;
    --Red-Ribbon-200: #ffb8c6;
    --Red-Ribbon-300: #ff8ba1;
    --Red-Ribbon-400: #ff5676;
    --Red-Ribbon-500: #fe2049;
    --Red-Ribbon-600: #e1042f;
    --Red-Ribbon-700: #ad0527;
    --Red-Ribbon-800: #860620;
    --Red-Ribbon-900: #6d051b;
    --Red-Ribbon-950: #650519;
    --Red-Ribbon-1000: #140206;
    --Red-Ribbon-Variant-50: #fe204914;
    --Red-Ribbon-Variant-100: #fe204929;
    --Hollywood-Cerise-25: #fff9fd;
    --Hollywood-Cerise-50: #fff0fa;
    --Hollywood-Cerise-100: #ffd8f2;
    --Hollywood-Cerise-200: #feb2e4;
    --Hollywood-Cerise-300: #fb82d1;
    --Hollywood-Cerise-400: #f64dbb;
    --Hollywood-Cerise-500: #ff2bb4;
    --Hollywood-Cerise-600: #be0f82;
    --Hollywood-Cerise-700: #8e0d63;
    --Hollywood-Cerise-800: #690b4b;
    --Hollywood-Cerise-900: #52093b;
    --Hollywood-Cerise-950: #4b0935;
    --Hollywood-Cerise-1000: #210116;
    --Hollywood-Cerise-Variant-50: #ff2bb414;
    --Hollywood-Cerise-Variant-100: #f017a329;
    --Magenta-Fuchsia-25: #fefaff;
    --Magenta-Fuchsia-50: #fcf2ff;
    --Magenta-Fuchsia-100: #f8d9ff;
    --Magenta-Fuchsia-200: #f0b3fe;
    --Magenta-Fuchsia-300: #e883fc;
    --Magenta-Fuchsia-400: #df4df9;
    --Magenta-Fuchsia-500: #e129ff;
    --Magenta-Fuchsia-600: #aa0dc4;
    --Magenta-Fuchsia-700: #7f0c93;
    --Magenta-Fuchsia-800: #5e0a6d;
    --Magenta-Fuchsia-900: #4a0956;
    --Magenta-Fuchsia-950: #43084e;
    --Magenta-Fuchsia-1000: #16011a;
    --Magenta-Fuchsia-Variant-50: #e129ff14;
    --Magenta-Fuchsia-Variant-100: #d516f429;
    --Purple-Heart-25: #fbfaff;
    --Purple-Heart-50: #f5f2ff;
    --Purple-Heart-100: #e2dbfe;
    --Purple-Heart-200: #c7b8fc;
    --Purple-Heart-300: #a68ef5;
    --Purple-Heart-400: #7d59e8;
    --Purple-Heart-500: #6236dc;
    --Purple-Heart-600: #4923b6;
    --Purple-Heart-700: #381d8a;
    --Purple-Heart-800: #2b1768;
    --Purple-Heart-900: #231354;
    --Purple-Heart-950: #20124c;
    --Purple-Heart-1000: #08021d;
    --Purple-Heart-Variant-50: #6236dc14;
    --Purple-Heart-Variant-100: #6236dc29;
    --Maroon-Flush-25: #fecddd;
    --Maroon-Flush-50: #fec5d7;
    --Maroon-Flush-100: #fdadc7;
    --Maroon-Flush-200: #fb88ac;
    --Maroon-Flush-300: #f7598a;
    --Maroon-Flush-400: #f01b5c;
    --Maroon-Flush-500: #d5104b;
    --Maroon-Flush-600: #911239;
    --Maroon-Flush-700: #62102a;
    --Maroon-Flush-800: #3f0c1c;
    --Maroon-Flush-900: #2a0914;
    --Maroon-Flush-950: #230810;
    --Maroon-Flush-1000: #140207;
    --Maroon-Flush-Variant-50: #d5104b14;
    --Maroon-Flush-Variant-100: #d5104b29;
    --Archive-Neutral-0: #000000;
    --Archive-Neutral-5: #121110;
    --Archive-Neutral-10: #242220;
    --Archive-Neutral-20: #302e2b;
    --Archive-Neutral-30: #47443f;
    --Archive-Neutral-40: #5c5854;
    --Archive-Neutral-50: #7a7671;
    --Archive-Neutral-60: #948f8b;
    --Archive-Neutral-70: #b2afab;
    --Archive-Neutral-80: #c7c4c1;
    --Archive-Neutral-90: #e3e1de;
    --Archive-Neutral-95: #ebe9e8;
    --Archive-Neutral-98: #f5f4f2;
    --Archive-Neutral-99: #fcfbfa;
    --Archive-Neutral-100: #fffefd;
    --Archive-Neutral-On-Surface-10: #f0efed;
    --Archive-Neutral-On-Surface-20: #e8e6e3;
    --Archive-Neutral-On-Surface-30: #dfdcd8;
    --Archive-Neutral-On-Surface-40: #d6d2cd;
    --Archive-Neutral-Variant-0: #000000;
    --Archive-Neutral-Variant-5: #111111;
    --Archive-Neutral-Variant-10: #1c1c1c;
    --Archive-Neutral-Variant-20: #212121;
    --Archive-Neutral-Variant-25: #292929;
    --Archive-Neutral-Variant-30: #303030;
    --Archive-Neutral-Variant-40: #474747;
    --Archive-Neutral-Variant-50: #5c5c5c;
    --Archive-Neutral-Variant-55: #7a7a7a;
    --Archive-Neutral-Variant-60: #939393;
    --Archive-Neutral-Variant-70: #a8a8a8;
    --Archive-Neutral-Variant-80: #bfbfbf;
    --Archive-Neutral-Variant-90: #dedede;
    --Archive-Neutral-Variant-95: #e6e6e6;
    --Archive-Neutral-Variant-98: #f2f2f2;
    --Archive-Neutral-Variant-99: #fafafa;
    --Archive-Neutral-Variant-100: #ffffff;
    --Archive-Pure-Mauve-0: #000000;
    --Archive-Pure-Mauve-5: #100f22;
    --Archive-Pure-Mauve-10: #1b192d;
    --Archive-Pure-Mauve-20: #352b4a;
    --Archive-Pure-Mauve-30: #53436f;
    --Archive-Pure-Mauve-40: #655186;
    --Archive-Pure-Mauve-50: #7860a1;
    --Archive-Pure-Mauve-60: #826aaf;
    --Archive-Pure-Mauve-70: #9d8dc5;
    --Archive-Pure-Mauve-80: #b8aed7;
    --Archive-Pure-Mauve-90: #cbc6e6;
    --Archive-Pure-Mauve-95: #dad6f1;
    --Archive-Pure-Mauve-98: #e8e6f7;
    --Archive-Pure-Mauve-99: #f9f7fc;
    --Archive-Pure-Mauve-100: #ffffff;
    --Archive-Khaki-0: #000000;
    --Archive-Khaki-5: #171000;
    --Archive-Khaki-10: #241a00;
    --Archive-Khaki-20: #3d2e00;
    --Archive-Khaki-30: #584400;
    --Archive-Khaki-40: #755b00;
    --Archive-Khaki-50: #917312;
    --Archive-Khaki-60: #ad8d2d;
    --Archive-Khaki-70: #e0ba4d;
    --Archive-Khaki-80: #f0cf78;
    --Archive-Khaki-90: #fae3aa;
    --Archive-Khaki-95: #fff2d9;
    --Archive-Khaki-98: #fff8eb;
    --Archive-Khaki-99: #fffefb;
    --Archive-Khaki-100: #ffffff;
    --Archive-Olive-0: #000000;
    --Archive-Olive-5: #0b1400;
    --Archive-Olive-10: #131f00;
    --Archive-Olive-20: #243600;
    --Archive-Olive-30: #374e0b;
    --Archive-Olive-40: #4e6622;
    --Archive-Olive-50: #667f39;
    --Archive-Olive-60: #7f9a50;
    --Archive-Olive-70: #99b567;
    --Archive-Olive-80: #b4d180;
    --Archive-Olive-90: #d0ed99;
    --Archive-Olive-95: #def2b8;
    --Archive-Olive-98: #f1ffd2;
    --Archive-Olive-99: #f9ffe6;
    --Archive-Olive-100: #ffffff;
    --Archive-Teal-0: #000000;
    --Archive-Teal-5: #00150f;
    --Archive-Teal-10: #002018;
    --Archive-Teal-20: #00382c;
    --Archive-Teal-30: #005140;
    --Archive-Teal-40: #006b56;
    --Archive-Teal-50: #00876d;
    --Archive-Teal-60: #21b38f;
    --Archive-Teal-70: #51bda0;
    --Archive-Teal-80: #6fd9bb;
    --Archive-Teal-90: #98f4d7;
    --Archive-Teal-95: #c4f5e4;
    --Archive-Teal-98: #e4fcf2;
    --Archive-Teal-99: #f3fff9;
    --Archive-Teal-100: #ffffff;
    --Archive-Cobalt-0: #000000;
    --Archive-Cobalt-5: #000449;
    --Archive-Cobalt-10: #000767;
    --Archive-Cobalt-20: #182282;
    --Archive-Cobalt-30: #323c99;
    --Archive-Cobalt-40: #323c99;
    --Archive-Cobalt-50: #646ece;
    --Archive-Cobalt-60: #7e88ea;
    --Archive-Cobalt-70: #9ba4ff;
    --Archive-Cobalt-80: #bdc2ff;
    --Archive-Cobalt-90: #dfe0ff;
    --Archive-Cobalt-95: #f1efff;
    --Archive-Cobalt-98: #fbf8ff;
    --Archive-Cobalt-99: #fffbff;
    --Archive-Cobalt-100: #ffffff;
    --Archive-Berry-Pink-0: #000000;
    --Archive-Berry-Pink-5: #2b0010;
    --Archive-Berry-Pink-10: #3f001a;
    --Archive-Berry-Pink-20: #610c2e;
    --Archive-Berry-Pink-30: #7e2544;
    --Archive-Berry-Pink-40: #9d3d5c;
    --Archive-Berry-Pink-50: #bb5574;
    --Archive-Berry-Pink-60: #db6e8e;
    --Archive-Berry-Pink-70: #fa88a8;
    --Archive-Berry-Pink-80: #ffb1c4;
    --Archive-Berry-Pink-90: #ffd9e0;
    --Archive-Berry-Pink-95: #ffecef;
    --Archive-Berry-Pink-98: #fff8f8;
    --Archive-Berry-Pink-99: #fffbff;
    --Archive-Berry-Pink-100: #ffffff;
    --Archive-Lake-Blue-0: #000000;
    --Archive-Lake-Blue-5: #001224;
    --Archive-Lake-Blue-10: #001d35;
    --Archive-Lake-Blue-20: #003256;
    --Archive-Lake-Blue-30: #00497a;
    --Archive-Lake-Blue-40: #266296;
    --Archive-Lake-Blue-50: #447bb0;
    --Archive-Lake-Blue-60: #5f95cc;
    --Archive-Lake-Blue-70: #7aafe8;
    --Archive-Lake-Blue-80: #9ccaff;
    --Archive-Lake-Blue-90: #d0e4ff;
    --Archive-Lake-Blue-95: #e9f1ff;
    --Archive-Lake-Blue-98: #f8f9ff;
    --Archive-Lake-Blue-99: #fdfcff;
    --Archive-Lake-Blue-100: #ffffff;
    --Archive-Plum-Purple-0: #000000;
    --Archive-Plum-Purple-5: #2b001c;
    --Archive-Plum-Purple-10: #3f0029;
    --Archive-Plum-Purple-20: #610c43;
    --Archive-Plum-Purple-30: #7e255f;
    --Archive-Plum-Purple-40: #9d3d7b;
    --Archive-Plum-Purple-50: #bb5597;
    --Archive-Plum-Purple-60: #db6eb5;
    --Archive-Plum-Purple-70: #fa88d2;
    --Archive-Plum-Purple-80: #ffb1e4;
    --Archive-Plum-Purple-90: #ffd9f2;
    --Archive-Plum-Purple-95: #ffecf8;
    --Archive-Plum-Purple-98: #fff8fd;
    --Archive-Plum-Purple-99: #fffbfe;
    --Archive-Plum-Purple-100: #ffffff;
    --Archive-Terracotta-0: #000000;
    --Archive-Terracotta-5: #2b0100;
    --Archive-Terracotta-10: #3f0300;
    --Archive-Terracotta-20: #530904;
    --Archive-Terracotta-30: #881f0f;
    --Archive-Terracotta-40: #a93724;
    --Archive-Terracotta-50: #ca4f3a;
    --Archive-Terracotta-60: #ec5f47;
    --Archive-Terracotta-70: #ff8a75;
    --Archive-Terracotta-80: #ffb4a6;
    --Archive-Terracotta-90: #ffdad4;
    --Archive-Terracotta-95: #ffede9;
    --Archive-Terracotta-98: #fff8f6;
    --Archive-Terracotta-99: #fffcfb;
    --Archive-Terracotta-100: #ffffff;
    --Archive-Terracotta-Variant-10: #260d0c;
    --Archive-Terracotta-Variant-20: #461a18;
    --Archive-Terracotta-Variant-30: #652a22;
    --Archive-Terracotta-Variant-40: #81362a;
    --Archive-Ember-0: #000000;
    --Archive-Ember-5: #230900;
    --Archive-Ember-10: #341100;
    --Archive-Ember-20: #552000;
    --Archive-Ember-30: #793100;
    --Archive-Ember-40: #9f4200;
    --Archive-Ember-50: #c55505;
    --Archive-Ember-60: #e76d24;
    --Archive-Ember-70: #ff8d4e;
    --Archive-Ember-80: #ffb692;
    --Archive-Ember-90: #ffdbcb;
    --Archive-Ember-95: #ffede6;
    --Archive-Ember-98: #fff4f0;
    --Archive-Ember-99: #fffcfb;
    --Archive-Ember-100: #ffffff;
  }
.dark {
    --Colors-Text-Default: var(--Gray-50);
    --Colors-Text-Subtle: var(--Gray-300);
    --Colors-Text-Subtler: var(--Gray-400);
    --Colors-Text-Subtlest: var(--Gray-500);
    --Colors-Text-Disabled: var(--Gray-600);
    --Colors-Text-Bolder: var(--Gray-900);
    --Colors-Text-Static-White: var(--Basic-White);
    --Colors-Text-Static-Black: var(--Gray-900);
    --Colors-Text-Brand-Subtle: var(--Maroon-Flush-500);
    --Colors-Text-Brand-Default: var(--Maroon-Flush-400);
    --Colors-Text-Brand-Bolder: var(--Maroon-Flush-300);
    --Colors-Text-Critical-Subtle: var(--Error-600);
    --Colors-Text-Critical-Default: var(--Error-500);
    --Colors-Text-Critical-Bolder: var(--Error-400);
    --Colors-Text-Warning-Subtle: var(--Warning-600);
    --Colors-Text-Warning-Default: var(--Warning-500);
    --Colors-Text-Warning-Bolder: var(--Warning-400);
    --Colors-Text-Success-Subtle: var(--Success-600);
    --Colors-Text-Success-Default: var(--Success-500);
    --Colors-Text-Success-Bolder: var(--Success-400);
    --Colors-Foreground-Default: var(--Gray-50);
    --Colors-Foreground-Subtle: var(--Gray-300);
    --Colors-Foreground-Subtler: var(--Gray-400);
    --Colors-Foreground-Subtlest: var(--Gray-500);
    --Colors-Foreground-Disabled: var(--Gray-600);
    --Colors-Foreground-Bolder: var(--Gray-900);
    --Colors-Foreground-Static-White: var(--Basic-White);
    --Colors-Foreground-Static-Black: var(--Gray-900);
    --Colors-Foreground-Brand-Subtle: var(--Maroon-Flush-500);
    --Colors-Foreground-Brand-Default: var(--Maroon-Flush-400);
    --Colors-Foreground-Brand-Bolder: var(--Maroon-Flush-300);
    --Colors-Foreground-Critical-Subtle: var(--Error-600);
    --Colors-Foreground-Critical-Default: var(--Error-500);
    --Colors-Foreground-Critical-Bolder: var(--Error-400);
    --Colors-Foreground-Warning-Subtle: var(--Warning-600);
    --Colors-Foreground-Warning-Default: var(--Warning-500);
    --Colors-Foreground-Warning-Bolder: var(--Warning-400);
    --Colors-Foreground-Success-Subtle: var(--Success-600);
    --Colors-Foreground-Success-Default: var(--Success-500);
    --Colors-Foreground-Success-Bolder: var(--Success-400);
    --Colors-Background-Surface-Default: var(--Gray-900);
    --Colors-Background-Surface-Subtle: var(--Gray-800);
    --Colors-Background-Surface-Muted: var(--Gray-700);
    --Colors-Background-Normal-Primary-Default: var(--Gray-950);
    --Colors-Background-Normal-Primary-Hover: var(--Gray-800);
    --Colors-Background-Normal-Primary-Active: var(--Gray-700);
    --Colors-Background-Normal-Secondary-Default: var(--Gray-800);
    --Colors-Background-Normal-Secondary-Alt: var(--Gray-800);
    --Colors-Background-Normal-Secondary-Hover: var(--Gray-700);
    --Colors-Background-Normal-Secondary-Active: var(--Gray-600);
    --Colors-Background-Normal-Tertiary-Default: var(--Gray-700);
    --Colors-Background-Normal-Tertiary-Hover: var(--Gray-600);
    --Colors-Background-Normal-Tertiary-Active: var(--Gray-500);
    --Colors-Background-Neutral-Primary-Default: var(--Gray-950);
    --Colors-Background-Neutral-Primary-Hover: var(--Gray-900);
    --Colors-Background-Neutral-Primary-Active: var(--Gray-800);
    --Colors-Background-Neutral-Secondary-Default: var(--Gray-900);
    --Colors-Background-Neutral-Secondary-Hover: var(--Gray-800);
    --Colors-Background-Neutral-Secondary-Active: var(--Gray-700);
    --Colors-Background-Neutral-Tertiary-Default: var(--Gray-800);
    --Colors-Background-Neutral-Tertiary-Hover: var(--Gray-700);
    --Colors-Background-Neutral-Tertiary-Active: var(--Gray-600);
    --Colors-Background-Utilities-Bolder: var(--Gray-25);
    --Colors-Background-Utilities-None: var(--Basic-None);
    --Colors-Background-Utilities-Overlay: var(--Opacity-Black-60);
    --Colors-Background-Utilities-Static-White: var(--Basic-White);
    --Colors-Background-Utilities-Static-Black: var(--Gray-950);
    --Colors-Background-Utilities-Modal: var(--Gray-900);
    --Colors-Background-Brand-Default: var(--Maroon-Flush-950);
    --Colors-Background-Brand-Alt: var(--Maroon-Flush-500);
    --Colors-Background-Brand-Subtle: var(--Maroon-Flush-900);
    --Colors-Background-Brand-Hover: var(--Maroon-Flush-900);
    --Colors-Background-Brand-Active: var(--Maroon-Flush-800);
    --Colors-Background-Brand-Bolder: var(--Maroon-Flush-400);
    --Colors-Background-Critical-Default: var(--Error-950);
    --Colors-Background-Critical-Alt: var(--Error-500);
    --Colors-Background-Critical-Subtle: var(--Error-900);
    --Colors-Background-Critical-Hover: var(--Error-900);
    --Colors-Background-Critical-Active: var(--Error-800);
    --Colors-Background-Critical-Bolder: var(--Error-400);
    --Colors-Background-Warning-Default: var(--Warning-950);
    --Colors-Background-Warning-Alt: var(--Warning-500);
    --Colors-Background-Warning-Subtle: var(--Warning-900);
    --Colors-Background-Warning-Hover: var(--Warning-900);
    --Colors-Background-Warning-Active: var(--Warning-800);
    --Colors-Background-Warning-Bolder: var(--Warning-400);
    --Colors-Background-Success-Default: var(--Success-950);
    --Colors-Background-Success-Alt: var(--Success-500);
    --Colors-Background-Success-Subtle: var(--Success-900);
    --Colors-Background-Success-Hover: var(--Success-900);
    --Colors-Background-Success-Active: var(--Success-800);
    --Colors-Background-Success-Bolder: var(--Success-700);
    --Colors-Background-Info-Default: var(--Dodger-Blue-950);
    --Colors-Background-Info-Alt: var(--Dodger-Blue-500);
    --Colors-Background-Info-Subtle: var(--Dodger-Blue-900);
    --Colors-Background-Info-Hover: var(--Dodger-Blue-900);
    --Colors-Background-Info-Active: var(--Dodger-Blue-800);
    --Colors-Background-Info-Bolder: var(--Dodger-Blue-400);
    --Colors-Background-Soft: var(--Gray-950);
    --Colors-Background-Clean: var(--Gray-950);
    --Colors-Border-Default: var(--Gray-800);
    --Colors-Border-Alt: var(--Gray-700);
    --Colors-Border-Hover: var(--Gray-700);
    --Colors-Border-Active: var(--Gray-600);
    --Colors-Border-Bolder: var(--Gray-50);
    --Colors-Border-Brand: var(--Maroon-Flush-500);
    --Colors-Border-Brand-alt: var(--Maroon-Flush-700);
    --Colors-Border-Critical: var(--Error-500);
    --Colors-Border-Success: var(--Success-500);
    --Colors-Border-Warning: var(--Warning-500);
    --Colors-Border-Opaque: var(--Opacity-White-8);
    --Colors-Border-Static: var(--Gray-200);
    --Colors-Alpha-White-1: var(--Opacity-Black-1);
    --Colors-Alpha-White-3: var(--Opacity-Black-3);
    --Colors-Alpha-White-5: var(--Opacity-Black-5);
    --Colors-Alpha-White-8: var(--Opacity-Black-8);
    --Colors-Alpha-White-12: var(--Opacity-Black-12);
    --Colors-Alpha-White-16: var(--Opacity-Black-16);
    --Colors-Alpha-White-20: var(--Opacity-Black-20);
    --Colors-Alpha-White-30: var(--Opacity-Black-30);
    --Colors-Alpha-White-40: var(--Opacity-Black-40);
    --Colors-Alpha-White-50: var(--Opacity-Black-50);
    --Colors-Alpha-White-60: var(--Opacity-Black-60);
    --Colors-Alpha-White-70: var(--Opacity-Black-70);
    --Colors-Alpha-White-80: var(--Opacity-Black-80);
    --Colors-Alpha-White-90: var(--Opacity-Black-90);
    --Colors-Alpha-White-95: var(--Opacity-Black-95);
    --Colors-Alpha-White-100: var(--Opacity-Black-100);
    --Colors-Alpha-Black-1: var(--Opacity-White-1);
    --Colors-Alpha-Black-3: var(--Opacity-White-3);
    --Colors-Alpha-Black-5: var(--Opacity-White-5);
    --Colors-Alpha-Black-8: var(--Opacity-White-8);
    --Colors-Alpha-Black-12: var(--Opacity-White-12);
    --Colors-Alpha-Black-16: var(--Opacity-White-16);
    --Colors-Alpha-Black-20: var(--Opacity-White-20);
    --Colors-Alpha-Black-30: var(--Opacity-White-30);
    --Colors-Alpha-Black-40: var(--Opacity-White-40);
    --Colors-Alpha-Black-50: var(--Opacity-White-50);
    --Colors-Alpha-Black-60: var(--Opacity-White-60);
    --Colors-Alpha-Black-70: var(--Opacity-White-70);
    --Colors-Alpha-Black-80: var(--Opacity-White-80);
    --Colors-Alpha-Black-90: var(--Opacity-White-90);
    --Colors-Alpha-Black-95: var(--Opacity-White-95);
    --Colors-Alpha-Black-100: var(--Opacity-White-100);
    --Colors-Beta-White-1: var(--Opacity-White-1);
    --Colors-Beta-White-3: var(--Opacity-White-3);
    --Colors-Beta-White-5: var(--Opacity-White-5);
    --Colors-Beta-White-8: var(--Opacity-White-8);
    --Colors-Beta-White-12: var(--Opacity-White-12);
    --Colors-Beta-White-16: var(--Opacity-White-16);
    --Colors-Beta-White-20: var(--Opacity-White-20);
    --Colors-Beta-White-30: var(--Opacity-White-30);
    --Colors-Beta-White-40: var(--Opacity-White-40);
    --Colors-Beta-White-50: var(--Opacity-White-50);
    --Colors-Beta-White-60: var(--Opacity-White-60);
    --Colors-Beta-White-70: var(--Opacity-White-70);
    --Colors-Beta-White-80: var(--Opacity-White-80);
    --Colors-Beta-White-90: var(--Opacity-White-90);
    --Colors-Beta-White-95: var(--Opacity-White-95);
    --Colors-Beta-White-100: var(--Opacity-White-100);
    --Colors-Beta-Black-1: var(--Opacity-Black-1);
    --Colors-Beta-Black-3: var(--Opacity-Black-3);
    --Colors-Beta-Black-5: var(--Opacity-Black-5);
    --Colors-Beta-Black-8: var(--Opacity-Black-8);
    --Colors-Beta-Black-12: var(--Opacity-Black-12);
    --Colors-Beta-Black-16: var(--Opacity-Black-16);
    --Colors-Beta-Black-20: var(--Opacity-Black-20);
    --Colors-Beta-Black-30: var(--Opacity-Black-30);
    --Colors-Beta-Black-40: var(--Opacity-Black-40);
    --Colors-Beta-Black-50: var(--Opacity-Black-50);
    --Colors-Beta-Black-60: var(--Opacity-Black-60);
    --Colors-Beta-Black-70: var(--Opacity-Black-70);
    --Colors-Beta-Black-80: var(--Opacity-Black-80);
    --Colors-Beta-Black-90: var(--Opacity-Black-90);
    --Colors-Beta-Black-95: var(--Opacity-Black-95);
    --Colors-Beta-Black-100: var(--Opacity-Black-100);
    --Colors-Marketing-Purple-Heart-50: var(--Purple-Heart-50);
    --Colors-Marketing-Purple-Heart-100: var(--Purple-Heart-100);
    --Colors-Marketing-Purple-Heart-200: var(--Purple-Heart-200);
    --Colors-Marketing-Purple-Heart-300: var(--Purple-Heart-300);
    --Colors-Marketing-Purple-Heart-400: var(--Purple-Heart-400);
    --Colors-Marketing-Purple-Heart-500: var(--Purple-Heart-500);
    --Colors-Marketing-Purple-Heart-600: var(--Purple-Heart-600);
    --Colors-Marketing-Purple-Heart-700: var(--Purple-Heart-700);
    --Colors-Marketing-Purple-Heart-800: var(--Purple-Heart-800);
    --Colors-Marketing-Purple-Heart-900: var(--Purple-Heart-900);
    --Colors-Marketing-Purple-Heart-950: var(--Purple-Heart-950);
    --Colors-Marketing-Purple-Heart-1000: var(--Purple-Heart-1000);
    --Colors-Marketing-Purple-Heart-Variant-50: var(--Purple-Heart-Variant-50);
    --Colors-Marketing-Purple-Heart-Variant-100: var(--Purple-Heart-Variant-100);
    --Colors-Marketing-Magenta-Fuchsia-50: var(--Magenta-Fuchsia-50);
    --Colors-Marketing-Magenta-Fuchsia-100: var(--Magenta-Fuchsia-100);
    --Colors-Marketing-Magenta-Fuchsia-200: var(--Magenta-Fuchsia-200);
    --Colors-Marketing-Magenta-Fuchsia-300: var(--Magenta-Fuchsia-300);
    --Colors-Marketing-Magenta-Fuchsia-400: var(--Magenta-Fuchsia-400);
    --Colors-Marketing-Magenta-Fuchsia-500: var(--Magenta-Fuchsia-500);
    --Colors-Marketing-Magenta-Fuchsia-600: var(--Magenta-Fuchsia-600);
    --Colors-Marketing-Magenta-Fuchsia-700: var(--Magenta-Fuchsia-700);
    --Colors-Marketing-Magenta-Fuchsia-800: var(--Magenta-Fuchsia-800);
    --Colors-Marketing-Magenta-Fuchsia-900: var(--Magenta-Fuchsia-900);
    --Colors-Marketing-Magenta-Fuchsia-950: var(--Magenta-Fuchsia-950);
    --Colors-Marketing-Magenta-Fuchsia-1000: var(--Magenta-Fuchsia-1000);
    --Colors-Marketing-Magenta-Fuchsia-Variant-50: var(--Magenta-Fuchsia-Variant-50);
    --Colors-Marketing-Magenta-Fuchsia-Variant-100: var(--Magenta-Fuchsia-Variant-100);
    --Colors-Marketing-Hollywood-Cerise-50: var(--Hollywood-Cerise-50);
    --Colors-Marketing-Hollywood-Cerise-100: var(--Hollywood-Cerise-100);
    --Colors-Marketing-Hollywood-Cerise-200: var(--Hollywood-Cerise-200);
    --Colors-Marketing-Hollywood-Cerise-300: var(--Hollywood-Cerise-300);
    --Colors-Marketing-Hollywood-Cerise-400: var(--Hollywood-Cerise-400);
    --Colors-Marketing-Hollywood-Cerise-500: var(--Hollywood-Cerise-500);
    --Colors-Marketing-Hollywood-Cerise-600: var(--Hollywood-Cerise-600);
    --Colors-Marketing-Hollywood-Cerise-700: var(--Hollywood-Cerise-700);
    --Colors-Marketing-Hollywood-Cerise-800: var(--Hollywood-Cerise-800);
    --Colors-Marketing-Hollywood-Cerise-900: var(--Hollywood-Cerise-900);
    --Colors-Marketing-Hollywood-Cerise-950: var(--Hollywood-Cerise-950);
    --Colors-Marketing-Hollywood-Cerise-1000: var(--Hollywood-Cerise-1000);
    --Colors-Marketing-Hollywood-Cerise-Variant-50: var(--Hollywood-Cerise-Variant-50);
    --Colors-Marketing-Hollywood-Cerise-Variant-100: var(--Hollywood-Cerise-Variant-100);
    --Colors-Marketing-Red-Ribbon-50: var(--Red-Ribbon-50);
    --Colors-Marketing-Red-Ribbon-100: var(--Red-Ribbon-100);
    --Colors-Marketing-Red-Ribbon-200: var(--Red-Ribbon-200);
    --Colors-Marketing-Red-Ribbon-300: var(--Red-Ribbon-300);
    --Colors-Marketing-Red-Ribbon-400: var(--Red-Ribbon-400);
    --Colors-Marketing-Red-Ribbon-500: var(--Red-Ribbon-500);
    --Colors-Marketing-Red-Ribbon-600: var(--Red-Ribbon-600);
    --Colors-Marketing-Red-Ribbon-700: var(--Red-Ribbon-700);
    --Colors-Marketing-Red-Ribbon-800: var(--Red-Ribbon-800);
    --Colors-Marketing-Red-Ribbon-900: var(--Red-Ribbon-900);
    --Colors-Marketing-Red-Ribbon-950: var(--Red-Ribbon-950);
    --Colors-Marketing-Red-Ribbon-1000: var(--Red-Ribbon-1000);
    --Colors-Marketing-Red-Ribbon-Variant-50: var(--Red-Ribbon-Variant-50);
    --Colors-Marketing-Red-Ribbon-Variant-100: var(--Red-Ribbon-Variant-100);
    --Colors-Marketing-Crusta-50: var(--Crusta-50);
    --Colors-Marketing-Crusta-100: var(--Crusta-100);
    --Colors-Marketing-Crusta-200: var(--Crusta-200);
    --Colors-Marketing-Crusta-300: var(--Crusta-300);
    --Colors-Marketing-Crusta-400: var(--Crusta-400);
    --Colors-Marketing-Crusta-500: var(--Crusta-500);
    --Colors-Marketing-Crusta-600: var(--Crusta-600);
    --Colors-Marketing-Crusta-700: var(--Crusta-700);
    --Colors-Marketing-Crusta-800: var(--Crusta-800);
    --Colors-Marketing-Crusta-900: var(--Crusta-900);
    --Colors-Marketing-Crusta-950: var(--Crusta-950);
    --Colors-Marketing-Crusta-1000: var(--Crusta-1000);
    --Colors-Marketing-Crusta-Variant-50: var(--Crusta-Variant-50);
    --Colors-Marketing-Crusta-Variant-100: var(--Crusta-Variant-100);
    --Colors-Marketing-Candlelight-50: var(--Candlelight-50);
    --Colors-Marketing-Candlelight-100: var(--Candlelight-100);
    --Colors-Marketing-Candlelight-200: var(--Candlelight-200);
    --Colors-Marketing-Candlelight-300: var(--Candlelight-300);
    --Colors-Marketing-Candlelight-400: var(--Candlelight-400);
    --Colors-Marketing-Candlelight-500: var(--Candlelight-500);
    --Colors-Marketing-Candlelight-600: var(--Candlelight-600);
    --Colors-Marketing-Candlelight-700: var(--Candlelight-700);
    --Colors-Marketing-Candlelight-800: var(--Candlelight-800);
    --Colors-Marketing-Candlelight-900: var(--Candlelight-900);
    --Colors-Marketing-Candlelight-950: var(--Candlelight-950);
    --Colors-Marketing-Candlelight-1000: var(--Candlelight-1000);
    --Colors-Marketing-Candlelight-Variant-50: var(--Candlelight-Variant-50);
    --Colors-Marketing-Candlelight-Variant-100: var(--Candlelight-Variant-100);
    --Colors-Marketing-Inch-Worm-50: var(--Inch-Worm-50);
    --Colors-Marketing-Inch-Worm-100: var(--Inch-Worm-100);
    --Colors-Marketing-Inch-Worm-200: var(--Inch-Worm-200);
    --Colors-Marketing-Inch-Worm-300: var(--Inch-Worm-300);
    --Colors-Marketing-Inch-Worm-400: var(--Inch-Worm-400);
    --Colors-Marketing-Inch-Worm-500: var(--Inch-Worm-500);
    --Colors-Marketing-Inch-Worm-600: var(--Inch-Worm-600);
    --Colors-Marketing-Inch-Worm-700: var(--Inch-Worm-700);
    --Colors-Marketing-Inch-Worm-800: var(--Inch-Worm-800);
    --Colors-Marketing-Inch-Worm-900: var(--Inch-Worm-900);
    --Colors-Marketing-Inch-Worm-950: var(--Inch-Worm-950);
    --Colors-Marketing-Inch-Worm-1000: var(--Inch-Worm-1000);
    --Colors-Marketing-Inch-Worm-Variant-50: var(--Inch-Worm-Variant-50);
    --Colors-Marketing-Inch-Worm-Variant-100: var(--Inch-Worm-Variant-100);
    --Colors-Marketing-Malachite-50: var(--Malachite-50);
    --Colors-Marketing-Malachite-100: var(--Malachite-100);
    --Colors-Marketing-Malachite-200: var(--Malachite-200);
    --Colors-Marketing-Malachite-300: var(--Malachite-300);
    --Colors-Marketing-Malachite-400: var(--Malachite-400);
    --Colors-Marketing-Malachite-500: var(--Malachite-500);
    --Colors-Marketing-Malachite-600: var(--Malachite-600);
    --Colors-Marketing-Malachite-700: var(--Malachite-700);
    --Colors-Marketing-Malachite-800: var(--Malachite-800);
    --Colors-Marketing-Malachite-900: var(--Malachite-900);
    --Colors-Marketing-Malachite-950: var(--Malachite-950);
    --Colors-Marketing-Malachite-1000: var(--Malachite-1000);
    --Colors-Marketing-Malachite-Variant-50: var(--Malachite-Variant-50);
    --Colors-Marketing-Malachite-Variant-100: var(--Malachite-Variant-100);
    --Colors-Marketing-Turquoise-Blue-50: var(--Turquoise-Blue-50);
    --Colors-Marketing-Turquoise-Blue-100: var(--Turquoise-Blue-100);
    --Colors-Marketing-Turquoise-Blue-200: var(--Turquoise-Blue-200);
    --Colors-Marketing-Turquoise-Blue-300: var(--Turquoise-Blue-300);
    --Colors-Marketing-Turquoise-Blue-400: var(--Turquoise-Blue-400);
    --Colors-Marketing-Turquoise-Blue-500: var(--Turquoise-Blue-500);
    --Colors-Marketing-Turquoise-Blue-600: var(--Turquoise-Blue-600);
    --Colors-Marketing-Turquoise-Blue-700: var(--Turquoise-Blue-700);
    --Colors-Marketing-Turquoise-Blue-800: var(--Turquoise-Blue-800);
    --Colors-Marketing-Turquoise-Blue-900: var(--Turquoise-Blue-900);
    --Colors-Marketing-Turquoise-Blue-950: var(--Turquoise-Blue-950);
    --Colors-Marketing-Turquoise-Blue-1000: var(--Turquoise-Blue-1000);
    --Colors-Marketing-Turquoise-Blue-Variant-50: var(--Turquoise-Blue-Variant-50);
    --Colors-Marketing-Turquoise-Blue-Variant-100: var(--Turquoise-Blue-Variant-100);
    --Colors-Marketing-Dodger-Blue-50: var(--Dodger-Blue-50);
    --Colors-Marketing-Dodger-Blue-100: var(--Dodger-Blue-100);
    --Colors-Marketing-Dodger-Blue-200: var(--Dodger-Blue-200);
    --Colors-Marketing-Dodger-Blue-300: var(--Dodger-Blue-300);
    --Colors-Marketing-Dodger-Blue-400: var(--Dodger-Blue-400);
    --Colors-Marketing-Dodger-Blue-500: var(--Dodger-Blue-500);
    --Colors-Marketing-Dodger-Blue-600: var(--Dodger-Blue-600);
    --Colors-Marketing-Dodger-Blue-700: var(--Dodger-Blue-700);
    --Colors-Marketing-Dodger-Blue-800: var(--Dodger-Blue-800);
    --Colors-Marketing-Dodger-Blue-900: var(--Dodger-Blue-900);
    --Colors-Marketing-Dodger-Blue-950: var(--Dodger-Blue-950);
    --Colors-Marketing-Dodger-Blue-1000: var(--Dodger-Blue-1000);
    --Colors-Marketing-Dodger-Blue-Variant-50: var(--Dodger-Blue-Variant-50);
    --Colors-Marketing-Dodger-Blue-Variant-100: var(--Dodger-Blue-Variant-100);
  }
:root {
    --Component-Colors-Icon-Featured-icon-fg-Info: var(--Dodger-Blue-600);
    --Component-Colors-Icon-Featured-icon-bg-Info: var(--Dodger-Blue-Variant-100);
    --Component-Colors-Icon-Featured-icon-fg-success: var(--Success-600);
    --Component-Colors-Icon-Featured-icon-bg-success: var(--Success-Variant-100);
    --Component-Colors-Icon-Featured-icon-fg-warning: var(--Warning-600);
    --Component-Colors-Icon-Featured-icon-bg-warning: var(--Warning-Variant-100);
    --Component-Colors-Icon-Featured-icon-fg-error: var(--Error-600);
    --Component-Colors-Icon-Featured-icon-bg-error: var(--Error-Variant-100);
    --Component-Colors-Button-Brand-fg-default: var(--Brand-25);
    --Component-Colors-Button-Brand-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Brand-bg-default: var(--Brand-500);
    --Component-Colors-Button-Brand-bg-hover: var(--Brand-600);
    --Component-Colors-Button-Brand-bg-active: var(--Brand-600);
    --Component-Colors-Button-Brand-bg-disabled: var(--Gray-200);
    --Component-Colors-Button-Primary-fg-default: var(--Basic-White);
    --Component-Colors-Button-Primary-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Primary-bg-default: var(--Gray-950);
    --Component-Colors-Button-Primary-bg-hover: var(--Gray-800);
    --Component-Colors-Button-Primary-bg-active: var(--Gray-900);
    --Component-Colors-Button-Primary-bg-disabled: var(--Gray-200);
    --Component-Colors-Button-Secondary-fg-default: var(--Brand-500);
    --Component-Colors-Button-Secondary-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Secondary-bg-default: var(--Basic-White);
    --Component-Colors-Button-Secondary-bg-hover: var(--Brand-25);
    --Component-Colors-Button-Secondary-bg-active: var(--Brand-25);
    --Component-Colors-Button-Secondary-border-default: var(--Brand-300);
    --Component-Colors-Button-Secondary-border-disabled: var(--Gray-200);
    --Component-Colors-Button-Tertiary-fg-default: var(--Gray-900);
    --Component-Colors-Button-Tertiary-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Tertiary-bg-default: var(--Gray-Variant-300);
    --Component-Colors-Button-Tertiary-bg-hover: var(--Gray-Variant-200);
    --Component-Colors-Button-Tertiary-bg-active: var(--Gray-Variant-200);
    --Component-Colors-Button-Ghost-fg-default: var(--Gray-900);
    --Component-Colors-Button-Ghost-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Ghost-bg-default: var(--Basic-White);
    --Component-Colors-Button-Ghost-bg-hover: var(--Gray-100);
    --Component-Colors-Button-Ghost-bg-active: var(--Gray-100);
    --Component-Colors-Button-Ghost-border: var(--Gray-300);
    --Component-Colors-Button-Ghost-border-alt: var(--Gray-100);
    --Component-Colors-Button-Plain-Brand-fg-default: var(--Brand-500);
    --Component-Colors-Button-Plain-Brand-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-Brand-bg-hover: var(--Gray-100);
    --Component-Colors-Button-Plain-Brand-bg-active: var(--Gray-100);
    --Component-Colors-Button-Plain-Gray-fg-default: var(--Gray-900);
    --Component-Colors-Button-Plain-Gray-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Plain-Gray-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-Gray-bg-hover: var(--Gray-100);
    --Component-Colors-Button-Plain-Gray-bg-active: var(--Gray-100);
    --Component-Colors-Button-Error-Primary-fg-default: var(--Error-25);
    --Component-Colors-Button-Error-Primary-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Error-Primary-bg-default: var(--Error-500);
    --Component-Colors-Button-Error-Primary-bg-hover: var(--Error-600);
    --Component-Colors-Button-Error-Primary-bg-active: var(--Error-700);
    --Component-Colors-Button-Error-Primary-bg-disabled: var(--Gray-200);
    --Component-Colors-Button-Error-Primary-bg-loading: var(--Error-400);
    --Component-Colors-Button-Error-Secondary-fg-default: var(--Error-600);
    --Component-Colors-Button-Error-Secondary-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Error-Secondary-bg-default: var(--Error-50);
    --Component-Colors-Button-Error-Secondary-bg-hover: var(--Error-100);
    --Component-Colors-Button-Error-Secondary-bg-active: var(--Error-100);
    --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Basic-White);
    --Component-Colors-Button-Error-Secondary-border-default: var(--Error-500);
    --Component-Colors-Button-Error-Secondary-border-disabled: var(--Gray-100);
    --Component-Colors-Button-Static-fg-default: var(--Gray-900);
    --Component-Colors-Button-Static-fg-alt: var(--Gray-400);
    --Component-Colors-Button-Static-bg-default: var(--Basic-White);
    --Component-Colors-Button-Static-bg-hover: var(--Gray-100);
    --Component-Colors-Button-Static-bg-active: var(--Gray-100);
    --Component-Colors-Button-Static-border: var(--Basic-None);
    --Component-Colors-Button-Static-border-alt: var(--Basic-None);
    --Component-Colors-Button-Opacity-fg-default: var(--Opacity-White-100);
    --Component-Colors-Button-Opacity-fg-alt: var(--Opacity-White-40);
    --Component-Colors-Button-Opacity-bg-default: var(--Opacity-Black-30);
    --Component-Colors-Button-Opacity-bg-hover: var(--Opacity-Black-50);
    --Component-Colors-Button-Opacity-bg-active: var(--Opacity-Black-50);
    --Component-Colors-Button-Opacity-border: var(--Opacity-White-8);
    --Component-Colors-Icon-Button-Brand-fg-default: var(--Brand-25);
    --Component-Colors-Icon-Button-Brand-fg-alt: var(--Gray-400);
    --Component-Colors-Icon-Button-Brand-bg-default: var(--Brand-500);
    --Component-Colors-Icon-Button-Brand-bg-hover: var(--Brand-600);
    --Component-Colors-Icon-Button-Brand-bg-active: var(--Brand-700);
    --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Gray-200);
    --Component-Colors-Icon-Button-Plain-Brand-fg-default: var(--Brand-500);
    --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Gray-900);
    --Component-Colors-Link-Button-Primary-fg-default: var(--Brand-500);
    --Component-Colors-Link-Button-Primary-fg-hover: var(--Brand-600);
    --Component-Colors-Link-Button-Primary-fg-active: var(--Brand-700);
    --Component-Colors-Link-Button-Primary-fg-disabled: var(--Gray-400);
    --Component-Colors-Link-Button-Primary-bg-default: var(--Basic-None);
    --Component-Colors-Link-Button-Secondary-fg-default: var(--Gray-900);
    --Component-Colors-Link-Button-Secondary-fg-hover: var(--Gray-800);
    --Component-Colors-Link-Button-Secondary-fg-active: var(--Gray-800);
    --Component-Colors-Link-Button-Secondary-fg-disabled: var(--Gray-400);
    --Component-Colors-Link-Button-Secondary-bg-default: var(--Basic-None);
    --Component-Colors-Tooltip-fg-default: var(--Gray-50);
    --Component-Colors-Tooltip-fg-subtle: var(--Gray-400);
    --Component-Colors-Tooltip-bg-default: var(--Gray-900);
    --Component-Colors-Tooltip-border: var(--Basic-None);
    --Component-Colors-Tabbar-fg-default: var(--Gray-600);
    --Component-Colors-Tabbar-fg-alt: var(--Gray-500);
    --Component-Colors-Tabbar-fg-bolder: var(--Gray-900);
    --Component-Colors-Tabbar-fg-disabled: var(--Gray-400);
    --Component-Colors-Tabbar-fg-select-disabled: var(--Gray-400);
    --Component-Colors-Tabbar-bg-default: var(--Gray-200);
    --Component-Colors-Tabbar-bg-select: var(--Basic-White);
    --Component-Colors-Tabbar-border: var(--Brand-500);
    --Component-Colors-Tabbar-border-disabled: var(--Gray-300);
    --Component-Colors-Energy-Low-battery-fg-default: var(--Archive-Terracotta-30);
    --Component-Colors-Energy-Low-battery-bg-default: var(--Archive-Terracotta-99);
    --Component-Colors-Energy-Low-battery-bg-alt: var(--Archive-Terracotta-95);
    --Component-Colors-Energy-Low-battery-bg-on: var(--Archive-Terracotta-70);
    --Component-Colors-Energy-Low-battery-border: var(--Archive-Terracotta-70);
    --Component-Colors-Energy-Low-battery-add-icon: var(--Archive-Terracotta-60);
    --Component-Colors-Energy-fg-default: var(--Archive-Khaki-40);
    --Component-Colors-Energy-bg-default: var(--Archive-Khaki-99);
    --Component-Colors-Energy-bg-alt: var(--Archive-Khaki-95);
    --Component-Colors-Energy-bg-on: var(--Archive-Khaki-80);
    --Component-Colors-Energy-border: var(--Archive-Khaki-80);
    --Component-Colors-Energy-add-icon: var(--Archive-Khaki-60);
    --Component-Colors-Input-bg-default: var(--Gray-200);
    --Component-Colors-Input-bg-active: var(--Gray-25);
    --Component-Colors-Input-border: var(--Gray-300);
    --Component-Colors-Search-Bar-bg-default: var(--Gray-200);
    --Component-Colors-Search-Bar-bg-active: var(--Gray-25);
    --Component-Colors-Search-Bar-border: var(--Gray-300);
    --Component-Colors-Shadows-Surface-Default: var(--Opacity-Black-12);
    --Component-Colors-Shadows-Surface-Bolder: var(--Opacity-Black-3);
    --Component-Colors-Shadows-Modal-DefaultAndBolder: var(--Opacity-Black-12);
    --Component-Colors-Shadows-Modal-Default: var(--Opacity-Black-12);
    --Component-Colors-Shadows-Modal-Bolder: var(--Opacity-Black-12);
    --Component-Colors-Focus-Rings-Brand: var(--Brand-Variant-100);
    --Component-Colors-Focus-Rings-Error: var(--Error-500);
    --Component-Colors-Check-Box-fg-default: var(--Basic-White);
    --Component-Colors-Check-Box-fg-alt: var(--Gray-400);
    --Component-Colors-Check-Box-border: var(--Gray-300);
    --Component-Colors-Check-Box-border-hover: var(--Gray-400);
    --Component-Colors-Check-Box-border-disabled: var(--Gray-200);
    --Component-Colors-Check-Box-bg-default: var(--Brand-500);
    --Component-Colors-Check-Box-bg-hover: var(--Brand-600);
    --Component-Colors-Check-Box-bg-disabled: var(--Gray-100);
    --Component-Colors-Switch-fg-default: var(--Gray-25);
    --Component-Colors-Switch-fg-on: var(--Basic-White);
    --Component-Colors-Switch-fg-disabled: var(--Opacity-White-60);
    --Component-Colors-Switch-bg-default: var(--Gray-300);
    --Component-Colors-Switch-bg-on: var(--Gray-950);
    --Component-Colors-Switch-bg-disabled: var(--Gray-200);
    --Component-Colors-Tag-gray-fg: var(--Gray-900);
    --Component-Colors-Tag-gray-bg: var(--Gray-200);
    --Component-Colors-Tag-green-fg: var(--Success-600);
    --Component-Colors-Tag-green-bg: var(--Success-25);
    --Component-Colors-Tag-brand-fg: var(--Brand-600);
    --Component-Colors-Tag-brand-bg: var(--Brand-100);
    --Component-Colors-Tag-yellow-fg: var(--Warning-600);
    --Component-Colors-Tag-yellow-bg: var(--Warning-100);
    --Component-Colors-Tag-red-fg: var(--Red-Ribbon-600);
    --Component-Colors-Tag-red-bg: var(--Red-Ribbon-100);
    --Component-Colors-Tag-blue-fg: var(--Dodger-Blue-600);
    --Component-Colors-Tag-blue-bg: var(--Dodger-Blue-100);
    --Component-Colors-Chips-Primary-fg-disabled: var(--Gray-400);
    --Component-Colors-Chips-Primary-bg-default: var(--Basic-White);
    --Component-Colors-Chips-Primary-bg-hover: var(--Gray-100);
    --Component-Colors-Chips-Primary-bg-disabled: var(--Gray-25);
    --Component-Colors-Chips-Primary-border: var(--Gray-300);
    --Component-Colors-Chips-Primary-bg-select: var(--Gray-900);
    --Component-Colors-Chips-Primary-bg-select-disabled: var(--Gray-200);
    --Component-Colors-Popover-fg-default: var(--Gray-900);
    --Component-Colors-Popover-bg-default: var(--Basic-White);
    --Component-Colors-Popover-border: var(--Basic-None);
    --Component-Colors-Dropdown-fg-default: var(--Gray-900);
    --Component-Colors-Dropdown-fg-subtle: var(--Gray-600);
    --Component-Colors-Dropdown-fg-disabled: var(--Gray-400);
    --Component-Colors-Dropdown-bg-default: var(--Basic-White);
    --Component-Colors-Dropdown-bg-hover: var(--Gray-100);
    --Component-Colors-Dropdown-bg-bolder: var(--Gray-200);
    --Component-Colors-Dropdown-Border: var(--Basic-None);
    --Component-Colors-Dropdown-Border-2: var(--Basic-None);
    --Component-Colors-Toast-fg-default: var(--Opacity-Black-95);
    --Component-Colors-Toast-fg-subtle: var(--Opacity-Black-60);
    --Component-Colors-Toast-bg-default: var(--Opacity-White-80);
    --Component-Colors-Toast-Border: var(--Opacity-Black-8);
    --Component-Colors-Selector-fg-default: var(--Gray-900);
    --Component-Colors-Selector-bg-default: var(--Basic-White);
    --Component-Colors-Selector-bg-hover: var(--Gray-100);
    --Component-Colors-Selector-bg-selected: var(--Brand-Variant-50);
    --Component-Colors-Selector-border: var(--Gray-300);
    --Component-Colors-Selector-border-selected: var(--Brand-500);
    --Basic-White: #ffffff;
    --Basic-Black: #000000;
    --Basic-None: #ffffff00;
    --Gray-25: #fafafa;
    --Gray-50: #f5f5f6;
    --Gray-100: #f0f0f1;
    --Gray-200: #ececed;
    --Gray-300: #dddce0;
    --Gray-400: #96949c;
    --Gray-500: #89878e;
    --Gray-600: #68676c;
    --Gray-700: #313133;
    --Gray-800: #242426;
    --Gray-900: #1d1c1f;
    --Gray-950: #0e0e0f;
    --Gray-Variant-100: #f5f5f6d6;
    --Gray-Variant-200: #7878801a;
    --Gray-Variant-300: #78788021;
    --Gray-Variant-400: #7878803d;
    --Gray-Variant-500: #78788047;
    --Gray-Variant-900: #1d1c1fc7;
    --Brand-25: #f7f5fd;
    --Brand-50: #f1eefc;
    --Brand-100: #e1daf7;
    --Brand-200: #c8bbef;
    --Brand-300: #a994e3;
    --Brand-400: #8063cf;
    --Brand-500: #6442c0;
    --Brand-600: #4e3593;
    --Brand-700: #3b2a6c;
    --Brand-800: #2c204f;
    --Brand-900: #23193c;
    --Brand-950: #1f1736;
    --Brand-Variant-50: #6442c014;
    --Brand-Variant-100: #6442c029;
    --Brand-Dark-25: #200c5f;
    --Brand-Dark-50: #230d67;
    --Brand-Dark-100: #2a0f7e;
    --Brand-Dark-200: #3511a2;
    --Brand-Dark-300: #4413d3;
    --Brand-Dark-400: #6939f1;
    --Brand-Dark-500: #8962f6;
    --Brand-Dark-600: #a488fa;
    --Brand-Dark-700: #beabfd;
    --Brand-Dark-800: #d3c6fe;
    --Brand-Dark-900: #e0d8ff;
    --Brand-Dark-950: #e5deff;
    --Brand-Dark-Variant-50: #8962f614;
    --Brand-Dark-Variant-100: #8962f629;
    --Success-25: #c3fadf;
    --Success-50: #b8f9d9;
    --Success-100: #a8f7d1;
    --Success-200: #73f3b5;
    --Success-300: #47ed9e;
    --Success-400: #1ae083;
    --Success-500: #17a966;
    --Success-600: #147b4f;
    --Success-700: #105439;
    --Success-800: #0b3727;
    --Success-900: #08251a;
    --Success-950: #071f16;
    --Success-Variant-50: #17a96614;
    --Success-Variant-100: #17a96629;
    --Warning-25: #fff5e7;
    --Warning-50: #fff1de;
    --Warning-100: #ffe7c6;
    --Warning-200: #fed89f;
    --Warning-300: #fdc56e;
    --Warning-400: #fab137;
    --Warning-500: #ed9908;
    --Warning-600: #b47408;
    --Warning-700: #825407;
    --Warning-800: #5d3b06;
    --Warning-900: #452c05;
    --Warning-950: #3d2704;
    --Warning-Variant-50: #ed990814;
    --Warning-Variant-100: #ed990829;
    --Error-25: #fffafa;
    --Error-50: #fff2f2;
    --Error-100: #ffdcdc;
    --Error-200: #fdbbb9;
    --Error-300: #fb928e;
    --Error-400: #f6675f;
    --Error-500: #ef3b2e;
    --Error-600: #d11e13;
    --Error-700: #a11811;
    --Error-800: #7c140e;
    --Error-900: #65100c;
    --Error-950: #5d0f0c;
    --Error-Variant-50: #ef3b2e14;
    --Error-Variant-100: #ef3b2e29;
    --Opacity-White-1: #ffffff00;
    --Opacity-White-3: #ffffff08;
    --Opacity-White-5: #ffffff0d;
    --Opacity-White-8: #ffffff14;
    --Opacity-White-12: #ffffff1f;
    --Opacity-White-16: #ffffff29;
    --Opacity-White-20: #ffffff33;
    --Opacity-White-30: #ffffff4d;
    --Opacity-White-40: #ffffff66;
    --Opacity-White-50: #ffffff80;
    --Opacity-White-60: #ffffff99;
    --Opacity-White-70: #ffffffb2;
    --Opacity-White-80: #ffffffcc;
    --Opacity-White-90: #ffffffe5;
    --Opacity-White-95: #fffffff2;
    --Opacity-White-100: #ffffff;
    --Opacity-Black-1: #00000000;
    --Opacity-Black-3: #00000008;
    --Opacity-Black-5: #0000000d;
    --Opacity-Black-8: #00000014;
    --Opacity-Black-12: #0000001f;
    --Opacity-Black-16: #00000029;
    --Opacity-Black-20: #00000033;
    --Opacity-Black-30: #0000004d;
    --Opacity-Black-40: #00000066;
    --Opacity-Black-50: #00000080;
    --Opacity-Black-60: #00000099;
    --Opacity-Black-70: #000000b2;
    --Opacity-Black-80: #000000cc;
    --Opacity-Black-90: #000000e5;
    --Opacity-Black-95: #000000f2;
    --Opacity-Black-100: #000000;
    --Dodger-Blue-25: #fafcff;
    --Dodger-Blue-50: #f2f7ff;
    --Dodger-Blue-100: #dceaff;
    --Dodger-Blue-200: #bad5fd;
    --Dodger-Blue-300: #90bbf9;
    --Dodger-Blue-400: #639ef3;
    --Dodger-Blue-500: #357fe9;
    --Dodger-Blue-600: #1964cc;
    --Dodger-Blue-700: #164f9d;
    --Dodger-Blue-800: #123e79;
    --Dodger-Blue-900: #103463;
    --Dodger-Blue-950: #0f305b;
    --Dodger-Blue-1000: #010c1a;
    --Dodger-Blue-Variant-50: #357fe914;
    --Dodger-Blue-Variant-100: #357fe929;
    --Turquoise-Blue-25: #faffff;
    --Turquoise-Blue-50: #f2ffff;
    --Turquoise-Blue-100: #dcfeff;
    --Turquoise-Blue-200: #bafbfd;
    --Turquoise-Blue-300: #90f4f9;
    --Turquoise-Blue-400: #63e9f3;
    --Turquoise-Blue-500: #35dae9;
    --Turquoise-Blue-600: #19becc;
    --Turquoise-Blue-700: #16939d;
    --Turquoise-Blue-800: #127279;
    --Turquoise-Blue-900: #105d63;
    --Turquoise-Blue-950: #0f565b;
    --Turquoise-Blue-1000: #01181a;
    --Turquoise-Blue-Variant-50: #35dae914;
    --Turquoise-Blue-Variant-100: #35dae929;
    --Malachite-25: #fafffa;
    --Malachite-50: #f2fff2;
    --Malachite-100: #ddfedc;
    --Malachite-200: #befcbb;
    --Malachite-300: #9af693;
    --Malachite-400: #77ec69;
    --Malachite-500: #54de3f;
    --Malachite-600: #3bbf25;
    --Malachite-700: #309220;
    --Malachite-800: #27701a;
    --Malachite-900: #215b16;
    --Malachite-950: #1e5415;
    --Malachite-1000: #041401;
    --Malachite-Variant-50: #54de3f14;
    --Malachite-Variant-100: #54de3f29;
    --Inch-Worm-25: #fdfffa;
    --Inch-Worm-50: #fafff3;
    --Inch-Worm-100: #f2ffdf;
    --Inch-Worm-200: #e6febf;
    --Inch-Worm-300: #d7fc97;
    --Inch-Worm-400: #c6f96a;
    --Inch-Worm-500: #b5f53b;
    --Inch-Worm-600: #9fe710;
    --Inch-Worm-700: #7fb60f;
    --Inch-Worm-800: #66900e;
    --Inch-Worm-900: #56780c;
    --Inch-Worm-950: #51700c;
    --Inch-Worm-1000: #0e1401;
    --Inch-Worm-Variant-50: #b5f53b14;
    --Inch-Worm-Variant-100: #b5f53b29;
    --Candlelight-25: #fffefa;
    --Candlelight-50: #fffcf2;
    --Candlelight-100: #fff8db;
    --Candlelight-200: #fff2b6;
    --Candlelight-300: #ffeb87;
    --Candlelight-400: #fee552;
    --Candlelight-500: #fddf1a;
    --Candlelight-600: #d9ba05;
    --Candlelight-700: #a58d06;
    --Candlelight-800: #7e6b06;
    --Candlelight-900: #665606;
    --Candlelight-950: #5e4f05;
    --Candlelight-1000: #141101;
    --Candlelight-Variant-50: #fddf1a14;
    --Candlelight-Variant-100: #fddf1a29;
    --Crusta-25: #fffcfa;
    --Crusta-50: #fff7f2;
    --Crusta-100: #ffe9da;
    --Crusta-200: #fdd2b6;
    --Crusta-300: #fab488;
    --Crusta-400: #f59256;
    --Crusta-500: #ff772a;
    --Crusta-600: #c55313;
    --Crusta-700: #953f11;
    --Crusta-800: #71300e;
    --Crusta-900: #5a270c;
    --Crusta-950: #52240b;
    --Crusta-1000: #140801;
    --Crusta-Variant-50: #ff772a14;
    --Crusta-Variant-100: #ee6d2429;
    --Red-Ribbon-25: #fffafb;
    --Red-Ribbon-50: #fff2f5;
    --Red-Ribbon-100: #ffdce3;
    --Red-Ribbon-200: #ffb8c6;
    --Red-Ribbon-300: #ff8ba1;
    --Red-Ribbon-400: #ff5676;
    --Red-Ribbon-500: #fe2049;
    --Red-Ribbon-600: #e1042f;
    --Red-Ribbon-700: #ad0527;
    --Red-Ribbon-800: #860620;
    --Red-Ribbon-900: #6d051b;
    --Red-Ribbon-950: #650519;
    --Red-Ribbon-1000: #140206;
    --Red-Ribbon-Variant-50: #fe204914;
    --Red-Ribbon-Variant-100: #fe204929;
    --Hollywood-Cerise-25: #fff9fd;
    --Hollywood-Cerise-50: #fff0fa;
    --Hollywood-Cerise-100: #ffd8f2;
    --Hollywood-Cerise-200: #feb2e4;
    --Hollywood-Cerise-300: #fb82d1;
    --Hollywood-Cerise-400: #f64dbb;
    --Hollywood-Cerise-500: #ff2bb4;
    --Hollywood-Cerise-600: #be0f82;
    --Hollywood-Cerise-700: #8e0d63;
    --Hollywood-Cerise-800: #690b4b;
    --Hollywood-Cerise-900: #52093b;
    --Hollywood-Cerise-950: #4b0935;
    --Hollywood-Cerise-1000: #210116;
    --Hollywood-Cerise-Variant-50: #ff2bb414;
    --Hollywood-Cerise-Variant-100: #f017a329;
    --Magenta-Fuchsia-25: #fefaff;
    --Magenta-Fuchsia-50: #fcf2ff;
    --Magenta-Fuchsia-100: #f8d9ff;
    --Magenta-Fuchsia-200: #f0b3fe;
    --Magenta-Fuchsia-300: #e883fc;
    --Magenta-Fuchsia-400: #df4df9;
    --Magenta-Fuchsia-500: #e129ff;
    --Magenta-Fuchsia-600: #aa0dc4;
    --Magenta-Fuchsia-700: #7f0c93;
    --Magenta-Fuchsia-800: #5e0a6d;
    --Magenta-Fuchsia-900: #4a0956;
    --Magenta-Fuchsia-950: #43084e;
    --Magenta-Fuchsia-1000: #16011a;
    --Magenta-Fuchsia-Variant-50: #e129ff14;
    --Magenta-Fuchsia-Variant-100: #d516f429;
    --Purple-Heart-25: #fbfaff;
    --Purple-Heart-50: #f5f2ff;
    --Purple-Heart-100: #e2dbfe;
    --Purple-Heart-200: #c7b8fc;
    --Purple-Heart-300: #a68ef5;
    --Purple-Heart-400: #7d59e8;
    --Purple-Heart-500: #6236dc;
    --Purple-Heart-600: #4923b6;
    --Purple-Heart-700: #381d8a;
    --Purple-Heart-800: #2b1768;
    --Purple-Heart-900: #231354;
    --Purple-Heart-950: #20124c;
    --Purple-Heart-1000: #08021d;
    --Purple-Heart-Variant-50: #6236dc14;
    --Purple-Heart-Variant-100: #6236dc29;
    --Maroon-Flush-25: #fecddd;
    --Maroon-Flush-50: #fec5d7;
    --Maroon-Flush-100: #fdadc7;
    --Maroon-Flush-200: #fb88ac;
    --Maroon-Flush-300: #f7598a;
    --Maroon-Flush-400: #f01b5c;
    --Maroon-Flush-500: #d5104b;
    --Maroon-Flush-600: #911239;
    --Maroon-Flush-700: #62102a;
    --Maroon-Flush-800: #3f0c1c;
    --Maroon-Flush-900: #2a0914;
    --Maroon-Flush-950: #230810;
    --Maroon-Flush-1000: #140207;
    --Maroon-Flush-Variant-50: #d5104b14;
    --Maroon-Flush-Variant-100: #d5104b29;
    --Archive-Neutral-0: #000000;
    --Archive-Neutral-5: #121110;
    --Archive-Neutral-10: #242220;
    --Archive-Neutral-20: #302e2b;
    --Archive-Neutral-30: #47443f;
    --Archive-Neutral-40: #5c5854;
    --Archive-Neutral-50: #7a7671;
    --Archive-Neutral-60: #948f8b;
    --Archive-Neutral-70: #b2afab;
    --Archive-Neutral-80: #c7c4c1;
    --Archive-Neutral-90: #e3e1de;
    --Archive-Neutral-95: #ebe9e8;
    --Archive-Neutral-98: #f5f4f2;
    --Archive-Neutral-99: #fcfbfa;
    --Archive-Neutral-100: #fffefd;
    --Archive-Neutral-On-Surface-10: #f0efed;
    --Archive-Neutral-On-Surface-20: #e8e6e3;
    --Archive-Neutral-On-Surface-30: #dfdcd8;
    --Archive-Neutral-On-Surface-40: #d6d2cd;
    --Archive-Neutral-Variant-0: #000000;
    --Archive-Neutral-Variant-5: #111111;
    --Archive-Neutral-Variant-10: #1c1c1c;
    --Archive-Neutral-Variant-20: #212121;
    --Archive-Neutral-Variant-25: #292929;
    --Archive-Neutral-Variant-30: #303030;
    --Archive-Neutral-Variant-40: #474747;
    --Archive-Neutral-Variant-50: #5c5c5c;
    --Archive-Neutral-Variant-55: #7a7a7a;
    --Archive-Neutral-Variant-60: #939393;
    --Archive-Neutral-Variant-70: #a8a8a8;
    --Archive-Neutral-Variant-80: #bfbfbf;
    --Archive-Neutral-Variant-90: #dedede;
    --Archive-Neutral-Variant-95: #e6e6e6;
    --Archive-Neutral-Variant-98: #f2f2f2;
    --Archive-Neutral-Variant-99: #fafafa;
    --Archive-Neutral-Variant-100: #ffffff;
    --Archive-Pure-Mauve-0: #000000;
    --Archive-Pure-Mauve-5: #100f22;
    --Archive-Pure-Mauve-10: #1b192d;
    --Archive-Pure-Mauve-20: #352b4a;
    --Archive-Pure-Mauve-30: #53436f;
    --Archive-Pure-Mauve-40: #655186;
    --Archive-Pure-Mauve-50: #7860a1;
    --Archive-Pure-Mauve-60: #826aaf;
    --Archive-Pure-Mauve-70: #9d8dc5;
    --Archive-Pure-Mauve-80: #b8aed7;
    --Archive-Pure-Mauve-90: #cbc6e6;
    --Archive-Pure-Mauve-95: #dad6f1;
    --Archive-Pure-Mauve-98: #e8e6f7;
    --Archive-Pure-Mauve-99: #f9f7fc;
    --Archive-Pure-Mauve-100: #ffffff;
    --Archive-Khaki-0: #000000;
    --Archive-Khaki-5: #171000;
    --Archive-Khaki-10: #241a00;
    --Archive-Khaki-20: #3d2e00;
    --Archive-Khaki-30: #584400;
    --Archive-Khaki-40: #755b00;
    --Archive-Khaki-50: #917312;
    --Archive-Khaki-60: #ad8d2d;
    --Archive-Khaki-70: #e0ba4d;
    --Archive-Khaki-80: #f0cf78;
    --Archive-Khaki-90: #fae3aa;
    --Archive-Khaki-95: #fff2d9;
    --Archive-Khaki-98: #fff8eb;
    --Archive-Khaki-99: #fffefb;
    --Archive-Khaki-100: #ffffff;
    --Archive-Olive-0: #000000;
    --Archive-Olive-5: #0b1400;
    --Archive-Olive-10: #131f00;
    --Archive-Olive-20: #243600;
    --Archive-Olive-30: #374e0b;
    --Archive-Olive-40: #4e6622;
    --Archive-Olive-50: #667f39;
    --Archive-Olive-60: #7f9a50;
    --Archive-Olive-70: #99b567;
    --Archive-Olive-80: #b4d180;
    --Archive-Olive-90: #d0ed99;
    --Archive-Olive-95: #def2b8;
    --Archive-Olive-98: #f1ffd2;
    --Archive-Olive-99: #f9ffe6;
    --Archive-Olive-100: #ffffff;
    --Archive-Teal-0: #000000;
    --Archive-Teal-5: #00150f;
    --Archive-Teal-10: #002018;
    --Archive-Teal-20: #00382c;
    --Archive-Teal-30: #005140;
    --Archive-Teal-40: #006b56;
    --Archive-Teal-50: #00876d;
    --Archive-Teal-60: #21b38f;
    --Archive-Teal-70: #51bda0;
    --Archive-Teal-80: #6fd9bb;
    --Archive-Teal-90: #98f4d7;
    --Archive-Teal-95: #c4f5e4;
    --Archive-Teal-98: #e4fcf2;
    --Archive-Teal-99: #f3fff9;
    --Archive-Teal-100: #ffffff;
    --Archive-Cobalt-0: #000000;
    --Archive-Cobalt-5: #000449;
    --Archive-Cobalt-10: #000767;
    --Archive-Cobalt-20: #182282;
    --Archive-Cobalt-30: #323c99;
    --Archive-Cobalt-40: #323c99;
    --Archive-Cobalt-50: #646ece;
    --Archive-Cobalt-60: #7e88ea;
    --Archive-Cobalt-70: #9ba4ff;
    --Archive-Cobalt-80: #bdc2ff;
    --Archive-Cobalt-90: #dfe0ff;
    --Archive-Cobalt-95: #f1efff;
    --Archive-Cobalt-98: #fbf8ff;
    --Archive-Cobalt-99: #fffbff;
    --Archive-Cobalt-100: #ffffff;
    --Archive-Berry-Pink-0: #000000;
    --Archive-Berry-Pink-5: #2b0010;
    --Archive-Berry-Pink-10: #3f001a;
    --Archive-Berry-Pink-20: #610c2e;
    --Archive-Berry-Pink-30: #7e2544;
    --Archive-Berry-Pink-40: #9d3d5c;
    --Archive-Berry-Pink-50: #bb5574;
    --Archive-Berry-Pink-60: #db6e8e;
    --Archive-Berry-Pink-70: #fa88a8;
    --Archive-Berry-Pink-80: #ffb1c4;
    --Archive-Berry-Pink-90: #ffd9e0;
    --Archive-Berry-Pink-95: #ffecef;
    --Archive-Berry-Pink-98: #fff8f8;
    --Archive-Berry-Pink-99: #fffbff;
    --Archive-Berry-Pink-100: #ffffff;
    --Archive-Lake-Blue-0: #000000;
    --Archive-Lake-Blue-5: #001224;
    --Archive-Lake-Blue-10: #001d35;
    --Archive-Lake-Blue-20: #003256;
    --Archive-Lake-Blue-30: #00497a;
    --Archive-Lake-Blue-40: #266296;
    --Archive-Lake-Blue-50: #447bb0;
    --Archive-Lake-Blue-60: #5f95cc;
    --Archive-Lake-Blue-70: #7aafe8;
    --Archive-Lake-Blue-80: #9ccaff;
    --Archive-Lake-Blue-90: #d0e4ff;
    --Archive-Lake-Blue-95: #e9f1ff;
    --Archive-Lake-Blue-98: #f8f9ff;
    --Archive-Lake-Blue-99: #fdfcff;
    --Archive-Lake-Blue-100: #ffffff;
    --Archive-Plum-Purple-0: #000000;
    --Archive-Plum-Purple-5: #2b001c;
    --Archive-Plum-Purple-10: #3f0029;
    --Archive-Plum-Purple-20: #610c43;
    --Archive-Plum-Purple-30: #7e255f;
    --Archive-Plum-Purple-40: #9d3d7b;
    --Archive-Plum-Purple-50: #bb5597;
    --Archive-Plum-Purple-60: #db6eb5;
    --Archive-Plum-Purple-70: #fa88d2;
    --Archive-Plum-Purple-80: #ffb1e4;
    --Archive-Plum-Purple-90: #ffd9f2;
    --Archive-Plum-Purple-95: #ffecf8;
    --Archive-Plum-Purple-98: #fff8fd;
    --Archive-Plum-Purple-99: #fffbfe;
    --Archive-Plum-Purple-100: #ffffff;
    --Archive-Terracotta-0: #000000;
    --Archive-Terracotta-5: #2b0100;
    --Archive-Terracotta-10: #3f0300;
    --Archive-Terracotta-20: #530904;
    --Archive-Terracotta-30: #881f0f;
    --Archive-Terracotta-40: #a93724;
    --Archive-Terracotta-50: #ca4f3a;
    --Archive-Terracotta-60: #ec5f47;
    --Archive-Terracotta-70: #ff8a75;
    --Archive-Terracotta-80: #ffb4a6;
    --Archive-Terracotta-90: #ffdad4;
    --Archive-Terracotta-95: #ffede9;
    --Archive-Terracotta-98: #fff8f6;
    --Archive-Terracotta-99: #fffcfb;
    --Archive-Terracotta-100: #ffffff;
    --Archive-Terracotta-Variant-10: #260d0c;
    --Archive-Terracotta-Variant-20: #461a18;
    --Archive-Terracotta-Variant-30: #652a22;
    --Archive-Terracotta-Variant-40: #81362a;
    --Archive-Ember-0: #000000;
    --Archive-Ember-5: #230900;
    --Archive-Ember-10: #341100;
    --Archive-Ember-20: #552000;
    --Archive-Ember-30: #793100;
    --Archive-Ember-40: #9f4200;
    --Archive-Ember-50: #c55505;
    --Archive-Ember-60: #e76d24;
    --Archive-Ember-70: #ff8d4e;
    --Archive-Ember-80: #ffb692;
    --Archive-Ember-90: #ffdbcb;
    --Archive-Ember-95: #ffede6;
    --Archive-Ember-98: #fff4f0;
    --Archive-Ember-99: #fffcfb;
    --Archive-Ember-100: #ffffff;
  }
.dark {
    --Component-Colors-Icon-Featured-icon-fg-Info: var(--Dodger-Blue-400);
    --Component-Colors-Icon-Featured-icon-bg-Info: var(--Dodger-Blue-Variant-100);
    --Component-Colors-Icon-Featured-icon-fg-success: var(--Success-400);
    --Component-Colors-Icon-Featured-icon-bg-success: var(--Success-Variant-100);
    --Component-Colors-Icon-Featured-icon-fg-warning: var(--Warning-400);
    --Component-Colors-Icon-Featured-icon-bg-warning: var(--Warning-Variant-100);
    --Component-Colors-Icon-Featured-icon-fg-error: var(--Error-400);
    --Component-Colors-Icon-Featured-icon-bg-error: var(--Error-Variant-100);
    --Component-Colors-Button-Brand-fg-default: var(--Basic-White);
    --Component-Colors-Button-Brand-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Brand-bg-default: var(--Maroon-Flush-500);
    --Component-Colors-Button-Brand-bg-hover: var(--Maroon-Flush-400);
    --Component-Colors-Button-Brand-bg-active: var(--Maroon-Flush-400);
    --Component-Colors-Button-Brand-bg-disabled: var(--Gray-800);
    --Component-Colors-Button-Primary-fg-default: var(--Gray-900);
    --Component-Colors-Button-Primary-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Primary-bg-default: var(--Basic-White);
    --Component-Colors-Button-Primary-bg-hover: var(--Gray-100);
    --Component-Colors-Button-Primary-bg-active: var(--Gray-50);
    --Component-Colors-Button-Primary-bg-disabled: var(--Gray-800);
    --Component-Colors-Button-Secondary-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Button-Secondary-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Secondary-bg-default: var(--Maroon-Flush-Variant-50);
    --Component-Colors-Button-Secondary-bg-hover: var(--Maroon-Flush-Variant-100);
    --Component-Colors-Button-Secondary-bg-active: var(--Maroon-Flush-Variant-100);
    --Component-Colors-Button-Secondary-border-default: var(--Maroon-Flush-500);
    --Component-Colors-Button-Secondary-border-disabled: var(--Maroon-Flush-600);
    --Component-Colors-Button-Tertiary-fg-default: var(--Gray-50);
    --Component-Colors-Button-Tertiary-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Tertiary-bg-default: var(--Gray-Variant-500);
    --Component-Colors-Button-Tertiary-bg-hover: var(--Gray-Variant-400);
    --Component-Colors-Button-Tertiary-bg-active: var(--Gray-Variant-400);
    --Component-Colors-Button-Ghost-fg-default: var(--Gray-50);
    --Component-Colors-Button-Ghost-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Ghost-bg-default: var(--Gray-800);
    --Component-Colors-Button-Ghost-bg-hover: var(--Gray-700);
    --Component-Colors-Button-Ghost-bg-active: var(--Gray-700);
    --Component-Colors-Button-Ghost-border: var(--Gray-700);
    --Component-Colors-Button-Ghost-border-alt: var(--Gray-800);
    --Component-Colors-Button-Plain-Brand-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Button-Plain-Brand-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Plain-Brand-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-Brand-bg-hover: var(--Gray-800);
    --Component-Colors-Button-Plain-Brand-bg-active: var(--Gray-800);
    --Component-Colors-Button-Plain-Gray-fg-default: var(--Gray-50);
    --Component-Colors-Button-Plain-Gray-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Plain-Gray-bg-default: var(--Basic-None);
    --Component-Colors-Button-Plain-Gray-bg-hover: var(--Gray-800);
    --Component-Colors-Button-Plain-Gray-bg-active: var(--Gray-800);
    --Component-Colors-Button-Error-Primary-fg-default: var(--Error-25);
    --Component-Colors-Button-Error-Primary-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Error-Primary-bg-default: var(--Error-500);
    --Component-Colors-Button-Error-Primary-bg-hover: var(--Error-600);
    --Component-Colors-Button-Error-Primary-bg-active: var(--Error-700);
    --Component-Colors-Button-Error-Primary-bg-disabled: var(--Gray-800);
    --Component-Colors-Button-Error-Primary-bg-loading: var(--Error-500);
    --Component-Colors-Button-Error-Secondary-fg-default: var(--Error-400);
    --Component-Colors-Button-Error-Secondary-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Error-Secondary-bg-default: var(--Error-Variant-100);
    --Component-Colors-Button-Error-Secondary-bg-hover: var(--Error-950);
    --Component-Colors-Button-Error-Secondary-bg-active: var(--Error-950);
    --Component-Colors-Button-Error-Secondary-bg-disabled: var(--Gray-900);
    --Component-Colors-Button-Error-Secondary-border-default: var(--Error-500);
    --Component-Colors-Button-Error-Secondary-border-disabled: var(--Gray-800);
    --Component-Colors-Button-Static-fg-default: var(--Gray-900);
    --Component-Colors-Button-Static-fg-alt: var(--Gray-600);
    --Component-Colors-Button-Static-bg-default: var(--Basic-White);
    --Component-Colors-Button-Static-bg-hover: var(--Gray-100);
    --Component-Colors-Button-Static-bg-active: var(--Gray-100);
    --Component-Colors-Button-Static-border: var(--Basic-None);
    --Component-Colors-Button-Static-border-alt: var(--Basic-None);
    --Component-Colors-Button-Opacity-fg-default: var(--Opacity-White-100);
    --Component-Colors-Button-Opacity-fg-alt: var(--Opacity-White-40);
    --Component-Colors-Button-Opacity-bg-default: var(--Opacity-Black-30);
    --Component-Colors-Button-Opacity-bg-hover: var(--Opacity-Black-50);
    --Component-Colors-Button-Opacity-bg-active: var(--Opacity-Black-50);
    --Component-Colors-Button-Opacity-border: var(--Opacity-White-8);
    --Component-Colors-Icon-Button-Brand-fg-default: var(--Maroon-Flush-25);
    --Component-Colors-Icon-Button-Brand-fg-alt: var(--Gray-600);
    --Component-Colors-Icon-Button-Brand-bg-default: var(--Maroon-Flush-500);
    --Component-Colors-Icon-Button-Brand-bg-hover: var(--Maroon-Flush-600);
    --Component-Colors-Icon-Button-Brand-bg-active: var(--Maroon-Flush-700);
    --Component-Colors-Icon-Button-Brand-bg-disabled: var(--Gray-800);
    --Component-Colors-Icon-Button-Plain-Brand-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Icon-Button-Plain-Gray-fg-default: var(--Gray-50);
    --Component-Colors-Link-Button-Primary-fg-default: var(--Maroon-Flush-400);
    --Component-Colors-Link-Button-Primary-fg-hover: var(--Maroon-Flush-500);
    --Component-Colors-Link-Button-Primary-fg-active: var(--Maroon-Flush-700);
    --Component-Colors-Link-Button-Primary-fg-disabled: var(--Gray-600);
    --Component-Colors-Link-Button-Primary-bg-default: var(--Basic-None);
    --Component-Colors-Link-Button-Secondary-fg-default: var(--Gray-50);
    --Component-Colors-Link-Button-Secondary-fg-hover: var(--Gray-100);
    --Component-Colors-Link-Button-Secondary-fg-active: var(--Gray-100);
    --Component-Colors-Link-Button-Secondary-fg-disabled: var(--Gray-600);
    --Component-Colors-Link-Button-Secondary-bg-default: var(--Basic-None);
    --Component-Colors-Tooltip-fg-default: var(--Gray-50);
    --Component-Colors-Tooltip-fg-subtle: var(--Gray-400);
    --Component-Colors-Tooltip-bg-default: var(--Gray-800);
    --Component-Colors-Tooltip-border: var(--Basic-None);
    --Component-Colors-Tabbar-fg-default: var(--Gray-400);
    --Component-Colors-Tabbar-fg-alt: var(--Gray-700);
    --Component-Colors-Tabbar-fg-bolder: var(--Gray-50);
    --Component-Colors-Tabbar-fg-disabled: var(--Gray-600);
    --Component-Colors-Tabbar-fg-select-disabled: var(--Gray-600);
    --Component-Colors-Tabbar-bg-default: var(--Gray-800);
    --Component-Colors-Tabbar-bg-select: var(--Gray-600);
    --Component-Colors-Tabbar-border: var(--Maroon-Flush-500);
    --Component-Colors-Tabbar-border-disabled: var(--Gray-700);
    --Component-Colors-Energy-Low-battery-fg-default: var(--Archive-Terracotta-90);
    --Component-Colors-Energy-Low-battery-bg-default: var(--Archive-Terracotta-Variant-10);
    --Component-Colors-Energy-Low-battery-bg-alt: var(--Archive-Terracotta-Variant-20);
    --Component-Colors-Energy-Low-battery-bg-on: var(--Archive-Terracotta-60);
    --Component-Colors-Energy-Low-battery-border: var(--Archive-Terracotta-60);
    --Component-Colors-Energy-Low-battery-add-icon: var(--Archive-Terracotta-30);
    --Component-Colors-Energy-fg-default: var(--Archive-Khaki-90);
    --Component-Colors-Energy-bg-default: var(--Archive-Khaki-10);
    --Component-Colors-Energy-bg-alt: var(--Archive-Khaki-20);
    --Component-Colors-Energy-bg-on: var(--Archive-Khaki-60);
    --Component-Colors-Energy-border: var(--Archive-Khaki-60);
    --Component-Colors-Energy-add-icon: var(--Archive-Khaki-40);
    --Component-Colors-Input-bg-default: var(--Gray-800);
    --Component-Colors-Input-bg-active: var(--Basic-None);
    --Component-Colors-Input-border: var(--Gray-700);
    --Component-Colors-Search-Bar-bg-default: var(--Gray-800);
    --Component-Colors-Search-Bar-bg-active: var(--Basic-None);
    --Component-Colors-Search-Bar-border: var(--Gray-700);
    --Component-Colors-Shadows-Surface-Default: var(--Opacity-White-5);
    --Component-Colors-Shadows-Surface-Bolder: var(--Opacity-White-3);
    --Component-Colors-Shadows-Modal-DefaultAndBolder: var(--Opacity-Black-40);
    --Component-Colors-Shadows-Modal-Default: var(--Opacity-Black-40);
    --Component-Colors-Shadows-Modal-Bolder: var(--Opacity-Black-40);
    --Component-Colors-Focus-Rings-Brand: var(--Opacity-White-40);
    --Component-Colors-Focus-Rings-Error: var(--Error-500);
    --Component-Colors-Check-Box-fg-default: var(--Basic-White);
    --Component-Colors-Check-Box-fg-alt: var(--Gray-600);
    --Component-Colors-Check-Box-border: var(--Gray-700);
    --Component-Colors-Check-Box-border-hover: var(--Gray-600);
    --Component-Colors-Check-Box-border-disabled: var(--Gray-800);
    --Component-Colors-Check-Box-bg-default: var(--Maroon-Flush-500);
    --Component-Colors-Check-Box-bg-hover: var(--Maroon-Flush-600);
    --Component-Colors-Check-Box-bg-disabled: var(--Gray-800);
    --Component-Colors-Switch-fg-default: var(--Gray-25);
    --Component-Colors-Switch-fg-on: var(--Basic-White);
    --Component-Colors-Switch-fg-disabled: var(--Opacity-White-30);
    --Component-Colors-Switch-bg-default: var(--Gray-700);
    --Component-Colors-Switch-bg-on: var(--Maroon-Flush-500);
    --Component-Colors-Switch-bg-disabled: var(--Gray-800);
    --Component-Colors-Tag-gray-fg: var(--Gray-50);
    --Component-Colors-Tag-gray-bg: var(--Gray-800);
    --Component-Colors-Tag-green-fg: var(--Success-400);
    --Component-Colors-Tag-green-bg: var(--Success-800);
    --Component-Colors-Tag-brand-fg: var(--Maroon-Flush-300);
    --Component-Colors-Tag-brand-bg: var(--Maroon-Flush-700);
    --Component-Colors-Tag-yellow-fg: var(--Warning-400);
    --Component-Colors-Tag-yellow-bg: var(--Warning-800);
    --Component-Colors-Tag-red-fg: var(--Red-Ribbon-300);
    --Component-Colors-Tag-red-bg: var(--Red-Ribbon-800);
    --Component-Colors-Tag-blue-fg: var(--Dodger-Blue-300);
    --Component-Colors-Tag-blue-bg: var(--Dodger-Blue-800);
    --Component-Colors-Chips-Primary-fg-disabled: var(--Gray-600);
    --Component-Colors-Chips-Primary-bg-default: var(--Gray-900);
    --Component-Colors-Chips-Primary-bg-hover: var(--Gray-800);
    --Component-Colors-Chips-Primary-bg-disabled: var(--Gray-800);
    --Component-Colors-Chips-Primary-border: var(--Gray-700);
    --Component-Colors-Chips-Primary-bg-select: var(--Basic-White);
    --Component-Colors-Chips-Primary-bg-select-disabled: var(--Gray-800);
    --Component-Colors-Popover-fg-default: var(--Gray-50);
    --Component-Colors-Popover-bg-default: var(--Gray-800);
    --Component-Colors-Popover-border: var(--Basic-None);
    --Component-Colors-Dropdown-fg-default: var(--Gray-50);
    --Component-Colors-Dropdown-fg-subtle: var(--Gray-300);
    --Component-Colors-Dropdown-fg-disabled: var(--Gray-600);
    --Component-Colors-Dropdown-bg-default: var(--Gray-800);
    --Component-Colors-Dropdown-bg-hover: var(--Gray-700);
    --Component-Colors-Dropdown-bg-bolder: var(--Opacity-White-8);
    --Component-Colors-Dropdown-Border: var(--Basic-None);
    --Component-Colors-Dropdown-Border-2: var(--Basic-None);
    --Component-Colors-Toast-fg-default: var(--Opacity-White-100);
    --Component-Colors-Toast-fg-subtle: var(--Opacity-White-60);
    --Component-Colors-Toast-bg-default: var(--Opacity-Black-50);
    --Component-Colors-Toast-Border: var(--Opacity-White-8);
    --Component-Colors-Selector-fg-default: var(--Gray-50);
    --Component-Colors-Selector-bg-default: var(--Gray-900);
    --Component-Colors-Selector-bg-hover: var(--Gray-800);
    --Component-Colors-Selector-bg-selected: var(--Maroon-Flush-Variant-50);
    --Component-Colors-Selector-border: var(--Gray-700);
    --Component-Colors-Selector-border-selected: var(--Maroon-Flush-500);
  }
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 320px){
  .\!container{
    max-width: 320px !important;
  }
  .container{
    max-width: 320px;
  }
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1440px){
  .\!container{
    max-width: 1440px !important;
  }
  .container{
    max-width: 1440px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
@media (min-width: 1690px){
  .\!container{
    max-width: 1690px !important;
  }
  .container{
    max-width: 1690px;
  }
}
@media (min-width: 1920px){
  .\!container{
    max-width: 1920px !important;
  }
  .container{
    max-width: 1920px;
  }
}
.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
  border-radius: 0;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose{
  --tw-prose-body: var(--Colors-Text-Default);
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: var(--Colors-Text-Default);
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-base{
  font-size: 1rem;
  line-height: 1.75;
}
.prose-base :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose-base :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose-base :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose-base :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose-base :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose-base :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose-base :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose-base :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose-base :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose-base :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-base :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose-base :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose-base :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
}
.prose-base :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
}
.prose-base :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}
.prose-base :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose-base :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose-base :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose-base :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose-base :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose-base :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose-base :where(.prose-base > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose-base :where(.prose-base > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose-base :where(.prose-base > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose-base :where(.prose-base > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose-base :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose-base :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose-base :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose-base :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose-base :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-base :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-base :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-base :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-base :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose-base :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose-base :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-base :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-base :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose-base :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-base :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-invert{
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
.scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.\!pointer-events-auto{
  pointer-events: auto !important;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.sticky{
  position: sticky;
}
.-inset-3{
  inset: -0.75rem;
}
.inset-0{
  inset: 0px;
}
.inset-3{
  inset: 0.75rem;
}
.inset-x-0{
  left: 0px;
  right: 0px;
}
.inset-x-3{
  left: 0.75rem;
  right: 0.75rem;
}
.inset-x-3\.5{
  left: 0.875rem;
  right: 0.875rem;
}
.inset-x-4{
  left: 1rem;
  right: 1rem;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.\!-left-\[10px\]{
  left: -10px !important;
}
.\!-right-\[10px\]{
  right: -10px !important;
}
.\!right-3{
  right: 0.75rem !important;
}
.\!right-\[-5px\]{
  right: -5px !important;
}
.\!right-\[-6px\]{
  right: -6px !important;
}
.\!top-3{
  top: 0.75rem !important;
}
.-bottom-1{
  bottom: -0.25rem;
}
.-bottom-12{
  bottom: -3rem;
}
.-bottom-\[3px\]{
  bottom: -3px;
}
.-left-12{
  left: -3rem;
}
.-left-4{
  left: -1rem;
}
.-right-1{
  right: -0.25rem;
}
.-right-1\.5{
  right: -0.375rem;
}
.-right-12{
  right: -3rem;
}
.-right-4{
  right: -1rem;
}
.-right-\[3px\]{
  right: -3px;
}
.-top-1\.5{
  top: -0.375rem;
}
.-top-12{
  top: -3rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-2\.5{
  top: -0.625rem;
}
.-top-\[8px\]{
  top: -8px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-1\.5{
  bottom: 0.375rem;
}
.bottom-11{
  bottom: 2.75rem;
}
.bottom-2{
  bottom: 0.5rem;
}
.bottom-24{
  bottom: 6rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-4{
  bottom: 1rem;
}
.bottom-5{
  bottom: 1.25rem;
}
.bottom-6{
  bottom: 1.5rem;
}
.bottom-\[-34px\]{
  bottom: -34px;
}
.bottom-\[-5px\]{
  bottom: -5px;
}
.bottom-\[22\%\]{
  bottom: 22%;
}
.bottom-\[26px\]{
  bottom: 26px;
}
.bottom-\[37px\]{
  bottom: 37px;
}
.bottom-\[38px\]{
  bottom: 38px;
}
.bottom-\[72px\]{
  bottom: 72px;
}
.bottom-\[80px\]{
  bottom: 80px;
}
.bottom-\[8px\]{
  bottom: 8px;
}
.left-0{
  left: 0px;
}
.left-0\.5{
  left: 0.125rem;
}
.left-1\.5{
  left: 0.375rem;
}
.left-1\/2{
  left: 50%;
}
.left-2{
  left: 0.5rem;
}
.left-3{
  left: 0.75rem;
}
.left-3\.5{
  left: 0.875rem;
}
.left-4{
  left: 1rem;
}
.left-6{
  left: 1.5rem;
}
.left-8{
  left: 2rem;
}
.left-\[-20px\]{
  left: -20px;
}
.left-\[13px\]{
  left: 13px;
}
.left-\[16px\]{
  left: 16px;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[2px\]{
  left: 2px;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-0\.5{
  right: 0.125rem;
}
.right-1{
  right: 0.25rem;
}
.right-1\.5{
  right: 0.375rem;
}
.right-14{
  right: 3.5rem;
}
.right-2{
  right: 0.5rem;
}
.right-3{
  right: 0.75rem;
}
.right-3\.5{
  right: 0.875rem;
}
.right-4{
  right: 1rem;
}
.right-5{
  right: 1.25rem;
}
.right-6{
  right: 1.5rem;
}
.right-8{
  right: 2rem;
}
.right-\[-8px\]{
  right: -8px;
}
.right-\[13px\]{
  right: 13px;
}
.right-\[16px\]{
  right: 16px;
}
.right-\[52px\]{
  right: 52px;
}
.right-\[8\.8\%\]{
  right: 8.8%;
}
.top-0{
  top: 0px;
}
.top-0\.5{
  top: 0.125rem;
}
.top-1{
  top: 0.25rem;
}
.top-1\.5{
  top: 0.375rem;
}
.top-1\/2{
  top: 50%;
}
.top-12{
  top: 3rem;
}
.top-14{
  top: 3.5rem;
}
.top-2{
  top: 0.5rem;
}
.top-3{
  top: 0.75rem;
}
.top-3\.5{
  top: 0.875rem;
}
.top-4{
  top: 1rem;
}
.top-5{
  top: 1.25rem;
}
.top-6{
  top: 1.5rem;
}
.top-7{
  top: 1.75rem;
}
.top-8{
  top: 2rem;
}
.top-\[-11px\]{
  top: -11px;
}
.top-\[-12\.5px\]{
  top: -12.5px;
}
.top-\[-48px\]{
  top: -48px;
}
.top-\[-5px\]{
  top: -5px;
}
.top-\[-60px\]{
  top: -60px;
}
.top-\[-6px\]{
  top: -6px;
}
.top-\[-8px\]{
  top: -8px;
}
.top-\[10\.4\%\]{
  top: 10.4%;
}
.top-\[180px\]{
  top: 180px;
}
.top-\[18px\]{
  top: 18px;
}
.top-\[1px\]{
  top: 1px;
}
.top-\[208px\]{
  top: 208px;
}
.top-\[26px\]{
  top: 26px;
}
.top-\[42\%\]{
  top: 42%;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[60\%\]{
  top: 60%;
}
.top-\[84px\]{
  top: 84px;
}
.top-full{
  top: 100%;
}
.isolate{
  isolation: isolate;
}
.z-0{
  z-index: 0;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[-1\]{
  z-index: -1;
}
.z-\[-2\]{
  z-index: -2;
}
.z-\[10000000\]{
  z-index: 10000000;
}
.z-\[1000001\]{
  z-index: 1000001;
}
.z-\[10000\]{
  z-index: 10000;
}
.z-\[1000\]{
  z-index: 1000;
}
.z-\[100\]{
  z-index: 100;
}
.z-\[101\]{
  z-index: 101;
}
.z-\[148\]{
  z-index: 148;
}
.z-\[149\]{
  z-index: 149;
}
.z-\[150\]{
  z-index: 150;
}
.z-\[1510\]{
  z-index: 1510;
}
.z-\[1\]{
  z-index: 1;
}
.z-\[2000\]{
  z-index: 2000;
}
.z-\[200\]{
  z-index: 200;
}
.z-\[201\]{
  z-index: 201;
}
.z-\[210\]{
  z-index: 210;
}
.z-\[211\]{
  z-index: 211;
}
.z-\[299\]{
  z-index: 299;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[300\]{
  z-index: 300;
}
.z-\[301\]{
  z-index: 301;
}
.z-\[3\]{
  z-index: 3;
}
.z-\[49\]{
  z-index: 49;
}
.z-\[50\]{
  z-index: 50;
}
.z-\[51\]{
  z-index: 51;
}
.z-\[52\]{
  z-index: 52;
}
.z-\[80\]{
  z-index: 80;
}
.z-\[998\]{
  z-index: 998;
}
.z-\[99997\]{
  z-index: 99997;
}
.z-\[99998\]{
  z-index: 99998;
}
.z-\[9999998\]{
  z-index: 9999998;
}
.z-\[999999\]{
  z-index: 999999;
}
.z-\[99999\]{
  z-index: 99999;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.z-\[99\]{
  z-index: 99;
}
.z-\[9\]{
  z-index: 9;
}
.order-1{
  order: 1;
}
.order-2{
  order: 2;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.float-right{
  float: right;
}
.\!m-0{
  margin: 0px !important;
}
.m-0{
  margin: 0px;
}
.m-0\.5{
  margin: 0.125rem;
}
.m-3{
  margin: 0.75rem;
}
.m-4{
  margin: 1rem;
}
.m-5{
  margin: 1.25rem;
}
.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}
.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.\!ml-auto{
  margin-left: auto !important;
}
.\!mr-auto{
  margin-right: auto !important;
}
.\!mt-3{
  margin-top: 0.75rem !important;
}
.-ml-1\.5{
  margin-left: -0.375rem;
}
.-ml-2{
  margin-left: -0.5rem;
}
.-ml-4{
  margin-left: -1rem;
}
.-ml-\[0\.5px\]{
  margin-left: -0.5px;
}
.-ml-\[7px\]{
  margin-left: -7px;
}
.-mt-2\.5{
  margin-top: -0.625rem;
}
.-mt-4{
  margin-top: -1rem;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-0\.5{
  margin-bottom: 0.125rem;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-1\.5{
  margin-bottom: 0.375rem;
}
.mb-10{
  margin-bottom: 2.5rem;
}
.mb-12{
  margin-bottom: 3rem;
}
.mb-16{
  margin-bottom: 4rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2\.5{
  margin-bottom: 0.625rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-3\.5{
  margin-bottom: 0.875rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-9{
  margin-bottom: 2.25rem;
}
.mb-\[128px\]{
  margin-bottom: 128px;
}
.mb-\[18px\]{
  margin-bottom: 18px;
}
.mb-\[52px\]{
  margin-bottom: 52px;
}
.mb-\[6px\]{
  margin-bottom: 6px;
}
.mb-\[76px\]{
  margin-bottom: 76px;
}
.ml-0{
  margin-left: 0px;
}
.ml-0\.5{
  margin-left: 0.125rem;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-1\.5{
  margin-left: 0.375rem;
}
.ml-14{
  margin-left: 3.5rem;
}
.ml-16{
  margin-left: 4rem;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-3{
  margin-left: 0.75rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-5{
  margin-left: 1.25rem;
}
.ml-\[22px\]{
  margin-left: 22px;
}
.ml-\[2px\]{
  margin-left: 2px;
}
.ml-auto{
  margin-left: auto;
}
.mr-0{
  margin-right: 0px;
}
.mr-0\.5{
  margin-right: 0.125rem;
}
.mr-1{
  margin-right: 0.25rem;
}
.mr-1\.5{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-\[-10px\]{
  margin-right: -10px;
}
.mr-\[2px\]{
  margin-right: 2px;
}
.mr-\[8px\]{
  margin-right: 8px;
}
.mt-0{
  margin-top: 0px;
}
.mt-0\.5{
  margin-top: 0.125rem;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-1\.5{
  margin-top: 0.375rem;
}
.mt-10{
  margin-top: 2.5rem;
}
.mt-11{
  margin-top: 2.75rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-20{
  margin-top: 5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-3\.5{
  margin-top: 0.875rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-5{
  margin-top: 1.25rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-7{
  margin-top: 1.75rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-9{
  margin-top: 2.25rem;
}
.mt-\[-90px\]{
  margin-top: -90px;
}
.mt-\[18px\]{
  margin-top: 18px;
}
.mt-\[22px\]{
  margin-top: 22px;
}
.mt-\[3px\]{
  margin-top: 3px;
}
.mt-\[5px\]{
  margin-top: 5px;
}
.mt-\[6px\]{
  margin-top: 6px;
}
.mt-\[6vw\]{
  margin-top: 6vw;
}
.mt-auto{
  margin-top: auto;
}
.mt-px{
  margin-top: 1px;
}
.line-clamp-1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.line-clamp-4{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.line-clamp-5{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.line-clamp-6{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.inline-grid{
  display: inline-grid;
}
.hidden{
  display: none;
}
.aspect-\[0\.86\]{
  aspect-ratio: 0.86;
}
.aspect-\[16\/10\]{
  aspect-ratio: 16/10;
}
.aspect-\[16\/9\]{
  aspect-ratio: 16/9;
}
.aspect-\[20\/20\]{
  aspect-ratio: 20/20;
}
.aspect-\[24\/24\]{
  aspect-ratio: 24/24;
}
.aspect-\[258\/159\]{
  aspect-ratio: 258/159;
}
.aspect-\[3\/3\.5\]{
  aspect-ratio: 3/3.5;
}
.aspect-\[3\/4\.3\]{
  aspect-ratio: 3/4.3;
}
.aspect-\[3\/4\]{
  aspect-ratio: 3/4;
}
.aspect-\[343\/164\]{
  aspect-ratio: 343/164;
}
.aspect-\[4\/1\]{
  aspect-ratio: 4/1;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3;
}
.aspect-\[4\/5\]{
  aspect-ratio: 4/5;
}
.aspect-\[5\/4\]{
  aspect-ratio: 5/4;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.aspect-video{
  aspect-ratio: 16 / 9;
}
.\!size-4{
  width: 1rem !important;
  height: 1rem !important;
}
.size-1{
  width: 0.25rem;
  height: 0.25rem;
}
.size-1\.5{
  width: 0.375rem;
  height: 0.375rem;
}
.size-10{
  width: 2.5rem;
  height: 2.5rem;
}
.size-11{
  width: 2.75rem;
  height: 2.75rem;
}
.size-12{
  width: 3rem;
  height: 3rem;
}
.size-14{
  width: 3.5rem;
  height: 3.5rem;
}
.size-16{
  width: 4rem;
  height: 4rem;
}
.size-2{
  width: 0.5rem;
  height: 0.5rem;
}
.size-2\.5{
  width: 0.625rem;
  height: 0.625rem;
}
.size-3{
  width: 0.75rem;
  height: 0.75rem;
}
.size-3\.5{
  width: 0.875rem;
  height: 0.875rem;
}
.size-4{
  width: 1rem;
  height: 1rem;
}
.size-5{
  width: 1.25rem;
  height: 1.25rem;
}
.size-6{
  width: 1.5rem;
  height: 1.5rem;
}
.size-7{
  width: 1.75rem;
  height: 1.75rem;
}
.size-8{
  width: 2rem;
  height: 2rem;
}
.size-9{
  width: 2.25rem;
  height: 2.25rem;
}
.size-\[10px\]{
  width: 10px;
  height: 10px;
}
.size-\[11px\]{
  width: 11px;
  height: 11px;
}
.size-\[13px\]{
  width: 13px;
  height: 13px;
}
.size-\[140px\]{
  width: 140px;
  height: 140px;
}
.size-\[15px\]{
  width: 15px;
  height: 15px;
}
.size-\[17px\]{
  width: 17px;
  height: 17px;
}
.size-\[18px\]{
  width: 18px;
  height: 18px;
}
.size-\[22px\]{
  width: 22px;
  height: 22px;
}
.size-\[26px\]{
  width: 26px;
  height: 26px;
}
.size-\[30px\]{
  width: 30px;
  height: 30px;
}
.size-\[34px\]{
  width: 34px;
  height: 34px;
}
.size-\[38px\]{
  width: 38px;
  height: 38px;
}
.size-\[42px\]{
  width: 42px;
  height: 42px;
}
.size-\[46px\]{
  width: 46px;
  height: 46px;
}
.size-\[52px\]{
  width: 52px;
  height: 52px;
}
.size-\[5px\]{
  width: 5px;
  height: 5px;
}
.size-\[6px\]{
  width: 6px;
  height: 6px;
}
.size-\[76px\]{
  width: 76px;
  height: 76px;
}
.size-\[7px\]{
  width: 7px;
  height: 7px;
}
.size-\[86px\]{
  width: 86px;
  height: 86px;
}
.size-full{
  width: 100%;
  height: 100%;
}
.\!h-2\.5{
  height: 0.625rem !important;
}
.\!h-4\.5{
  height: 1.125rem !important;
}
.\!h-5{
  height: 1.25rem !important;
}
.\!h-\[100\%\/3\]{
  height: 100%/3 !important;
}
.\!h-auto{
  height: auto !important;
}
.\!h-fit{
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-0{
  height: 0px;
}
.h-0\.5{
  height: 0.125rem;
}
.h-1{
  height: 0.25rem;
}
.h-1\.5{
  height: 0.375rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-13{
  height: 3.25rem;
}
.h-14{
  height: 3.5rem;
}
.h-15{
  height: 3.75rem;
}
.h-16{
  height: 4rem;
}
.h-18{
  height: 4.5rem;
}
.h-2{
  height: 0.5rem;
}
.h-2\.5{
  height: 0.625rem;
}
.h-2\/3{
  height: 66.666667%;
}
.h-20{
  height: 5rem;
}
.h-21{
  height: 5.25rem;
}
.h-24{
  height: 6rem;
}
.h-3{
  height: 0.75rem;
}
.h-3\.5{
  height: 0.875rem;
}
.h-30{
  height: 7.5rem;
}
.h-4{
  height: 1rem;
}
.h-4\.5{
  height: 1.125rem;
}
.h-40{
  height: 10rem;
}
.h-5{
  height: 1.25rem;
}
.h-5\.5{
  height: 1.375rem;
}
.h-6{
  height: 1.5rem;
}
.h-6\.5{
  height: 1.625rem;
}
.h-60{
  height: 15rem;
}
.h-64{
  height: 16rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-80{
  height: 20rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[0\.5px\]{
  height: 0.5px;
}
.h-\[100vh\]{
  height: 100vh;
}
.h-\[105px\]{
  height: 105px;
}
.h-\[108px\]{
  height: 108px;
}
.h-\[11px\]{
  height: 11px;
}
.h-\[120px\]{
  height: 120px;
}
.h-\[121px\]{
  height: 121px;
}
.h-\[124px\]{
  height: 124px;
}
.h-\[13\.5px\]{
  height: 13.5px;
}
.h-\[132px\]{
  height: 132px;
}
.h-\[13px\]{
  height: 13px;
}
.h-\[146px\]{
  height: 146px;
}
.h-\[14px\]{
  height: 14px;
}
.h-\[158px\]{
  height: 158px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[160px\]{
  height: 160px;
}
.h-\[161px\]{
  height: 161px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[187px\]{
  height: 187px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[19px\]{
  height: 19px;
}
.h-\[208px\]{
  height: 208px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[210px\]{
  height: 210px;
}
.h-\[21px\]{
  height: 21px;
}
.h-\[220px\]{
  height: 220px;
}
.h-\[222px\]{
  height: 222px;
}
.h-\[226px\]{
  height: 226px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[251px\]{
  height: 251px;
}
.h-\[256px\]{
  height: 256px;
}
.h-\[26px\]{
  height: 26px;
}
.h-\[282px\]{
  height: 282px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[296px\]{
  height: 296px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[32\%\]{
  height: 32%;
}
.h-\[324px\]{
  height: 324px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[340px\]{
  height: 340px;
}
.h-\[341px\]{
  height: 341px;
}
.h-\[34px\]{
  height: 34px;
}
.h-\[353px\]{
  height: 353px;
}
.h-\[35px\]{
  height: 35px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[420px\]{
  height: 420px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[437px\]{
  height: 437px;
}
.h-\[462px\]{
  height: 462px;
}
.h-\[46px\]{
  height: 46px;
}
.h-\[49px\]{
  height: 49px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[517px\]{
  height: 517px;
}
.h-\[52\.4\%\]{
  height: 52.4%;
}
.h-\[520px\]{
  height: 520px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[53px\]{
  height: 53px;
}
.h-\[54px\]{
  height: 54px;
}
.h-\[558px\]{
  height: 558px;
}
.h-\[56px\]{
  height: 56px;
}
.h-\[576px\]{
  height: 576px;
}
.h-\[58px\]{
  height: 58px;
}
.h-\[5px\]{
  height: 5px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[66px\]{
  height: 66px;
}
.h-\[68px\]{
  height: 68px;
}
.h-\[6px\]{
  height: 6px;
}
.h-\[720px\]{
  height: 720px;
}
.h-\[72px\]{
  height: 72px;
}
.h-\[76\.5px\]{
  height: 76.5px;
}
.h-\[76px\]{
  height: 76px;
}
.h-\[78px\]{
  height: 78px;
}
.h-\[80vh\]{
  height: 80vh;
}
.h-\[85vh\]{
  height: 85vh;
}
.h-\[86px\]{
  height: 86px;
}
.h-\[88px\]{
  height: 88px;
}
.h-\[90px\]{
  height: 90px;
}
.h-\[94px\]{
  height: 94px;
}
.h-\[96px\]{
  height: 96px;
}
.h-\[98px\]{
  height: 98px;
}
.h-\[9px\]{
  height: 9px;
}
.h-\[calc\(100\%\)\]{
  height: calc(100%);
}
.h-\[min\(352px\2c 98\.667vw\)\]{
  height: min(352px,98.667vw);
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
  height: var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height: var(--radix-select-trigger-height);
}
.h-auto{
  height: auto;
}
.h-dvh{
  height: 100dvh;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.h-screen{
  height: 100vh;
}
.\!max-h-\[700px\]{
  max-height: 700px !important;
}
.\!max-h-none{
  max-height: none !important;
}
.max-h-44{
  max-height: 11rem;
}
.max-h-60{
  max-height: 15rem;
}
.max-h-96{
  max-height: 24rem;
}
.max-h-\[100vh\]{
  max-height: 100vh;
}
.max-h-\[268px\]{
  max-height: 268px;
}
.max-h-\[286px\]{
  max-height: 286px;
}
.max-h-\[28px\]{
  max-height: 28px;
}
.max-h-\[292px\]{
  max-height: 292px;
}
.max-h-\[300px\]{
  max-height: 300px;
}
.max-h-\[320px\]{
  max-height: 320px;
}
.max-h-\[349px\]{
  max-height: 349px;
}
.max-h-\[368px\]{
  max-height: 368px;
}
.max-h-\[380px\]{
  max-height: 380px;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.max-h-\[40px\]{
  max-height: 40px;
}
.max-h-\[500px\]{
  max-height: 500px;
}
.max-h-\[586px\]{
  max-height: 586px;
}
.max-h-\[600px\]{
  max-height: 600px;
}
.max-h-\[666px\]{
  max-height: 666px;
}
.max-h-\[70\%\]{
  max-height: 70%;
}
.max-h-\[85vh\]{
  max-height: 85vh;
}
.max-h-\[90\%\]{
  max-height: 90%;
}
.max-h-\[90dvh\]{
  max-height: 90dvh;
}
.max-h-\[90vh\]{
  max-height: 90vh;
}
.max-h-\[calc\(100dvh-160px\)\]{
  max-height: calc(100dvh - 160px);
}
.max-h-\[calc\(100dvh-174px\)\]{
  max-height: calc(100dvh - 174px);
}
.max-h-\[calc\(100vh-32px\)\]{
  max-height: calc(100vh - 32px);
}
.max-h-\[calc\(100vh-60px\)\]{
  max-height: calc(100vh - 60px);
}
.max-h-\[calc\(85vh-60px\)\]{
  max-height: calc(85vh - 60px);
}
.max-h-dvh{
  max-height: 100dvh;
}
.max-h-full{
  max-height: 100%;
}
.max-h-none{
  max-height: none;
}
.max-h-screen{
  max-height: 100vh;
}
.min-h-0{
  min-height: 0px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-11{
  min-height: 2.75rem;
}
.min-h-12{
  min-height: 3rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-4{
  min-height: 1rem;
}
.min-h-6{
  min-height: 1.5rem;
}
.min-h-\[100px\]{
  min-height: 100px;
}
.min-h-\[120px\]{
  min-height: 120px;
}
.min-h-\[123px\]{
  min-height: 123px;
}
.min-h-\[128px\]{
  min-height: 128px;
}
.min-h-\[148px\]{
  min-height: 148px;
}
.min-h-\[156px\]{
  min-height: 156px;
}
.min-h-\[192px\]{
  min-height: 192px;
}
.min-h-\[200px\]{
  min-height: 200px;
}
.min-h-\[204px\]{
  min-height: 204px;
}
.min-h-\[220px\]{
  min-height: 220px;
}
.min-h-\[232px\]{
  min-height: 232px;
}
.min-h-\[240px\]{
  min-height: 240px;
}
.min-h-\[260px\]{
  min-height: 260px;
}
.min-h-\[280px\]{
  min-height: 280px;
}
.min-h-\[296px\]{
  min-height: 296px;
}
.min-h-\[336px\]{
  min-height: 336px;
}
.min-h-\[360px\]{
  min-height: 360px;
}
.min-h-\[420px\]{
  min-height: 420px;
}
.min-h-\[42px\]{
  min-height: 42px;
}
.min-h-\[520px\]{
  min-height: 520px;
}
.min-h-\[52px\]{
  min-height: 52px;
}
.min-h-\[60vh\]{
  min-height: 60vh;
}
.min-h-\[640px\]{
  min-height: 640px;
}
.min-h-\[66px\]{
  min-height: 66px;
}
.min-h-\[68px\]{
  min-height: 68px;
}
.min-h-\[706px\]{
  min-height: 706px;
}
.min-h-\[76px\]{
  min-height: 76px;
}
.min-h-\[82px\]{
  min-height: 82px;
}
.min-h-\[calc\(100vh-160px\)\]{
  min-height: calc(100vh - 160px);
}
.min-h-full{
  min-height: 100%;
}
.min-h-screen{
  min-height: 100vh;
}
.\!w-2\.5{
  width: 0.625rem !important;
}
.\!w-4\.5{
  width: 1.125rem !important;
}
.\!w-5{
  width: 1.25rem !important;
}
.\!w-\[100\%-32px\]{
  width: 100%-32px !important;
}
.\!w-\[100px\]{
  width: 100px !important;
}
.\!w-\[192px\]{
  width: 192px !important;
}
.\!w-\[343px\]{
  width: 343px !important;
}
.\!w-\[380px\]{
  width: 380px !important;
}
.\!w-\[420px\]{
  width: 420px !important;
}
.\!w-\[620px\]{
  width: 620px !important;
}
.\!w-\[90\%\]{
  width: 90% !important;
}
.\!w-\[calc\(\(100\%-24px\)\/3\.1\)\]{
  width: calc((100% - 24px) / 3.1) !important;
}
.\!w-\[calc\(100\%-64px\)\]{
  width: calc(100% - 64px) !important;
}
.\!w-\[min\(calc\(100vw-32px\)\2c 380px\)\]{
  width: min(calc(100vw - 32px),380px) !important;
}
.\!w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.\!w-full{
  width: 100% !important;
}
.\!w-screen{
  width: 100vw !important;
}
.w-0{
  width: 0px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-1{
  width: 0.25rem;
}
.w-1\.5{
  width: 0.375rem;
}
.w-1\/2{
  width: 50%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-13{
  width: 3.25rem;
}
.w-14{
  width: 3.5rem;
}
.w-16{
  width: 4rem;
}
.w-18{
  width: 4.5rem;
}
.w-19{
  width: 4.75rem;
}
.w-2{
  width: 0.5rem;
}
.w-2\.5{
  width: 0.625rem;
}
.w-2\/3{
  width: 66.666667%;
}
.w-20{
  width: 5rem;
}
.w-21{
  width: 5.25rem;
}
.w-24{
  width: 6rem;
}
.w-28{
  width: 7rem;
}
.w-3{
  width: 0.75rem;
}
.w-3\.5{
  width: 0.875rem;
}
.w-3\/4{
  width: 75%;
}
.w-30{
  width: 7.5rem;
}
.w-32{
  width: 8rem;
}
.w-36{
  width: 9rem;
}
.w-4{
  width: 1rem;
}
.w-4\.5{
  width: 1.125rem;
}
.w-4\/5{
  width: 80%;
}
.w-40{
  width: 10rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\.5{
  width: 1.375rem;
}
.w-56{
  width: 14rem;
}
.w-6{
  width: 1.5rem;
}
.w-6\.5{
  width: 1.625rem;
}
.w-60{
  width: 15rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-72{
  width: 18rem;
}
.w-8{
  width: 2rem;
}
.w-80{
  width: 20rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[100px\]{
  width: 100px;
}
.w-\[100vw\]{
  width: 100vw;
}
.w-\[101px\]{
  width: 101px;
}
.w-\[102px\]{
  width: 102px;
}
.w-\[104px\]{
  width: 104px;
}
.w-\[112\%\]{
  width: 112%;
}
.w-\[116px\]{
  width: 116px;
}
.w-\[11px\]{
  width: 11px;
}
.w-\[120px\]{
  width: 120px;
}
.w-\[127px\]{
  width: 127px;
}
.w-\[128px\]{
  width: 128px;
}
.w-\[132px\]{
  width: 132px;
}
.w-\[136px\]{
  width: 136px;
}
.w-\[13px\]{
  width: 13px;
}
.w-\[140px\]{
  width: 140px;
}
.w-\[142px\]{
  width: 142px;
}
.w-\[144px\]{
  width: 144px;
}
.w-\[146px\]{
  width: 146px;
}
.w-\[149px\]{
  width: 149px;
}
.w-\[14px\]{
  width: 14px;
}
.w-\[150px\]{
  width: 150px;
}
.w-\[154px\]{
  width: 154px;
}
.w-\[155px\]{
  width: 155px;
}
.w-\[15px\]{
  width: 15px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[168px\]{
  width: 168px;
}
.w-\[172px\]{
  width: 172px;
}
.w-\[176px\]{
  width: 176px;
}
.w-\[18px\]{
  width: 18px;
}
.w-\[190px\]{
  width: 190px;
}
.w-\[192px\]{
  width: 192px;
}
.w-\[194px\]{
  width: 194px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[200px\]{
  width: 200px;
}
.w-\[206px\]{
  width: 206px;
}
.w-\[210px\]{
  width: 210px;
}
.w-\[21px\]{
  width: 21px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[222px\]{
  width: 222px;
}
.w-\[22px\]{
  width: 22px;
}
.w-\[246px\]{
  width: 246px;
}
.w-\[25\%\]{
  width: 25%;
}
.w-\[258px\]{
  width: 258px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[261px\]{
  width: 261px;
}
.w-\[264px\]{
  width: 264px;
}
.w-\[265px\]{
  width: 265px;
}
.w-\[266px\]{
  width: 266px;
}
.w-\[280px\]{
  width: 280px;
}
.w-\[286px\]{
  width: 286px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[300px\]{
  width: 300px;
}
.w-\[308px\]{
  width: 308px;
}
.w-\[30px\]{
  width: 30px;
}
.w-\[310px\]{
  width: 310px;
}
.w-\[312px\]{
  width: 312px;
}
.w-\[340px\]{
  width: 340px;
}
.w-\[343px\]{
  width: 343px;
}
.w-\[34px\]{
  width: 34px;
}
.w-\[350px\]{
  width: 350px;
}
.w-\[351px\]{
  width: 351px;
}
.w-\[358px\]{
  width: 358px;
}
.w-\[35px\]{
  width: 35px;
}
.w-\[360px\]{
  width: 360px;
}
.w-\[363px\]{
  width: 363px;
}
.w-\[380px\]{
  width: 380px;
}
.w-\[384px\]{
  width: 384px;
}
.w-\[38px\]{
  width: 38px;
}
.w-\[390px\]{
  width: 390px;
}
.w-\[3px\]{
  width: 3px;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[454px\]{
  width: 454px;
}
.w-\[460px\]{
  width: 460px;
}
.w-\[46px\]{
  width: 46px;
}
.w-\[480px\]{
  width: 480px;
}
.w-\[49px\]{
  width: 49px;
}
.w-\[500px\]{
  width: 500px;
}
.w-\[50px\]{
  width: 50px;
}
.w-\[52\%\]{
  width: 52%;
}
.w-\[520px\]{
  width: 520px;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[546px\]{
  width: 546px;
}
.w-\[559px\]{
  width: 559px;
}
.w-\[56px\]{
  width: 56px;
}
.w-\[58\%\]{
  width: 58%;
}
.w-\[58px\]{
  width: 58px;
}
.w-\[5px\]{
  width: 5px;
}
.w-\[600px\]{
  width: 600px;
}
.w-\[62\%\]{
  width: 62%;
}
.w-\[620px\]{
  width: 620px;
}
.w-\[64\%\]{
  width: 64%;
}
.w-\[64px\]{
  width: 64px;
}
.w-\[662px\]{
  width: 662px;
}
.w-\[680px\]{
  width: 680px;
}
.w-\[72\%\]{
  width: 72%;
}
.w-\[720px\]{
  width: 720px;
}
.w-\[72px\]{
  width: 72px;
}
.w-\[736px\]{
  width: 736px;
}
.w-\[760px\]{
  width: 760px;
}
.w-\[76px\]{
  width: 76px;
}
.w-\[78\%\]{
  width: 78%;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[800px\]{
  width: 800px;
}
.w-\[82\%\]{
  width: 82%;
}
.w-\[82px\]{
  width: 82px;
}
.w-\[84\%\]{
  width: 84%;
}
.w-\[84px\]{
  width: 84px;
}
.w-\[86\%\]{
  width: 86%;
}
.w-\[86px\]{
  width: 86px;
}
.w-\[88\%\]{
  width: 88%;
}
.w-\[88px\]{
  width: 88px;
}
.w-\[90\%\]{
  width: 90%;
}
.w-\[92vw\]{
  width: 92vw;
}
.w-\[93px\]{
  width: 93px;
}
.w-\[96px\]{
  width: 96px;
}
.w-\[98px\]{
  width: 98px;
}
.w-\[9px\]{
  width: 9px;
}
.w-\[calc\(100\%-64px\)\]{
  width: calc(100% - 64px);
}
.w-\[min\(264px\2c 74vw\)\]{
  width: min(264px,74vw);
}
.w-\[min\(280px\2c 86vw\)\]{
  width: min(280px,86vw);
}
.w-\[min\(340px\2c 88vw\)\]{
  width: min(340px,88vw);
}
.w-\[min\(440px\2c calc\(100vw-32px\)\)\]{
  width: min(440px,calc(100vw - 32px));
}
.w-auto{
  width: auto;
}
.w-dvw{
  width: 100dvw;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.w-px{
  width: 1px;
}
.w-screen{
  width: 100vw;
}
.min-w-0{
  min-width: 0px;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-11{
  min-width: 2.75rem;
}
.min-w-18{
  min-width: 4.5rem;
}
.min-w-2{
  min-width: 0.5rem;
}
.min-w-24{
  min-width: 6rem;
}
.min-w-28{
  min-width: 7rem;
}
.min-w-32{
  min-width: 8rem;
}
.min-w-4{
  min-width: 1rem;
}
.min-w-7{
  min-width: 1.75rem;
}
.min-w-8{
  min-width: 2rem;
}
.min-w-9{
  min-width: 2.25rem;
}
.min-w-\[116px\]{
  min-width: 116px;
}
.min-w-\[117px\]{
  min-width: 117px;
}
.min-w-\[12rem\]{
  min-width: 12rem;
}
.min-w-\[140px\]{
  min-width: 140px;
}
.min-w-\[180px\]{
  min-width: 180px;
}
.min-w-\[200px\]{
  min-width: 200px;
}
.min-w-\[218px\]{
  min-width: 218px;
}
.min-w-\[286px\]{
  min-width: 286px;
}
.min-w-\[320px\]{
  min-width: 320px;
}
.min-w-\[46px\]{
  min-width: 46px;
}
.min-w-\[480px\]{
  min-width: 480px;
}
.min-w-\[500px\]{
  min-width: 500px;
}
.min-w-\[52px\]{
  min-width: 52px;
}
.min-w-\[8rem\]{
  min-width: 8rem;
}
.min-w-\[92px\]{
  min-width: 92px;
}
.min-w-\[96px\]{
  min-width: 96px;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width: var(--radix-select-trigger-width);
}
.min-w-fit{
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.min-w-max{
  min-width: -moz-max-content;
  min-width: max-content;
}
.\!max-w-\[380px\]{
  max-width: 380px !important;
}
.\!max-w-none{
  max-width: none !important;
}
.max-w-4xl{
  max-width: 56rem;
}
.max-w-56{
  max-width: 14rem;
}
.max-w-5xl{
  max-width: 64rem;
}
.max-w-6xl{
  max-width: 72rem;
}
.max-w-72{
  max-width: 18rem;
}
.max-w-7xl{
  max-width: 80rem;
}
.max-w-96{
  max-width: 24rem;
}
.max-w-\[1000px\]{
  max-width: 1000px;
}
.max-w-\[1006px\]{
  max-width: 1006px;
}
.max-w-\[1120px\]{
  max-width: 1120px;
}
.max-w-\[1200px\]{
  max-width: 1200px;
}
.max-w-\[1240px\]{
  max-width: 1240px;
}
.max-w-\[1280px\]{
  max-width: 1280px;
}
.max-w-\[1312px\]{
  max-width: 1312px;
}
.max-w-\[1328px\]{
  max-width: 1328px;
}
.max-w-\[1440px\]{
  max-width: 1440px;
}
.max-w-\[146px\]{
  max-width: 146px;
}
.max-w-\[178px\]{
  max-width: 178px;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[1920px\]{
  max-width: 1920px;
}
.max-w-\[199px\]{
  max-width: 199px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[231px\]{
  max-width: 231px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[253px\]{
  max-width: 253px;
}
.max-w-\[260px\]{
  max-width: 260px;
}
.max-w-\[264px\]{
  max-width: 264px;
}
.max-w-\[280px\]{
  max-width: 280px;
}
.max-w-\[286px\]{
  max-width: 286px;
}
.max-w-\[300px\]{
  max-width: 300px;
}
.max-w-\[308px\]{
  max-width: 308px;
}
.max-w-\[309px\]{
  max-width: 309px;
}
.max-w-\[310px\]{
  max-width: 310px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[324px\]{
  max-width: 324px;
}
.max-w-\[360px\]{
  max-width: 360px;
}
.max-w-\[380px\]{
  max-width: 380px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[420px\]{
  max-width: 420px;
}
.max-w-\[432px\]{
  max-width: 432px;
}
.max-w-\[452px\]{
  max-width: 452px;
}
.max-w-\[454px\]{
  max-width: 454px;
}
.max-w-\[460px\]{
  max-width: 460px;
}
.max-w-\[480px\]{
  max-width: 480px;
}
.max-w-\[513px\]{
  max-width: 513px;
}
.max-w-\[520px\]{
  max-width: 520px;
}
.max-w-\[532px\]{
  max-width: 532px;
}
.max-w-\[540px\]{
  max-width: 540px;
}
.max-w-\[560px\]{
  max-width: 560px;
}
.max-w-\[596px\]{
  max-width: 596px;
}
.max-w-\[600px\]{
  max-width: 600px;
}
.max-w-\[620px\]{
  max-width: 620px;
}
.max-w-\[622px\]{
  max-width: 622px;
}
.max-w-\[640px\]{
  max-width: 640px;
}
.max-w-\[680px\]{
  max-width: 680px;
}
.max-w-\[70\%\]{
  max-width: 70%;
}
.max-w-\[720px\]{
  max-width: 720px;
}
.max-w-\[736px\]{
  max-width: 736px;
}
.max-w-\[760px\]{
  max-width: 760px;
}
.max-w-\[762px\]{
  max-width: 762px;
}
.max-w-\[80px\]{
  max-width: 80px;
}
.max-w-\[88\%\]{
  max-width: 88%;
}
.max-w-\[90\%\]{
  max-width: 90%;
}
.max-w-\[90vw\]{
  max-width: 90vw;
}
.max-w-\[920px\]{
  max-width: 920px;
}
.max-w-\[calc\(100\%-4rem\)\]{
  max-width: calc(100% - 4rem);
}
.max-w-\[calc\(100vw-64px\)\]{
  max-width: calc(100vw - 64px);
}
.max-w-\[min\(460px\2c 84vw\)\]{
  max-width: min(460px,84vw);
}
.max-w-\[min\(calc\(100vw-96px\)\2c 540px\)\]{
  max-width: min(calc(100vw - 96px),540px);
}
.max-w-fit{
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.max-w-full{
  max-width: 100%;
}
.max-w-lg{
  max-width: 32rem;
}
.max-w-max{
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-md{
  max-width: 28rem;
}
.max-w-none{
  max-width: none;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-\[0_0_auto\]{
  flex: 0 0 auto;
}
.flex-\[1\.05\]{
  flex: 1.05;
}
.flex-none{
  flex: none;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink{
  flex-shrink: 1;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.flex-grow-0{
  flex-grow: 0;
}
.grow{
  flex-grow: 1;
}
.grow-0{
  flex-grow: 0;
}
.basis-1{
  flex-basis: 0.25rem;
}
.basis-\[calc\(\(100cqw-3\*1rem\)\/4\)\]{
  flex-basis: calc((100cqw - 3 * 1rem) / 4);
}
.basis-\[calc\(50\%-4px\)\]{
  flex-basis: calc(50% - 4px);
}
.basis-full{
  flex-basis: 100%;
}
.caption-bottom{
  caption-side: bottom;
}
.border-collapse{
  border-collapse: collapse;
}
.origin-left{
  transform-origin: left;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-3{
  --tw-translate-x: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0\.5{
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-10{
  --tw-translate-y: -2.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-12px\]{
  --tw-translate-x: -12px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-3\]{
  --tw-translate-x: -3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\.5{
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3{
  --tw-translate-y: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full{
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45{
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-110{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!animate-none{
  animation: none !important;
}
.animate-\[sexy-chat-build-dot_1s_ease-in-out_infinite\]{
  animation: sexy-chat-build-dot 1s ease-in-out infinite;
}
.animate-\[sexy-chat-build-pulse_2\.4s_ease-in-out_infinite\]{
  animation: sexy-chat-build-pulse 2.4s ease-in-out infinite;
}
.animate-\[sexy-chat-build-shimmer_1\.8s_linear_infinite\]{
  animation: sexy-chat-build-shimmer 1.8s linear infinite;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite;
}
.\!cursor-not-allowed{
  cursor: not-allowed !important;
}
.cursor-default{
  cursor: default;
}
.cursor-ew-resize{
  cursor: ew-resize;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-text{
  cursor: text;
}
.\!touch-auto{
  touch-action: auto !important;
}
.touch-none{
  touch-action: none;
}
.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.\!select-text{
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}
.resize-none{
  resize: none;
}
.resize-y{
  resize: vertical;
}
.resize{
  resize: both;
}
.snap-x{
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory{
  --tw-scroll-snap-strictness: mandatory;
}
.snap-center{
  scroll-snap-align: center;
}
.list-decimal{
  list-style-type: decimal;
}
.list-disc{
  list-style-type: disc;
}
.list-none{
  list-style-type: none;
}
.grid-flow-col{
  grid-auto-flow: column;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[56px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: 56px minmax(0,1fr);
}
.grid-cols-\[60px_minmax\(0\2c 1fr\)_60px_128px\]{
  grid-template-columns: 60px minmax(0,1fr) 60px 128px;
}
.grid-cols-\[auto_minmax\(0\2c 1fr\)_auto\]{
  grid-template-columns: auto minmax(0,1fr) auto;
}
.grid-cols-\[minmax\(0\2c 1fr\)_72px_minmax\(0\2c 1fr\)\]{
  grid-template-columns: minmax(0,1fr) 72px minmax(0,1fr);
}
.grid-cols-\[repeat\(4\2c minmax\(0\2c 1fr\)\)\]{
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.flex-row{
  flex-direction: row;
}
.flex-row-reverse{
  flex-direction: row-reverse;
}
.flex-col{
  flex-direction: column;
}
.flex-col-reverse{
  flex-direction: column-reverse;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-nowrap{
  flex-wrap: nowrap;
}
.content-center{
  align-content: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-baseline{
  align-items: baseline;
}
.items-stretch{
  align-items: stretch;
}
.\!justify-start{
  justify-content: flex-start !important;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-items-center{
  justify-items: center;
}
.gap-0{
  gap: 0px;
}
.gap-0\.5{
  gap: 0.125rem;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-14{
  gap: 3.5rem;
}
.gap-16{
  gap: 4rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-24{
  gap: 6rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-3\.5{
  gap: 0.875rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-7{
  gap: 1.75rem;
}
.gap-8{
  gap: 2rem;
}
.gap-9{
  gap: 2.25rem;
}
.gap-\[-2px\]{
  gap: -2px;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-\[128px\]{
  gap: 128px;
}
.gap-\[18px\]{
  gap: 18px;
}
.gap-\[2px\]{
  gap: 2px;
}
.gap-\[3px\]{
  gap: 3px;
}
.gap-\[5\.5px\]{
  gap: 5.5px;
}
.gap-\[5px\]{
  gap: 5px;
}
.gap-\[6px\]{
  gap: 6px;
}
.gap-\[7px\]{
  gap: 7px;
}
.gap-\[9px\]{
  gap: 9px;
}
.gap-px{
  gap: 1px;
}
.gap-x-1\.5{
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
}
.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.gap-x-2\.5{
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}
.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.gap-y-1{
  row-gap: 0.25rem;
}
.gap-y-1\.5{
  row-gap: 0.375rem;
}
.gap-y-2{
  row-gap: 0.5rem;
}
.gap-y-3{
  row-gap: 0.75rem;
}
.gap-y-5{
  row-gap: 1.25rem;
}
.gap-y-6{
  row-gap: 1.5rem;
}
.gap-y-8{
  row-gap: 2rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.self-start{
  align-self: flex-start;
}
.self-end{
  align-self: flex-end;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-clip{
  overflow: clip;
}
.\!overflow-visible{
  overflow: visible !important;
}
.overflow-visible{
  overflow: visible;
}
.overflow-scroll{
  overflow: scroll;
}
.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.overscroll-contain{
  overscroll-behavior: contain;
}
.scroll-smooth{
  scroll-behavior: smooth;
}
.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.text-clip{
  text-overflow: clip;
}
.whitespace-normal{
  white-space: normal;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-line{
  white-space: pre-line;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-wrap{
  text-wrap: wrap;
}
.text-nowrap{
  text-wrap: nowrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-full{
  border-radius: 9999px !important;
}
.\!rounded-md{
  border-radius: 0.5rem !important;
}
.\!rounded-none{
  border-radius: 0px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.25rem;
}
.rounded-4xl{
  border-radius: 1.5rem;
}
.rounded-5xl{
  border-radius: 1.75rem;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-\[12px\]{
  border-radius: 12px;
}
.rounded-\[14px\]{
  border-radius: 14px;
}
.rounded-\[16px\]{
  border-radius: 16px;
}
.rounded-\[17px\]{
  border-radius: 17px;
}
.rounded-\[18px\]{
  border-radius: 18px;
}
.rounded-\[20px\]{
  border-radius: 20px;
}
.rounded-\[22px\]{
  border-radius: 22px;
}
.rounded-\[24px\]{
  border-radius: 24px;
}
.rounded-\[28px\]{
  border-radius: 28px;
}
.rounded-\[2px\]{
  border-radius: 2px;
}
.rounded-\[3px\]{
  border-radius: 3px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[5px\]{
  border-radius: 5px;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-\[99px\]{
  border-radius: 99px;
}
.rounded-\[9px\]{
  border-radius: 9px;
}
.rounded-\[inherit\]{
  border-radius: inherit;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.625rem;
}
.rounded-md{
  border-radius: 0.5rem;
}
.rounded-none{
  border-radius: 0px;
}
.rounded-sm{
  border-radius: 0.375rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-xs{
  border-radius: 0.25rem;
}
.rounded-xxs{
  border-radius: 0.125rem;
}
.rounded-b-\[56px\]{
  border-bottom-right-radius: 56px;
  border-bottom-left-radius: 56px;
}
.rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.rounded-t-\[22px\]{
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
}
.rounded-t-\[32px\]{
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.rounded-t-full{
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.rounded-t-lg{
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.rounded-t-md{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-none{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-bl-\[5px\]{
  border-bottom-left-radius: 5px;
}
.rounded-br-\[5px\]{
  border-bottom-right-radius: 5px;
}
.rounded-tl-sm{
  border-top-left-radius: 0.375rem;
}
.\!border{
  border-width: 1px !important;
}
.\!border-0{
  border-width: 0px !important;
}
.\!border-\[0\.5px\]{
  border-width: 0.5px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[0\.3px\]{
  border-width: 0.3px;
}
.border-\[0\.5px\]{
  border-width: 0.5px;
}
.border-\[1\.5px\]{
  border-width: 1.5px;
}
.border-\[2px\]{
  border-width: 2px;
}
.border-\[3px\]{
  border-width: 3px;
}
.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-\[0\.3px\]{
  border-bottom-width: 0.3px;
}
.border-b-\[0\.5px\]{
  border-bottom-width: 0.5px;
}
.border-l{
  border-left-width: 1px;
}
.border-r{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-t-0{
  border-top-width: 0px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.\!border-none{
  border-style: none !important;
}
.border-none{
  border-style: none;
}
.\!border-Colors-Border-Critical{
  border-color: var(--Colors-Border-Critical) !important;
}
.\!border-Colors-Border-Hover{
  border-color: var(--Colors-Border-Hover) !important;
}
.\!border-Colors-Marketing-Purple-Heart-500{
  border-color: var(--Colors-Marketing-Purple-Heart-500) !important;
}
.\!border-transparent{
  border-color: transparent !important;
}
.border-Colors-Alpha-Black-8{
  border-color: var(--Colors-Alpha-Black-8);
}
.border-Colors-Alpha-White-20{
  border-color: var(--Colors-Alpha-White-20);
}
.border-Colors-Beta-Black-20{
  border-color: var(--Colors-Beta-Black-20);
}
.border-Colors-Beta-White-100{
  border-color: var(--Colors-Beta-White-100);
}
.border-Colors-Beta-White-12{
  border-color: var(--Colors-Beta-White-12);
}
.border-Colors-Beta-White-16{
  border-color: var(--Colors-Beta-White-16);
}
.border-Colors-Beta-White-3{
  border-color: var(--Colors-Beta-White-3);
}
.border-Colors-Beta-White-30{
  border-color: var(--Colors-Beta-White-30);
}
.border-Colors-Beta-White-40{
  border-color: var(--Colors-Beta-White-40);
}
.border-Colors-Beta-White-5{
  border-color: var(--Colors-Beta-White-5);
}
.border-Colors-Beta-White-8{
  border-color: var(--Colors-Beta-White-8);
}
.border-Colors-Beta-White-95{
  border-color: var(--Colors-Beta-White-95);
}
.border-Colors-Border-Active{
  border-color: var(--Colors-Border-Active);
}
.border-Colors-Border-Alt{
  border-color: var(--Colors-Border-Alt);
}
.border-Colors-Border-Bolder{
  border-color: var(--Colors-Border-Bolder);
}
.border-Colors-Border-Brand{
  border-color: var(--Colors-Border-Brand);
}
.border-Colors-Border-Critical{
  border-color: var(--Colors-Border-Critical);
}
.border-Colors-Border-Default{
  border-color: var(--Colors-Border-Default);
}
.border-Colors-Border-Opaque{
  border-color: var(--Colors-Border-Opaque);
}
.border-Colors-Border-Static{
  border-color: var(--Colors-Border-Static);
}
.border-Colors-Foreground-Brand-Default{
  border-color: var(--Colors-Foreground-Brand-Default);
}
.border-Colors-Foreground-Subtle{
  border-color: var(--Colors-Foreground-Subtle);
}
.border-Colors-Marketing-Candlelight-500{
  border-color: var(--Colors-Marketing-Candlelight-500);
}
.border-Colors-Marketing-Candlelight-950{
  border-color: var(--Colors-Marketing-Candlelight-950);
}
.border-Colors-Marketing-Crusta-950{
  border-color: var(--Colors-Marketing-Crusta-950);
}
.border-Colors-Utility-Gray-10{
  border-color: var(--Colors-Utility-Gray-10);
}
.border-Colors-Utility-Khaki-10{
  border-color: var(--Colors-Utility-Khaki-10);
}
.border-Colors-Utility-Lake-Blue-10{
  border-color: var(--Colors-Utility-Lake-Blue-10);
}
.border-Colors-Utility-Lake-Blue-40{
  border-color: var(--Colors-Utility-Lake-Blue-40);
}
.border-\[\#060304\]{
  --tw-border-opacity: 1;
  border-color: rgb(6 3 4 / var(--tw-border-opacity, 1));
}
.border-\[\#0A0A0A\]{
  --tw-border-opacity: 1;
  border-color: rgb(10 10 10 / var(--tw-border-opacity, 1));
}
.border-\[\#1d1c1f\]{
  --tw-border-opacity: 1;
  border-color: rgb(29 28 31 / var(--tw-border-opacity, 1));
}
.border-\[\#242426\]{
  --tw-border-opacity: 1;
  border-color: rgb(36 36 38 / var(--tw-border-opacity, 1));
}
.border-\[\#2a2a2a\]{
  --tw-border-opacity: 1;
  border-color: rgb(42 42 42 / var(--tw-border-opacity, 1));
}
.border-\[\#303030\]{
  --tw-border-opacity: 1;
  border-color: rgb(48 48 48 / var(--tw-border-opacity, 1));
}
.border-\[\#313133\]{
  --tw-border-opacity: 1;
  border-color: rgb(49 49 51 / var(--tw-border-opacity, 1));
}
.border-\[\#5C5C5C\]{
  --tw-border-opacity: 1;
  border-color: rgb(92 92 92 / var(--tw-border-opacity, 1));
}
.border-\[\#68676c\]{
  --tw-border-opacity: 1;
  border-color: rgb(104 103 108 / var(--tw-border-opacity, 1));
}
.border-\[\#8962f6\]{
  --tw-border-opacity: 1;
  border-color: rgb(137 98 246 / var(--tw-border-opacity, 1));
}
.border-\[\#910d27\]{
  --tw-border-opacity: 1;
  border-color: rgb(145 13 39 / var(--tw-border-opacity, 1));
}
.border-\[\#EC2B65\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 43 101 / var(--tw-border-opacity, 1));
}
.border-\[\#EC2B65\]\/25{
  border-color: rgb(236 43 101 / 0.25);
}
.border-\[\#EC2B65\]\/35{
  border-color: rgb(236 43 101 / 0.35);
}
.border-\[\#EC2B65\]\/55{
  border-color: rgb(236 43 101 / 0.55);
}
.border-\[\#EC2B65\]\/70{
  border-color: rgb(236 43 101 / 0.7);
}
.border-\[\#EC5F47\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 95 71 / var(--tw-border-opacity, 1));
}
.border-\[\#F3D42D\]{
  --tw-border-opacity: 1;
  border-color: rgb(243 212 45 / var(--tw-border-opacity, 1));
}
.border-\[\#FDDF1A\]{
  --tw-border-opacity: 1;
  border-color: rgb(253 223 26 / var(--tw-border-opacity, 1));
}
.border-\[\#ec2b65\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 43 101 / var(--tw-border-opacity, 1));
}
.border-\[\#ec2b65\]\/30{
  border-color: rgb(236 43 101 / 0.3);
}
.border-\[\#ec2b65\]\/35{
  border-color: rgb(236 43 101 / 0.35);
}
.border-\[\#ec2b65\]\/40{
  border-color: rgb(236 43 101 / 0.4);
}
.border-\[\#ec2b65\]\/45{
  border-color: rgb(236 43 101 / 0.45);
}
.border-\[\#ec2b65\]\/\[0\.18\]{
  border-color: rgb(236 43 101 / 0.18);
}
.border-\[\#ececed\]{
  --tw-border-opacity: 1;
  border-color: rgb(236 236 237 / var(--tw-border-opacity, 1));
}
.border-\[\#f0f0f1\]{
  --tw-border-opacity: 1;
  border-color: rgb(240 240 241 / var(--tw-border-opacity, 1));
}
.border-\[\#f5c54233\]{
  border-color: #f5c54233;
}
.border-\[\#f5f5f6\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 246 / var(--tw-border-opacity, 1));
}
.border-\[\#fddf1a\]\/35{
  border-color: rgb(253 223 26 / 0.35);
}
.border-\[\#fddf1a\]\/40{
  border-color: rgb(253 223 26 / 0.4);
}
.border-\[\#ff8095\]\/45{
  border-color: rgb(255 128 149 / 0.45);
}
.border-\[\#ffb020\]\/40{
  border-color: rgb(255 176 32 / 0.4);
}
.border-\[\#ffe600\]\/20{
  border-color: rgb(255 230 0 / 0.2);
}
.border-\[\#fff2b6\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 242 182 / var(--tw-border-opacity, 1));
}
.border-\[rgba\(107\2c 70\2c 193\2c 0\.3\)\]{
  border-color: rgba(107,70,193,0.3);
}
.border-\[rgba\(233\2c 30\2c 99\2c 0\.18\)\]{
  border-color: rgba(233,30,99,0.18);
}
.border-\[rgba\(236\2c 43\2c 101\2c 0\.24\)\]{
  border-color: rgba(236,43,101,0.24);
}
.border-\[rgba\(244\2c 179\2c 53\2c 0\.34\)\]{
  border-color: rgba(244,179,53,0.34);
}
.border-\[rgba\(255\2c 210\2c 61\2c 0\.18\)\]{
  border-color: rgba(255,210,61,0.18);
}
.border-\[rgba\(255\2c 210\2c 61\2c 0\.42\)\]{
  border-color: rgba(255,210,61,0.42);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]{
  border-color: rgba(255,255,255,0.08);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.12\)\]{
  border-color: rgba(255,255,255,0.12);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.14\)\]{
  border-color: rgba(255,255,255,0.14);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.2\)\]{
  border-color: rgba(255,255,255,0.2);
}
.border-\[rgba\(255\2c 255\2c 255\2c 0\.22\)\]{
  border-color: rgba(255,255,255,0.22);
}
.border-\[var\(--Colors-Alpha-White-8\)\]{
  border-color: var(--Colors-Alpha-White-8);
}
.border-\[var\(--Colors-Background-Neutral-On-Surface-Alt\)\]{
  border-color: var(--Colors-Background-Neutral-On-Surface-Alt);
}
.border-\[var\(--Maroon-Flush-400\)\]{
  border-color: var(--Maroon-Flush-400);
}
.border-\[var\(--pg-blush\)\]{
  border-color: var(--pg-blush);
}
.border-\[var\(--pg-line\)\]{
  border-color: var(--pg-line);
}
.border-\[var\(--pg-line-2\)\]{
  border-color: var(--pg-line-2);
}
.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-cc-Button-Brand-bg-default{
  border-color: var(--Component-Colors-Button-Brand-bg-default);
}
.border-cc-Button-Error-Secondary-border-default{
  border-color: var(--Component-Colors-Button-Error-Secondary-border-default);
}
.border-cc-Button-Ghost-border-default{
  border-color: var(--Component-Colors-Button-Ghost-border);
}
.border-cc-Button-Opacity-border{
  border-color: var(--Component-Colors-Button-Opacity-border);
}
.border-cc-Button-Secondary-border-default{
  border-color: var(--Component-Colors-Button-Secondary-border-default);
}
.border-cc-Button-Static-border-default{
  border-color: var(--Component-Colors-Button-Static-border-default);
}
.border-cc-Chat-Tips-border-alert{
  border-color: var(--Component-Colors-Chat-Tips-border-alert);
}
.border-cc-Chat-Tips-border-error{
  border-color: var(--Component-Colors-Chat-Tips-border-error);
}
.border-cc-Chat-Tips-border-info{
  border-color: var(--Component-Colors-Chat-Tips-border-info);
}
.border-cc-Check-Box-bg-default{
  border-color: var(--Component-Colors-Check-Box-bg-default);
}
.border-cc-Check-Box-border-default{
  border-color: var(--Component-Colors-Check-Box-border-default);
}
.border-cc-Chips-Primary-border-default{
  border-color: var(--Component-Colors-Chips-Primary-border-default);
}
.border-cc-Dropdown-border{
  border-color: var(--Component-Colors-Dropdown-Border);
}
.border-cc-Energy-border-default{
  border-color: var(--Component-Colors-Energy-border-default);
}
.border-cc-Input-bg-default{
  border-color: var(--Component-Colors-Input-bg-default);
}
.border-cc-Input-border-default{
  border-color: var(--Component-Colors-Input-border-default);
}
.border-cc-Popover-border{
  border-color: var(--Component-Colors-Popover-border);
}
.border-cc-Toast-border{
  border-color: var(--Component-Colors-Toast-Border);
}
.border-cc-Tooltip-border-default{
  border-color: var(--Component-Colors-Tooltip-border-default);
}
.border-slate-200{
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-transparent{
  border-color: transparent;
}
.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/15{
  border-color: rgb(255 255 255 / 0.15);
}
.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/60{
  border-color: rgb(255 255 255 / 0.6);
}
.border-white\/\[0\.06\]{
  border-color: rgb(255 255 255 / 0.06);
}
.border-white\/\[0\.08\]{
  border-color: rgb(255 255 255 / 0.08);
}
.border-white\/\[0\.10\]{
  border-color: rgb(255 255 255 / 0.10);
}
.border-white\/\[0\.12\]{
  border-color: rgb(255 255 255 / 0.12);
}
.border-white\/\[0\.14\]{
  border-color: rgb(255 255 255 / 0.14);
}
.border-white\/\[0\.18\]{
  border-color: rgb(255 255 255 / 0.18);
}
.border-white\/\[0\.22\]{
  border-color: rgb(255 255 255 / 0.22);
}
.border-b-Colors-Border-Default{
  border-bottom-color: var(--Colors-Border-Default);
}
.border-l-transparent{
  border-left-color: transparent;
}
.border-r-Colors-Border-Default{
  border-right-color: var(--Colors-Border-Default);
}
.border-r-\[\#ec2b65\]{
  --tw-border-opacity: 1;
  border-right-color: rgb(236 43 101 / var(--tw-border-opacity, 1));
}
.border-t-Colors-Utility-Lake-Blue-50{
  border-top-color: var(--Colors-Utility-Lake-Blue-50);
}
.border-t-\[\#ec2b65\]{
  --tw-border-opacity: 1;
  border-top-color: rgb(236 43 101 / var(--tw-border-opacity, 1));
}
.border-t-transparent{
  border-top-color: transparent;
}
.\!bg-Colors-Alpha-White-5{
  background-color: var(--Colors-Alpha-White-5) !important;
}
.\!bg-Colors-Background-Info-Alt{
  background-color: var(--Colors-Background-Info-Alt) !important;
}
.\!bg-Colors-Background-Normal-Primary-Default{
  background-color: var(--Colors-Background-Normal-Primary-Default) !important;
}
.\!bg-Colors-Background-Utilities-Modal{
  background-color: var(--Colors-Background-Utilities-Modal) !important;
}
.\!bg-\[\#2A0712\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(42 7 18 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-\[\#EC2B65\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(236 43 101 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-\[\#EC2B65\]\/15{
  background-color: rgb(236 43 101 / 0.15) !important;
}
.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-transparent{
  background-color: transparent !important;
}
.bg-Colors-Alpha-Black-100{
  background-color: var(--Colors-Alpha-Black-100);
}
.bg-Colors-Alpha-Black-12{
  background-color: var(--Colors-Alpha-Black-12);
}
.bg-Colors-Alpha-Black-16{
  background-color: var(--Colors-Alpha-Black-16);
}
.bg-Colors-Alpha-Black-20{
  background-color: var(--Colors-Alpha-Black-20);
}
.bg-Colors-Alpha-Black-3{
  background-color: var(--Colors-Alpha-Black-3);
}
.bg-Colors-Alpha-Black-5{
  background-color: var(--Colors-Alpha-Black-5);
}
.bg-Colors-Alpha-Black-8{
  background-color: var(--Colors-Alpha-Black-8);
}
.bg-Colors-Alpha-White-3{
  background-color: var(--Colors-Alpha-White-3);
}
.bg-Colors-Alpha-White-30{
  background-color: var(--Colors-Alpha-White-30);
}
.bg-Colors-Alpha-White-5{
  background-color: var(--Colors-Alpha-White-5);
}
.bg-Colors-Alpha-White-70{
  background-color: var(--Colors-Alpha-White-70);
}
.bg-Colors-Alpha-White-8{
  background-color: var(--Colors-Alpha-White-8);
}
.bg-Colors-Background-Brand-Alt{
  background-color: var(--Colors-Background-Brand-Alt);
}
.bg-Colors-Background-Brand-Bolder{
  background-color: var(--Colors-Background-Brand-Bolder);
}
.bg-Colors-Background-Brand-Default{
  background-color: var(--Colors-Background-Brand-Default);
}
.bg-Colors-Background-Critical-Alt{
  background-color: var(--Colors-Background-Critical-Alt);
}
.bg-Colors-Background-Critical-Default{
  background-color: var(--Colors-Background-Critical-Default);
}
.bg-Colors-Background-Critical-Subtle{
  background-color: var(--Colors-Background-Critical-Subtle);
}
.bg-Colors-Background-Info-Default{
  background-color: var(--Colors-Background-Info-Default);
}
.bg-Colors-Background-Neutral-On-Surface-Default{
  background-color: var(--Colors-Background-Neutral-On-Surface-Default);
}
.bg-Colors-Background-Neutral-On-Surface-Hover{
  background-color: var(--Colors-Background-Neutral-On-Surface-Hover);
}
.bg-Colors-Background-Neutral-Primary-Active{
  background-color: var(--Colors-Background-Neutral-Primary-Active);
}
.bg-Colors-Background-Neutral-Primary-Default{
  background-color: var(--Colors-Background-Neutral-Primary-Default);
}
.bg-Colors-Background-Neutral-Primary-Hover{
  background-color: var(--Colors-Background-Neutral-Primary-Hover);
}
.bg-Colors-Background-Neutral-Secondary-Default{
  background-color: var(--Colors-Background-Neutral-Secondary-Default);
}
.bg-Colors-Background-Neutral-Secondary-Hover{
  background-color: var(--Colors-Background-Neutral-Secondary-Hover);
}
.bg-Colors-Background-Neutral-Tertiary-Default{
  background-color: var(--Colors-Background-Neutral-Tertiary-Default);
}
.bg-Colors-Background-Normal-Primary-Active{
  background-color: var(--Colors-Background-Normal-Primary-Active);
}
.bg-Colors-Background-Normal-Primary-Default{
  background-color: var(--Colors-Background-Normal-Primary-Default);
}
.bg-Colors-Background-Normal-Primary-Hover{
  background-color: var(--Colors-Background-Normal-Primary-Hover);
}
.bg-Colors-Background-Normal-Secondary-Alt{
  background-color: var(--Colors-Background-Normal-Secondary-Alt);
}
.bg-Colors-Background-Normal-Secondary-Default{
  background-color: var(--Colors-Background-Normal-Secondary-Default);
}
.bg-Colors-Background-Normal-Secondary-Hover{
  background-color: var(--Colors-Background-Normal-Secondary-Hover);
}
.bg-Colors-Background-Normal-Tertiary-Default{
  background-color: var(--Colors-Background-Normal-Tertiary-Default);
}
.bg-Colors-Background-Soft{
  background-color: var(--Colors-Background-Soft);
}
.bg-Colors-Background-Surface-Default{
  background-color: var(--Colors-Background-Surface-Default);
}
.bg-Colors-Background-Surface-Muted{
  background-color: var(--Colors-Background-Surface-Muted);
}
.bg-Colors-Background-Surface-Subtle{
  background-color: var(--Colors-Background-Surface-Subtle);
}
.bg-Colors-Background-Utilities-Bolder{
  background-color: var(--Colors-Background-Utilities-Bolder);
}
.bg-Colors-Background-Utilities-Modal{
  background-color: var(--Colors-Background-Utilities-Modal);
}
.bg-Colors-Background-Utilities-Overlay{
  background-color: var(--Colors-Background-Utilities-Overlay);
}
.bg-Colors-Background-Utilities-Static-White{
  background-color: var(--Colors-Background-Utilities-Static-White);
}
.bg-Colors-Background-Warning-Alt{
  background-color: var(--Colors-Background-Warning-Alt);
}
.bg-Colors-Background-Warning-Default{
  background-color: var(--Colors-Background-Warning-Default);
}
.bg-Colors-Beta-Black-12{
  background-color: var(--Colors-Beta-Black-12);
}
.bg-Colors-Beta-Black-20{
  background-color: var(--Colors-Beta-Black-20);
}
.bg-Colors-Beta-Black-30{
  background-color: var(--Colors-Beta-Black-30);
}
.bg-Colors-Beta-Black-40{
  background-color: var(--Colors-Beta-Black-40);
}
.bg-Colors-Beta-Black-50{
  background-color: var(--Colors-Beta-Black-50);
}
.bg-Colors-Beta-Black-60{
  background-color: var(--Colors-Beta-Black-60);
}
.bg-Colors-Beta-Black-80{
  background-color: var(--Colors-Beta-Black-80);
}
.bg-Colors-Beta-White-100{
  background-color: var(--Colors-Beta-White-100);
}
.bg-Colors-Beta-White-12{
  background-color: var(--Colors-Beta-White-12);
}
.bg-Colors-Beta-White-20{
  background-color: var(--Colors-Beta-White-20);
}
.bg-Colors-Beta-White-3{
  background-color: var(--Colors-Beta-White-3);
}
.bg-Colors-Beta-White-30{
  background-color: var(--Colors-Beta-White-30);
}
.bg-Colors-Beta-White-5{
  background-color: var(--Colors-Beta-White-5);
}
.bg-Colors-Beta-White-50{
  background-color: var(--Colors-Beta-White-50);
}
.bg-Colors-Beta-White-8{
  background-color: var(--Colors-Beta-White-8);
}
.bg-Colors-Foreground-Critical-Default{
  background-color: var(--Colors-Foreground-Critical-Default);
}
.bg-Colors-Foreground-Default{
  background-color: var(--Colors-Foreground-Default);
}
.bg-Colors-Marketing-Candlelight-1000{
  background-color: var(--Colors-Marketing-Candlelight-1000);
}
.bg-Colors-Marketing-Candlelight-500{
  background-color: var(--Colors-Marketing-Candlelight-500);
}
.bg-Colors-Marketing-Candlelight-600{
  background-color: var(--Colors-Marketing-Candlelight-600);
}
.bg-Colors-Marketing-Candlelight-Variant-50{
  background-color: var(--Colors-Marketing-Candlelight-Variant-50);
}
.bg-Colors-Marketing-Crusta-1000{
  background-color: var(--Colors-Marketing-Crusta-1000);
}
.bg-Colors-Marketing-Crusta-600{
  background-color: var(--Colors-Marketing-Crusta-600);
}
.bg-Colors-Marketing-Crusta-Variant-100{
  background-color: var(--Colors-Marketing-Crusta-Variant-100);
}
.bg-Colors-Marketing-Crusta-Variant-50{
  background-color: var(--Colors-Marketing-Crusta-Variant-50);
}
.bg-Colors-Marketing-Magenta-Fuchsia-Variant-100{
  background-color: var(--Colors-Marketing-Magenta-Fuchsia-Variant-100);
}
.bg-Colors-Marketing-Malachite-500{
  background-color: var(--Colors-Marketing-Malachite-500);
}
.bg-Colors-Marketing-Malachite-Variant-100{
  background-color: var(--Colors-Marketing-Malachite-Variant-100);
}
.bg-Colors-Marketing-Turquoise-Blue-1000{
  background-color: var(--Colors-Marketing-Turquoise-Blue-1000);
}
.bg-Colors-Utility-Gray-10{
  background-color: var(--Colors-Utility-Gray-10);
}
.bg-Colors-Utility-Gray-20{
  background-color: var(--Colors-Utility-Gray-20);
}
.bg-Colors-Utility-Gray-40{
  background-color: var(--Colors-Utility-Gray-40);
}
.bg-Colors-Utility-Gray-5{
  background-color: var(--Colors-Utility-Gray-5);
}
.bg-Colors-Utility-Khaki-10{
  background-color: var(--Colors-Utility-Khaki-10);
}
.bg-Colors-Utility-Khaki-50{
  background-color: var(--Colors-Utility-Khaki-50);
}
.bg-Colors-Utility-Lake-Blue-50{
  background-color: var(--Colors-Utility-Lake-Blue-50);
}
.bg-Colors-Utility-Maroon-Flush-5{
  background-color: var(--Colors-Utility-Maroon-Flush-5);
}
.bg-Colors-Utility-Purple-40{
  background-color: var(--Colors-Utility-Purple-40);
}
.bg-Colors-Utility-Teal-20{
  background-color: var(--Colors-Utility-Teal-20);
}
.bg-Colors-Utility-Terracotta-10{
  background-color: var(--Colors-Utility-Terracotta-10);
}
.bg-\[\#080608\]{
  --tw-bg-opacity: 1;
  background-color: rgb(8 6 8 / var(--tw-bg-opacity, 1));
}
.bg-\[\#080608\]\/95{
  background-color: rgb(8 6 8 / 0.95);
}
.bg-\[\#08060B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(8 6 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0A0A0A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0E0E0F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0a0a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0a0a0b\]{
  --tw-bg-opacity: 1;
  background-color: rgb(10 10 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0e0e0f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(14 14 15 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0e0e0f\]\/80{
  background-color: rgb(14 14 15 / 0.8);
}
.bg-\[\#101011\]{
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111014\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 16 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141216\]\/35{
  background-color: rgb(20 18 22 / 0.35);
}
.bg-\[\#141414\]{
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141414\]\/85{
  background-color: rgb(20 20 20 / 0.85);
}
.bg-\[\#141414\]\/\[0\.92\]{
  background-color: rgb(20 20 20 / 0.92);
}
.bg-\[\#161116\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 17 22 / var(--tw-bg-opacity, 1));
}
.bg-\[\#16151A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 21 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#161617\]{
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 23 / var(--tw-bg-opacity, 1));
}
.bg-\[\#171309\]{
  --tw-bg-opacity: 1;
  background-color: rgb(23 19 9 / var(--tw-bg-opacity, 1));
}
.bg-\[\#17a966\]\/\[0\.16\]{
  background-color: rgb(23 169 102 / 0.16);
}
.bg-\[\#1A0B14\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 11 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1A1F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1B1A1D\]{
  --tw-bg-opacity: 1;
  background-color: rgb(27 26 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1C1C1C\]{
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1D1C1F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d1c1f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 31 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d1c1f\]\/80{
  background-color: rgb(29 28 31 / 0.8);
}
.bg-\[\#1d1d1d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(29 29 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#212121\]{
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity, 1));
}
.bg-\[\#22c55e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-\[\#242126\]{
  --tw-bg-opacity: 1;
  background-color: rgb(36 33 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#242426\]{
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25262B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(37 38 43 / var(--tw-bg-opacity, 1));
}
.bg-\[\#27040B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(39 4 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2B2B2E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(43 43 46 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2ED573\]{
  --tw-bg-opacity: 1;
  background-color: rgb(46 213 115 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2a2140\]{
  --tw-bg-opacity: 1;
  background-color: rgb(42 33 64 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2c2049\]{
  --tw-bg-opacity: 1;
  background-color: rgb(44 32 73 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2f2f2f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity, 1));
}
.bg-\[\#303030\]{
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}
.bg-\[\#313133\]{
  --tw-bg-opacity: 1;
  background-color: rgb(49 49 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#32D583\]{
  --tw-bg-opacity: 1;
  background-color: rgb(50 213 131 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3E94FA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(62 148 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3bd37a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(59 211 122 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3ddc84\]{
  --tw-bg-opacity: 1;
  background-color: rgb(61 220 132 / var(--tw-bg-opacity, 1));
}
.bg-\[\#60A5FA\]\/15{
  background-color: rgb(96 165 250 / 0.15);
}
.bg-\[\#6442c0\]\/\[0\.16\]{
  background-color: rgb(100 66 192 / 0.16);
}
.bg-\[\#6442c0\]\/\[0\.88\]{
  background-color: rgb(100 66 192 / 0.88);
}
.bg-\[\#8962f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(137 98 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#96949c\]{
  --tw-bg-opacity: 1;
  background-color: rgb(150 148 156 / var(--tw-bg-opacity, 1));
}
.bg-\[\#9FE710\]{
  --tw-bg-opacity: 1;
  background-color: rgb(159 231 16 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C31045\]{
  --tw-bg-opacity: 1;
  background-color: rgb(195 16 69 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C9CCD0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(201 204 208 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D5104B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(213 16 75 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D7E8FB\]{
  --tw-bg-opacity: 1;
  background-color: rgb(215 232 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EC2B65\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 43 101 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EC2B65\]\/10{
  background-color: rgb(236 43 101 / 0.1);
}
.bg-\[\#EC2B65\]\/15{
  background-color: rgb(236 43 101 / 0.15);
}
.bg-\[\#EC2B65\]\/30{
  background-color: rgb(236 43 101 / 0.3);
}
.bg-\[\#F0F4F9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 244 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F4B335\]{
  --tw-bg-opacity: 1;
  background-color: rgb(244 179 53 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5D84B\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 216 75 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDDF1A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 223 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDE14A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 225 74 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FDE14A\]\/45{
  background-color: rgb(253 225 74 / 0.45);
}
.bg-\[\#FE2049\]{
  --tw-bg-opacity: 1;
  background-color: rgb(254 32 73 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFE9A3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 233 163 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ad0527\]{
  --tw-bg-opacity: 1;
  background-color: rgb(173 5 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ec2b65\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 43 101 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ec2b65\]\/10{
  background-color: rgb(236 43 101 / 0.1);
}
.bg-\[\#ec2b65\]\/45{
  background-color: rgb(236 43 101 / 0.45);
}
.bg-\[\#ec2b65\]\/\[0\.08\]{
  background-color: rgb(236 43 101 / 0.08);
}
.bg-\[\#ec2b65\]\/\[0\.12\]{
  background-color: rgb(236 43 101 / 0.12);
}
.bg-\[\#ec2b65\]\/\[0\.16\]{
  background-color: rgb(236 43 101 / 0.16);
}
.bg-\[\#ec2b65\]\/\[0\.18\]{
  background-color: rgb(236 43 101 / 0.18);
}
.bg-\[\#ef3b2e\]\/\[0\.16\]{
  background-color: rgb(239 59 46 / 0.16);
}
.bg-\[\#f0466e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 70 110 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f0d34a\]\/30{
  background-color: rgb(240 211 74 / 0.3);
}
.bg-\[\#f0f0f1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 241 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f1eefc\]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 238 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5c5421f\]{
  background-color: #f5c5421f;
}
.bg-\[\#f5f5f6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 246 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fafafa\]{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fb928e\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 142 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fddf1a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 223 26 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fddf1a\]\/40{
  background-color: rgb(253 223 26 / 0.4);
}
.bg-\[\#fddf1a\]\/\[0\.16\]{
  background-color: rgb(253 223 26 / 0.16);
}
.bg-\[\#fee79a\]\/\[0\.12\]{
  background-color: rgb(254 231 154 / 0.12);
}
.bg-\[\#ff1744\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 23 68 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff4f8d\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 79 141 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff8095\]\/\[0\.16\]{
  background-color: rgb(255 128 149 / 0.16);
}
.bg-\[\#ffb020\]\/\[0\.12\]{
  background-color: rgb(255 176 32 / 0.12);
}
.bg-\[\#ffe34f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 227 79 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffe600\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 230 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffe600\]\/10{
  background-color: rgb(255 230 0 / 0.1);
}
.bg-\[\#ffe600\]\/35{
  background-color: rgb(255 230 0 / 0.35);
}
.bg-\[\#fff8db\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 219 / var(--tw-bg-opacity, 1));
}
.bg-\[radial-gradient\(60\%_60\%_at_50\%_50\%\2c rgba\(236\2c 43\2c 101\2c 0\.06\)\2c transparent_70\%\)\2c rgba\(255\2c 255\2c 255\2c 0\.015\)\]{
  background-color: radial-gradient(60% 60% at 50% 50%,rgba(236,43,101,0.06),transparent 70%),rgba(255,255,255,0.015);
}
.bg-\[radial-gradient\(60\%_80\%_at_50\%_45\%\2c rgba\(236\2c 43\2c 101\2c 0\.08\)\2c transparent_70\%\)\2c rgba\(255\2c 255\2c 255\2c 0\.02\)\]{
  background-color: radial-gradient(60% 80% at 50% 45%,rgba(236,43,101,0.08),transparent 70%),rgba(255,255,255,0.02);
}
.bg-\[radial-gradient\(70\%_60\%_at_50\%_45\%\2c rgba\(236\2c 43\2c 101\2c 0\.12\)\2c transparent_70\%\)\2c \#0b0710\]{
  background-color: radial-gradient(70% 60% at 50% 45%,rgba(236,43,101,0.12),transparent 70%),#0b0710;
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.30\)\]{
  background-color: rgba(0,0,0,0.30);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  background-color: rgba(0,0,0,0.55);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  background-color: rgba(0,0,0,0.6);
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.7\)\]{
  background-color: rgba(0,0,0,0.7);
}
.bg-\[rgba\(22\2c 163\2c 74\2c 0\.18\)\]{
  background-color: rgba(22,163,74,0.18);
}
.bg-\[rgba\(23\2c 169\2c 102\2c 0\.16\)\]{
  background-color: rgba(23,169,102,0.16);
}
.bg-\[rgba\(236\2c 43\2c 101\2c 0\.06\)\]{
  background-color: rgba(236,43,101,0.06);
}
.bg-\[rgba\(236\2c 43\2c 101\2c 0\.08\)\]{
  background-color: rgba(236,43,101,0.08);
}
.bg-\[rgba\(236\2c 43\2c 101\2c 0\.12\)\]{
  background-color: rgba(236,43,101,0.12);
}
.bg-\[rgba\(236\2c 43\2c 101\2c 0\.16\)\]{
  background-color: rgba(236,43,101,0.16);
}
.bg-\[rgba\(236\2c 43\2c 101\2c 0\.18\)\]{
  background-color: rgba(236,43,101,0.18);
}
.bg-\[rgba\(244\2c 179\2c 53\2c 0\.12\)\]{
  background-color: rgba(244,179,53,0.12);
}
.bg-\[rgba\(244\2c 179\2c 53\2c 0\.18\)\]{
  background-color: rgba(244,179,53,0.18);
}
.bg-\[rgba\(253\2c 224\2c 26\2c 0\.06\)\]{
  background-color: rgba(253,224,26,0.06);
}
.bg-\[rgba\(254\2c 32\2c 73\2c 0\.08\)\]{
  background-color: rgba(254,32,73,0.08);
}
.bg-\[rgba\(255\2c 210\2c 61\2c 0\.05\)\]{
  background-color: rgba(255,210,61,0.05);
}
.bg-\[rgba\(255\2c 210\2c 61\2c 0\.12\)\]{
  background-color: rgba(255,210,61,0.12);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\]{
  background-color: rgba(255,255,255,0.04);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  background-color: rgba(255,255,255,0.05);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.055\)\]{
  background-color: rgba(255,255,255,0.055);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]{
  background-color: rgba(255,255,255,0.06);
}
.bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]{
  background-color: rgba(255,255,255,0.08);
}
.bg-\[var\(--Colors-Alpha-Black-20\)\]{
  background-color: var(--Colors-Alpha-Black-20);
}
.bg-\[var\(--Colors-Border-Alt\)\]{
  background-color: var(--Colors-Border-Alt);
}
.bg-\[var\(--Gray-900\)\]{
  background-color: var(--Gray-900);
}
.bg-\[var\(--Gray-950\)\]{
  background-color: var(--Gray-950);
}
.bg-\[var\(--Maroon-Flush-400\)\]{
  background-color: var(--Maroon-Flush-400);
}
.bg-\[var\(--Maroon-Flush-Variant-100\)\]{
  background-color: var(--Maroon-Flush-Variant-100);
}
.bg-\[var\(--pg-blush\)\]{
  background-color: var(--pg-blush);
}
.bg-\[var\(--pg-surface\)\]{
  background-color: var(--pg-surface);
}
.bg-\[var\(--pg-surface2\)\]{
  background-color: var(--pg-surface2);
}
.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/35{
  background-color: rgb(0 0 0 / 0.35);
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color: rgb(0 0 0 / 0.45);
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/55{
  background-color: rgb(0 0 0 / 0.55);
}
.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/65{
  background-color: rgb(0 0 0 / 0.65);
}
.bg-black\/70{
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/75{
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/85{
  background-color: rgb(0 0 0 / 0.85);
}
.bg-black\/95{
  background-color: rgb(0 0 0 / 0.95);
}
.bg-black\/\[0\.22\]{
  background-color: rgb(0 0 0 / 0.22);
}
.bg-black\/\[0\.2\]{
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/\[0\.34\]{
  background-color: rgb(0 0 0 / 0.34);
}
.bg-black\/\[0\.65\]{
  background-color: rgb(0 0 0 / 0.65);
}
.bg-cc-Button-Brand-bg-default{
  background-color: var(--Component-Colors-Button-Brand-bg-default);
}
.bg-cc-Button-Error-Primary-bg-default{
  background-color: var(--Component-Colors-Button-Error-Primary-bg-default);
}
.bg-cc-Button-Error-Secondary-bg-default{
  background-color: var(--Component-Colors-Button-Error-Secondary-bg-default);
}
.bg-cc-Button-Ghost-bg-default{
  background-color: var(--Component-Colors-Button-Ghost-bg-default);
}
.bg-cc-Button-Opacity-bg-default{
  background-color: var(--Component-Colors-Button-Opacity-bg-default);
}
.bg-cc-Button-Plain-Brand-bg-default{
  background-color: var(--Component-Colors-Button-Plain-Brand-bg-default);
}
.bg-cc-Button-Plain-bg-default{
  background-color: var(--Component-Colors-Button-Plain-bg-default);
}
.bg-cc-Button-Primary-bg-default{
  background-color: var(--Component-Colors-Button-Primary-bg-default);
}
.bg-cc-Button-Secondary-bg-default{
  background-color: var(--Component-Colors-Button-Secondary-bg-default);
}
.bg-cc-Button-Static-bg-default{
  background-color: var(--Component-Colors-Button-Static-bg-default);
}
.bg-cc-Button-Tertiary-bg-default{
  background-color: var(--Component-Colors-Button-Tertiary-bg-default);
}
.bg-cc-Chat-Tips-bg-alert{
  background-color: var(--Component-Colors-Chat-Tips-bg-alert);
}
.bg-cc-Chat-Tips-bg-error{
  background-color: var(--Component-Colors-Chat-Tips-bg-error);
}
.bg-cc-Chat-Tips-bg-info{
  background-color: var(--Component-Colors-Chat-Tips-bg-info);
}
.bg-cc-Chat-Tips-button-alert{
  background-color: var(--Component-Colors-Chat-Tips-button-alert);
}
.bg-cc-Check-Box-bg-default{
  background-color: var(--Component-Colors-Check-Box-bg-default);
}
.bg-cc-Check-Box-fg-alt{
  background-color: var(--Component-Colors-Check-Box-fg-alt);
}
.bg-cc-Check-Box-fg-default{
  background-color: var(--Component-Colors-Check-Box-fg-default);
}
.bg-cc-Chips-Primary-bg-default{
  background-color: var(--Component-Colors-Chips-Primary-bg-default);
}
.bg-cc-Chips-Primary-bg-disabled{
  background-color: var(--Component-Colors-Chips-Primary-bg-disabled);
}
.bg-cc-Chips-Primary-bg-select{
  background-color: var(--Component-Colors-Chips-Primary-bg-select);
}
.bg-cc-Chips-Primary-bg-select-disabled{
  background-color: var(--Component-Colors-Chips-Primary-bg-select-disabled);
}
.bg-cc-Dropdown-bg-default{
  background-color: var(--Component-Colors-Dropdown-bg-default);
}
.bg-cc-Dropdown-bg-hover{
  background-color: var(--Component-Colors-Dropdown-bg-hover);
}
.bg-cc-Energy-bg-alt{
  background-color: var(--Component-Colors-Energy-bg-alt);
}
.bg-cc-Energy-bg-on{
  background-color: var(--Component-Colors-Energy-bg-on);
}
.bg-cc-Icon-Button-Brand-bg-default{
  background-color: var(--Component-Colors-Icon-Button-Brand-bg-default);
}
.bg-cc-Icon-Featured-icon-bg-Error{
  background-color: var(--Component-Colors-Icon-Featured-icon-bg-error);
}
.bg-cc-Icon-Featured-icon-bg-Info{
  background-color: var(--Component-Colors-Icon-Featured-icon-bg-Info);
}
.bg-cc-Icon-Featured-icon-bg-Success{
  background-color: var(--Component-Colors-Icon-Featured-icon-bg-success);
}
.bg-cc-Icon-Featured-icon-bg-Warning{
  background-color: var(--Component-Colors-Icon-Featured-icon-bg-warning);
}
.bg-cc-Input-bg-default{
  background-color: var(--Component-Colors-Input-bg-default);
}
.bg-cc-Search-Bar-bg-default{
  background-color: var(--Component-Colors-Search-Bar-bg-default);
}
.bg-cc-Switch-bg-default{
  background-color: var(--Component-Colors-Switch-bg-default);
}
.bg-cc-Switch-bg-on{
  background-color: var(--Component-Colors-Switch-bg-on);
}
.bg-cc-Switch-fg-on{
  background-color: var(--Component-Colors-Switch-fg-on);
}
.bg-cc-Tabbar-bg-default{
  background-color: var(--Component-Colors-Tabbar-bg-default);
}
.bg-cc-Tabbar-bg-select{
  background-color: var(--Component-Colors-Tabbar-bg-select);
}
.bg-cc-Tag-gray-bg{
  background-color: var(--Component-Colors-Tag-gray-bg);
}
.bg-cc-Tag-green-bg{
  background-color: var(--Component-Colors-Tag-green-bg);
}
.bg-cc-Tag-red-bg{
  background-color: var(--Component-Colors-Tag-red-bg);
}
.bg-cc-Tag-yellow-bg{
  background-color: var(--Component-Colors-Tag-yellow-bg);
}
.bg-cc-Toast-bg-default{
  background-color: var(--Component-Colors-Toast-bg-default);
}
.bg-cc-Tooltip-bg-default{
  background-color: var(--Component-Colors-Tooltip-bg-default);
}
.bg-inherit{
  background-color: inherit;
}
.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/15{
  background-color: rgb(255 255 255 / 0.15);
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/35{
  background-color: rgb(255 255 255 / 0.35);
}
.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/5{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95);
}
.bg-white\/\[0\.02\]{
  background-color: rgb(255 255 255 / 0.02);
}
.bg-white\/\[0\.03\]{
  background-color: rgb(255 255 255 / 0.03);
}
.bg-white\/\[0\.045\]{
  background-color: rgb(255 255 255 / 0.045);
}
.bg-white\/\[0\.04\]{
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.05\]{
  background-color: rgb(255 255 255 / 0.05);
}
.bg-white\/\[0\.06\]{
  background-color: rgb(255 255 255 / 0.06);
}
.bg-white\/\[0\.07\]{
  background-color: rgb(255 255 255 / 0.07);
}
.bg-white\/\[0\.08\]{
  background-color: rgb(255 255 255 / 0.08);
}
.bg-white\/\[0\.10\]{
  background-color: rgb(255 255 255 / 0.10);
}
.bg-white\/\[0\.12\]{
  background-color: rgb(255 255 255 / 0.12);
}
.bg-white\/\[0\.14\]{
  background-color: rgb(255 255 255 / 0.14);
}
.bg-white\/\[0\.16\]{
  background-color: rgb(255 255 255 / 0.16);
}
.bg-white\/\[0\.18\]{
  background-color: rgb(255 255 255 / 0.18);
}
.bg-white\/\[0\.1\]{
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/\[0\.28\]{
  background-color: rgb(255 255 255 / 0.28);
}
.bg-opacity-90{
  --tw-bg-opacity: 0.9;
}
.bg-\[linear-gradient\(0deg\2c rgba\(0\2c 0\2c 0\2c 0\.5\)\2c transparent\)\]{
  background-image: linear-gradient(0deg,rgba(0,0,0,0.5),transparent);
}
.bg-\[linear-gradient\(110deg\2c rgba\(255\2c 255\2c 255\2c 0\.02\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.11\)_46\%\2c rgba\(255\2c 255\2c 255\2c 0\.025\)_78\%\)\]{
  background-image: linear-gradient(110deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0.11) 46%,rgba(255,255,255,0.025) 78%);
}
.bg-\[linear-gradient\(110deg\2c rgba\(255\2c 255\2c 255\2c 0\.035\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.08\)_42\%\2c rgba\(255\2c 255\2c 255\2c 0\.035\)_75\%\)\]{
  background-image: linear-gradient(110deg,rgba(255,255,255,0.035) 0%,rgba(255,255,255,0.08) 42%,rgba(255,255,255,0.035) 75%);
}
.bg-\[linear-gradient\(115deg\2c \#0b3727_0\%\2c \#08251a_46\%\2c \#0e0e0f_84\%\)\]{
  background-image: linear-gradient(115deg,#0b3727 0%,#08251a 46%,#0e0e0f 84%);
}
.bg-\[linear-gradient\(115deg\2c \#0b3727_0\%\2c \#0a2a1c_42\%\2c \#100a14_78\%\2c \#1a0f24_100\%\)\]{
  background-image: linear-gradient(115deg,#0b3727 0%,#0a2a1c 42%,#100a14 78%,#1a0f24 100%);
}
.bg-\[linear-gradient\(115deg\2c \#309220_0\%\2c \#27701a_50\%\2c \#215b16_85\%\)\]{
  background-image: linear-gradient(115deg,#309220 0%,#27701a 50%,#215b16 85%);
}
.bg-\[linear-gradient\(120deg\2c transparent_30\%\2c rgba\(255\2c 255\2c 255\2c 0\.18\)_50\%\2c transparent_70\%\)\]{
  background-image: linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.18) 50%,transparent 70%);
}
.bg-\[linear-gradient\(120deg\2c transparent_35\%\2c rgba\(236\2c 43\2c 101\2c 0\.24\)_50\%\2c transparent_65\%\)\]{
  background-image: linear-gradient(120deg,transparent 35%,rgba(236,43,101,0.24) 50%,transparent 65%);
}
.bg-\[linear-gradient\(135deg\2c \#16a085\2c \#14a36f\)\]{
  background-image: linear-gradient(135deg,#16a085,#14a36f);
}
.bg-\[linear-gradient\(135deg\2c \#1f9b5a_0\%\2c \#1f9b5a_40\%\2c \#f0d34a_40\%\2c \#f0d34a_62\%\2c \#3159a7_62\%\)\]{
  background-image: linear-gradient(135deg,#1f9b5a 0%,#1f9b5a 40%,#f0d34a 40%,#f0d34a 62%,#3159a7 62%);
}
.bg-\[linear-gradient\(135deg\2c \#1f9b5a_0_48\%\2c \#f0d34a_48\%_100\%\)\]{
  background-image: linear-gradient(135deg,#1f9b5a 0 48%,#f0d34a 48% 100%);
}
.bg-\[linear-gradient\(135deg\2c \#2AABEE\2c \#1c8ad1\)\]{
  background-image: linear-gradient(135deg,#2AABEE,#1c8ad1);
}
.bg-\[linear-gradient\(135deg\2c \#9CC4FF\2c \#E1D7FF\)\]{
  background-image: linear-gradient(135deg,#9CC4FF,#E1D7FF);
}
.bg-\[linear-gradient\(135deg\2c \#C8B0FF\2c \#5F4FA8\)\]{
  background-image: linear-gradient(135deg,#C8B0FF,#5F4FA8);
}
.bg-\[linear-gradient\(135deg\2c \#C9E0FF\2c \#9BB8FF\)\]{
  background-image: linear-gradient(135deg,#C9E0FF,#9BB8FF);
}
.bg-\[linear-gradient\(135deg\2c \#F7D14B\2c \#C7A12B\)\]{
  background-image: linear-gradient(135deg,#F7D14B,#C7A12B);
}
.bg-\[linear-gradient\(135deg\2c \#FF2E69_0\%\2c \#C00F47_100\%\)\]{
  background-image: linear-gradient(135deg,#FF2E69 0%,#C00F47 100%);
}
.bg-\[linear-gradient\(135deg\2c \#FFA38C\2c \#804030\)\]{
  background-image: linear-gradient(135deg,#FFA38C,#804030);
}
.bg-\[linear-gradient\(135deg\2c \#FFC9C0\2c \#F0A0A0\)\]{
  background-image: linear-gradient(135deg,#FFC9C0,#F0A0A0);
}
.bg-\[linear-gradient\(135deg\2c \#ec2b65_0\%\2c \#c31045_100\%\)\]{
  background-image: linear-gradient(135deg,#ec2b65 0%,#c31045 100%);
}
.bg-\[linear-gradient\(135deg\2c \#fddf1a_0\%\2c \#309220_52\%\2c \#8962f6_100\%\)\]{
  background-image: linear-gradient(135deg,#fddf1a 0%,#309220 52%,#8962f6 100%);
}
.bg-\[linear-gradient\(135deg\2c \#ff7a55_0\%\2c \#ec2b65_100\%\)\]{
  background-image: linear-gradient(135deg,#ff7a55 0%,#ec2b65 100%);
}
.bg-\[linear-gradient\(135deg\2c rgba\(255\2c 122\2c 85\2c 0\.30\)_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.30\)_100\%\)\]{
  background-image: linear-gradient(135deg,rgba(255,122,85,0.30) 0%,rgba(236,43,101,0.30) 100%);
}
.bg-\[linear-gradient\(135deg\2c var\(--Maroon-Flush-400\)\2c var\(--Maroon-Flush-600\)\)\]{
  background-image: linear-gradient(135deg,var(--Maroon-Flush-400),var(--Maroon-Flush-600));
}
.bg-\[linear-gradient\(160deg\2c \#1A0E14_0\%\2c \#0A0508_100\%\)\]{
  background-image: linear-gradient(160deg,#1A0E14 0%,#0A0508 100%);
}
.bg-\[linear-gradient\(160deg\2c rgba\(236\2c 43\2c 101\2c 0\.16\)\2c transparent_80\%\)\]{
  background-image: linear-gradient(160deg,rgba(236,43,101,0.16),transparent 80%);
}
.bg-\[linear-gradient\(180deg\2c \#0C0608_0\%\2c \#060304_100\%\)\]{
  background-image: linear-gradient(180deg,#0C0608 0%,#060304 100%);
}
.bg-\[linear-gradient\(180deg\2c \#141414_0_33\%\2c \#d12f2f_33\%_66\%\2c \#f0d34a_66\%_100\%\)\]{
  background-image: linear-gradient(180deg,#141414 0 33%,#d12f2f 33% 66%,#f0d34a 66% 100%);
}
.bg-\[linear-gradient\(180deg\2c \#15101A_0\%\2c \#0F0B14_100\%\)\]{
  background-image: linear-gradient(180deg,#15101A 0%,#0F0B14 100%);
}
.bg-\[linear-gradient\(180deg\2c \#1A0B14_0\%\2c \#0A0306_100\%\)\]{
  background-image: linear-gradient(180deg,#1A0B14 0%,#0A0306 100%);
}
.bg-\[linear-gradient\(180deg\2c \#75aadb_0_33\%\2c \#f5f5f6_33\%_66\%\2c \#75aadb_66\%_100\%\)\]{
  background-image: linear-gradient(180deg,#75aadb 0 33%,#f5f5f6 33% 66%,#75aadb 66% 100%);
}
.bg-\[linear-gradient\(180deg\2c \#8fc1ff_0_33\%\2c \#f5f5f6_33\%_66\%\2c \#8fc1ff_66\%_100\%\)\]{
  background-image: linear-gradient(180deg,#8fc1ff 0 33%,#f5f5f6 33% 66%,#8fc1ff 66% 100%);
}
.bg-\[linear-gradient\(180deg\2c \#cf3341_0_16\%\2c \#f5f5f6_16\%_32\%\2c \#cf3341_32\%_48\%\2c \#f5f5f6_48\%_64\%\2c \#3159a7_64\%_100\%\)\]{
  background-image: linear-gradient(180deg,#cf3341 0 16%,#f5f5f6 16% 32%,#cf3341 32% 48%,#f5f5f6 48% 64%,#3159a7 64% 100%);
}
.bg-\[linear-gradient\(180deg\2c \#d74949_0_25\%\2c \#f0d34a_25\%_75\%\2c \#d74949_75\%_100\%\)\]{
  background-image: linear-gradient(180deg,#d74949 0 25%,#f0d34a 25% 75%,#d74949 75% 100%);
}
.bg-\[linear-gradient\(180deg\2c \#d74949_0_33\%\2c \#f5f5f6_33\%_66\%\2c \#3159a7_66\%_100\%\)\]{
  background-image: linear-gradient(180deg,#d74949 0 33%,#f5f5f6 33% 66%,#3159a7 66% 100%);
}
.bg-\[linear-gradient\(180deg\2c \#f0d34a_0_50\%\2c \#3159a7_50\%_75\%\2c \#d74949_75\%_100\%\)\]{
  background-image: linear-gradient(180deg,#f0d34a 0 50%,#3159a7 50% 75%,#d74949 75% 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_40\%\2c rgba\(0\2c 0\2c 0\2c 0\.4\)_100\%\)\]{
  background-image: linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,0.4) 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_52\%\2c rgba\(0\2c 0\2c 0\2c 0\.28\)_100\%\)\]{
  background-image: linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,0.28) 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\.08\)\2c rgba\(0\2c 0\2c 0\2c 0\.48\)\)\]{
  background-image: linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,0,0,0.48));
}
.bg-\[linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\.45\)\2c transparent\)\]{
  background-image: linear-gradient(180deg,rgba(0,0,0,0.45),transparent);
}
.bg-\[linear-gradient\(180deg\2c rgba\(14\2c 14\2c 15\2c 0\.05\)_0\%\2c rgba\(14\2c 14\2c 15\2c 0\.32\)_45\%\2c rgba\(29\2c 28\2c 31\2c 0\.94\)_100\%\)\]{
  background-image: linear-gradient(180deg,rgba(14,14,15,0.05) 0%,rgba(14,14,15,0.32) 45%,rgba(29,28,31,0.94) 100%);
}
.bg-\[linear-gradient\(180deg\2c rgba\(18\2c 18\2c 18\2c 0\.72\)\2c rgba\(16\2c 16\2c 16\2c 0\.94\)\)\]{
  background-image: linear-gradient(180deg,rgba(18,18,18,0.72),rgba(16,16,16,0.94));
}
.bg-\[linear-gradient\(180deg\2c rgba\(236\2c 43\2c 101\2c 0\.08\)_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.02\)_100\%\)\]{
  background-image: linear-gradient(180deg,rgba(236,43,101,0.08) 0%,rgba(236,43,101,0.02) 100%);
}
.bg-\[linear-gradient\(180deg\2c transparent\2c rgba\(0\2c 0\2c 0\2c 0\.7\)_60\%\2c rgba\(0\2c 0\2c 0\2c 0\.85\)\)\]{
  background-image: linear-gradient(180deg,transparent,rgba(0,0,0,0.7) 60%,rgba(0,0,0,0.85));
}
.bg-\[linear-gradient\(90deg\2c \#141414_0_33\%\2c \#f0d34a_33\%_66\%\2c \#d74949_66\%_100\%\)\]{
  background-image: linear-gradient(90deg,#141414 0 33%,#f0d34a 33% 66%,#d74949 66% 100%);
}
.bg-\[linear-gradient\(90deg\2c \#179452_0_33\%\2c \#f5f5f6_33\%_66\%\2c \#d74949_66\%_100\%\)\]{
  background-image: linear-gradient(90deg,#179452 0 33%,#f5f5f6 33% 66%,#d74949 66% 100%);
}
.bg-\[linear-gradient\(90deg\2c \#179452_0_40\%\2c \#d74949_40\%_100\%\)\]{
  background-image: linear-gradient(90deg,#179452 0 40%,#d74949 40% 100%);
}
.bg-\[linear-gradient\(90deg\2c \#2e5aac_0_33\%\2c \#f5f5f6_33\%_66\%\2c \#d74949_66\%_100\%\)\]{
  background-image: linear-gradient(90deg,#2e5aac 0 33%,#f5f5f6 33% 66%,#d74949 66% 100%);
}
.bg-\[linear-gradient\(90deg\2c \#ec2b65\2c \#FF7799\)\]{
  background-image: linear-gradient(90deg,#ec2b65,#FF7799);
}
.bg-\[linear-gradient\(90deg\2c \#ec2b65\2c \#ff7aa8\)\]{
  background-image: linear-gradient(90deg,#ec2b65,#ff7aa8);
}
.bg-\[linear-gradient\(90deg\2c \#f5f5f6_0_44\%\2c \#cf3341_44\%_56\%\2c \#f5f5f6_56\%_100\%\)\]{
  background-image: linear-gradient(90deg,#f5f5f6 0 44%,#cf3341 44% 56%,#f5f5f6 56% 100%);
}
.bg-\[linear-gradient\(90deg\2c \#fddf1a\2c \#ffb45b\)\]{
  background-image: linear-gradient(90deg,#fddf1a,#ffb45b);
}
.bg-\[linear-gradient\(90deg\2c rgba\(7\2c 18\2c 12\2c 0\.88\)_0\%\2c rgba\(7\2c 18\2c 12\2c 0\.58\)_50\%\2c rgba\(7\2c 18\2c 12\2c 0\.34\)_100\%\)\]{
  background-image: linear-gradient(90deg,rgba(7,18,12,0.88) 0%,rgba(7,18,12,0.58) 50%,rgba(7,18,12,0.34) 100%);
}
.bg-\[linear-gradient\(90deg\2c transparent\2c rgba\(255\2c 255\2c 255\2c 0\.10\)\2c transparent\)\]{
  background-image: linear-gradient(90deg,transparent,rgba(255,255,255,0.10),transparent);
}
.bg-\[radial-gradient\(120\%_80\%_at_100\%_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.08\)\2c transparent_55\%\)\2c linear-gradient\(180deg\2c \#15101A_0\%\2c \#0F0B14_100\%\)\]{
  background-image: radial-gradient(120% 80% at 100% 0%,rgba(236,43,101,0.08),transparent 55%),linear-gradient(180deg,#15101A 0%,#0F0B14 100%);
}
.bg-\[radial-gradient\(120\%_80\%_at_50\%_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.16\)_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.04\)_50\%\2c rgba\(236\2c 43\2c 101\2c 0\.01\)_100\%\)\]{
  background-image: radial-gradient(120% 80% at 50% 0%,rgba(236,43,101,0.16) 0%,rgba(236,43,101,0.04) 50%,rgba(236,43,101,0.01) 100%);
}
.bg-\[radial-gradient\(50\%_60\%_at_50\%_35\%\2c rgba\(220\2c 80\2c 80\2c 0\.6\)\2c rgba\(40\2c 10\2c 15\2c 0\.95\)_60\%\2c \#0A0306\)\]{
  background-image: radial-gradient(50% 60% at 50% 35%,rgba(220,80,80,0.6),rgba(40,10,15,0.95) 60%,#0A0306);
}
.bg-\[radial-gradient\(55\%_45\%_at_84\%_14\%\2c rgba\(240\2c 27\2c 92\2c 0\.16\)\2c transparent_64\%\)\2c radial-gradient\(42\%_32\%_at_8\%_8\%\2c rgba\(247\2c 89\2c 138\2c 0\.09\)\2c transparent_62\%\)\]{
  background-image: radial-gradient(55% 45% at 84% 14%,rgba(240,27,92,0.16),transparent 64%),radial-gradient(42% 32% at 8% 8%,rgba(247,89,138,0.09),transparent 62%);
}
.bg-\[radial-gradient\(60\%_50\%_at_50\%_35\%\2c rgba\(255\2c 200\2c 180\2c 0\.7\)\2c rgba\(60\2c 30\2c 40\2c 0\.95\)_60\%\2c \#0A0608\)\]{
  background-image: radial-gradient(60% 50% at 50% 35%,rgba(255,200,180,0.7),rgba(60,30,40,0.95) 60%,#0A0608);
}
.bg-\[radial-gradient\(60\%_55\%_at_50\%_35\%\2c rgba\(255\2c 200\2c 180\2c 0\.7\)\2c rgba\(80\2c 30\2c 40\2c 0\.95\)_60\%\2c \#0A0608\)\]{
  background-image: radial-gradient(60% 55% at 50% 35%,rgba(255,200,180,0.7),rgba(80,30,40,0.95) 60%,#0A0608);
}
.bg-\[radial-gradient\(60\%_55\%_at_50\%_50\%\2c rgba\(255\2c 200\2c 180\2c 0\.18\)\2c transparent_70\%\)\2c linear-gradient\(160deg\2c \#1A0E14_0\%\2c \#0A0508_100\%\)\]{
  background-image: radial-gradient(60% 55% at 50% 50%,rgba(255,200,180,0.18),transparent 70%),linear-gradient(160deg,#1A0E14 0%,#0A0508 100%);
}
.bg-\[radial-gradient\(60\%_60\%_at_40\%_30\%\2c rgba\(240\2c 210\2c 180\2c 0\.7\)\2c rgba\(80\2c 55\2c 40\2c 0\.92\)_60\%\2c \#18100A\)\]{
  background-image: radial-gradient(60% 60% at 40% 30%,rgba(240,210,180,0.7),rgba(80,55,40,0.92) 60%,#18100A);
}
.bg-\[radial-gradient\(60\%_60\%_at_50\%_35\%\2c rgba\(255\2c 200\2c 180\2c 0\.65\)\2c rgba\(80\2c 30\2c 40\2c 0\.95\)_60\%\2c \#100308\)\]{
  background-image: radial-gradient(60% 60% at 50% 35%,rgba(255,200,180,0.65),rgba(80,30,40,0.95) 60%,#100308);
}
.bg-\[radial-gradient\(60\%_60\%_at_50\%_40\%\2c rgba\(255\2c 220\2c 180\2c 0\.6\)\2c rgba\(120\2c 80\2c 40\2c 0\.95\)_60\%\2c \#1A0F08\)\]{
  background-image: radial-gradient(60% 60% at 50% 40%,rgba(255,220,180,0.6),rgba(120,80,40,0.95) 60%,#1A0F08);
}
.bg-\[radial-gradient\(60\%_60\%_at_50\%_50\%\2c rgba\(236\2c 43\2c 101\2c 0\.10\)\2c transparent_70\%\)\2c linear-gradient\(160deg\2c \#15101A_0\%\2c \#0A0508_100\%\)\]{
  background-image: radial-gradient(60% 60% at 50% 50%,rgba(236,43,101,0.10),transparent 70%),linear-gradient(160deg,#15101A 0%,#0A0508 100%);
}
.bg-\[radial-gradient\(60\%_60\%_at_60\%_35\%\2c rgba\(220\2c 180\2c 255\2c 0\.55\)\2c rgba\(40\2c 30\2c 80\2c 0\.95\)_60\%\2c \#0A0820\)\]{
  background-image: radial-gradient(60% 60% at 60% 35%,rgba(220,180,255,0.55),rgba(40,30,80,0.95) 60%,#0A0820);
}
.bg-\[radial-gradient\(90\%_110\%_at_78\%_52\%\2c rgba\(253\2c 223\2c 26\2c 0\.18\)\2c transparent_42\%\)\2c linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\.02\)\2c rgba\(0\2c 0\2c 0\2c 0\.32\)\)\]{
  background-image: radial-gradient(90% 110% at 78% 52%,rgba(253,223,26,0.18),transparent 42%),linear-gradient(180deg,rgba(0,0,0,0.02),rgba(0,0,0,0.32));
}
.bg-\[radial-gradient\(circle\2c \#d74949_0_36\%\2c \#f5f5f6_38\%_100\%\)\]{
  background-image: radial-gradient(circle,#d74949 0 36%,#f5f5f6 38% 100%);
}
.bg-\[radial-gradient\(circle_at_50\%_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.20\)\2c transparent_34\%\)\2c linear-gradient\(180deg\2c \#070507_0\%\2c \#000_100\%\)\]{
  background-image: radial-gradient(circle at 50% 0%,rgba(236,43,101,0.20),transparent 34%),linear-gradient(180deg,#070507 0%,#000 100%);
}
.bg-\[radial-gradient\(circle_at_50\%_35\%\2c rgba\(255\2c 210\2c 61\2c 0\.30\)\2c rgba\(255\2c 210\2c 61\2c 0\)_72\%\)\]{
  background-image: radial-gradient(circle at 50% 35%,rgba(255,210,61,0.30),rgba(255,210,61,0) 72%);
}
.bg-\[radial-gradient\(circle_at_50\%_8\%\2c rgba\(245\2c 197\2c 66\2c 0\.24\)\2c transparent_38\%\)\2c linear-gradient\(180deg\2c rgba\(245\2c 197\2c 66\2c 0\.06\)\2c transparent_62\%\)\]{
  background-image: radial-gradient(circle at 50% 8%,rgba(245,197,66,0.24),transparent 38%),linear-gradient(180deg,rgba(245,197,66,0.06),transparent 62%);
}
.bg-\[radial-gradient\(circle_at_50\%_80\%\2c rgba\(253\2c 223\2c 26\2c 0\.28\)\2c transparent_62\%\)\]{
  background-image: radial-gradient(circle at 50% 80%,rgba(253,223,26,0.28),transparent 62%);
}
.bg-\[radial-gradient\(closest-side\2c rgba\(236\2c 43\2c 101\2c 0\.35\)\2c rgba\(236\2c 43\2c 101\2c 0\)_70\%\)\]{
  background-image: radial-gradient(closest-side,rgba(236,43,101,0.35),rgba(236,43,101,0) 70%);
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-Colors-Beta-Black-50{
  --tw-gradient-from: var(--Colors-Beta-Black-50) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-Colors-Beta-Black-80{
  --tw-gradient-from: var(--Colors-Beta-Black-80) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-Colors-Foreground-Brand-Default{
  --tw-gradient-from: var(--Colors-Foreground-Brand-Default) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-Colors-Marketing-Candlelight-500{
  --tw-gradient-from: var(--Colors-Marketing-Candlelight-500) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-Colors-Marketing-Candlelight-Variant-50{
  --tw-gradient-from: var(--Colors-Marketing-Candlelight-Variant-50) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-Colors-Marketing-Crusta-Variant-50{
  --tw-gradient-from: var(--Colors-Marketing-Crusta-Variant-50) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1e1e20\]{
  --tw-gradient-from: #1e1e20 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 30 32 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#22151B\]{
  --tw-gradient-from: #22151B var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 21 27 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2A111A\]{
  --tw-gradient-from: #2A111A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 17 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2A1A12\]{
  --tw-gradient-from: #2A1A12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 26 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#6ee28f\]{
  --tw-gradient-from: #6ee28f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(110 226 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8ae09d\]{
  --tw-gradient-from: #8ae09d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(138 224 157 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#8ee6a2\]{
  --tw-gradient-from: #8ee6a2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(142 230 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#9ad8ff\]{
  --tw-gradient-from: #9ad8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(154 216 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#b8e5ff\]{
  --tw-gradient-from: #b8e5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(184 229 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#c4d2ff\]{
  --tw-gradient-from: #c4d2ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(196 210 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#e7edff\]{
  --tw-gradient-from: #e7edff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(231 237 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f5dd6b\]{
  --tw-gradient-from: #f5dd6b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 221 107 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f6d8ff\]{
  --tw-gradient-from: #f6d8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(246 216 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ff9aa2\]{
  --tw-gradient-from: #ff9aa2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 154 162 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffe27a\]{
  --tw-gradient-from: #ffe27a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 226 122 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffe867\]{
  --tw-gradient-from: #ffe867 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 232 103 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffe88a\]{
  --tw-gradient-from: #ffe88a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 232 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#ffeb87\]{
  --tw-gradient-from: #ffeb87 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 235 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fff2b6\]{
  --tw-gradient-from: #fff2b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 242 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[rgba\(233\2c 30\2c 99\2c 0\.08\)\]{
  --tw-gradient-from: rgba(233,30,99,0.08) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(233, 30, 99, 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--Colors-Background-Normal-Primary-Default\)\]{
  --tw-gradient-from: var(--Colors-Background-Normal-Primary-Default) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/10{
  --tw-gradient-from: rgb(0 0 0 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/50{
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60{
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/85{
  --tw-gradient-from: rgb(0 0 0 / 0.85) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/90{
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[30\%\]{
  --tw-gradient-from-position: 30%;
}
.from-\[38\%\]{
  --tw-gradient-from-position: 38%;
}
.via-\[\#0D0B0C\]{
  --tw-gradient-to: rgb(13 11 12 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0D0B0C var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#77b7ff\]{
  --tw-gradient-to: rgb(119 183 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #77b7ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#9add72\]{
  --tw-gradient-to: rgb(154 221 114 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #9add72 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#aabaf7\]{
  --tw-gradient-to: rgb(170 186 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #aabaf7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#b5c9ff\]{
  --tw-gradient-to: rgb(181 201 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #b5c9ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#d59cf2\]{
  --tw-gradient-to: rgb(213 156 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d59cf2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#f4d94f\]{
  --tw-gradient-to: rgb(244 217 79 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f4d94f var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#f5caa7\]{
  --tw-gradient-to: rgb(245 202 167 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f5caa7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#f5f5f6\]{
  --tw-gradient-to: rgb(245 245 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f5f5f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#ff9b73\]{
  --tw-gradient-to: rgb(255 155 115 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ff9b73 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#ffaccd\]{
  --tw-gradient-to: rgb(255 172 205 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffaccd var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#ffd86b\]{
  --tw-gradient-to: rgb(255 216 107 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffd86b var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#fff0d6\]{
  --tw-gradient-to: rgb(255 240 214 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff0d6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#ffffff\]{
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/15{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-black\/45{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-transparent{
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[30\%\]{
  --tw-gradient-via-position: 30%;
}
.via-\[35\%\]{
  --tw-gradient-via-position: 35%;
}
.to-Colors-Alpha-Black-50{
  --tw-gradient-to: var(--Colors-Alpha-Black-50) var(--tw-gradient-to-position);
}
.to-Colors-Marketing-Candlelight-500{
  --tw-gradient-to: var(--Colors-Marketing-Candlelight-500) var(--tw-gradient-to-position);
}
.to-Colors-Marketing-Malachite-500{
  --tw-gradient-to: var(--Colors-Marketing-Malachite-500) var(--tw-gradient-to-position);
}
.to-\[\#000000\]{
  --tw-gradient-to: #000000 var(--tw-gradient-to-position);
}
.to-\[\#080608\]{
  --tw-gradient-to: #080608 var(--tw-gradient-to-position);
}
.to-\[\#28ba58\]{
  --tw-gradient-to: #28ba58 var(--tw-gradient-to-position);
}
.to-\[\#4768e8\]{
  --tw-gradient-to: #4768e8 var(--tw-gradient-to-position);
}
.to-\[\#7278ff\]{
  --tw-gradient-to: #7278ff var(--tw-gradient-to-position);
}
.to-\[\#7fa8ff\]{
  --tw-gradient-to: #7fa8ff var(--tw-gradient-to-position);
}
.to-\[\#8962f6\]{
  --tw-gradient-to: #8962f6 var(--tw-gradient-to-position);
}
.to-\[\#d74949\]{
  --tw-gradient-to: #d74949 var(--tw-gradient-to-position);
}
.to-\[\#d9ba05\]{
  --tw-gradient-to: #d9ba05 var(--tw-gradient-to-position);
}
.to-\[\#df4d55\]{
  --tw-gradient-to: #df4d55 var(--tw-gradient-to-position);
}
.to-\[\#e45c68\]{
  --tw-gradient-to: #e45c68 var(--tw-gradient-to-position);
}
.to-\[\#e65a68\]{
  --tw-gradient-to: #e65a68 var(--tw-gradient-to-position);
}
.to-\[\#ef4d6d\]{
  --tw-gradient-to: #ef4d6d var(--tw-gradient-to-position);
}
.to-\[\#ef6d72\]{
  --tw-gradient-to: #ef6d72 var(--tw-gradient-to-position);
}
.to-\[\#ef7a82\]{
  --tw-gradient-to: #ef7a82 var(--tw-gradient-to-position);
}
.to-\[\#ff88af\]{
  --tw-gradient-to: #ff88af var(--tw-gradient-to-position);
}
.to-\[\#ffeb87\]{
  --tw-gradient-to: #ffeb87 var(--tw-gradient-to-position);
}
.to-\[rgba\(233\2c 30\2c 99\2c 0\.02\)\]{
  --tw-gradient-to: rgba(233,30,99,0.02) var(--tw-gradient-to-position);
}
.to-\[rgba\(8\2c 4\2c 8\2c 0\.92\)\]{
  --tw-gradient-to: rgba(8,4,8,0.92) var(--tw-gradient-to-position);
}
.to-black{
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/0{
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
}
.to-black\/75{
  --tw-gradient-to: rgb(0 0 0 / 0.75) var(--tw-gradient-to-position);
}
.to-black\/85{
  --tw-gradient-to: rgb(0 0 0 / 0.85) var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-\[80\%\]{
  --tw-gradient-to-position: 80%;
}
.bg-\[length\:200\%_100\%\]{
  background-size: 200% 100%;
}
.bg-\[length\:220\%_100\%\]{
  background-size: 220% 100%;
}
.bg-contain{
  background-size: contain;
}
.bg-cover{
  background-size: cover;
}
.bg-clip-padding{
  background-clip: padding-box;
}
.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}
.bg-center{
  background-position: center;
}
.bg-no-repeat{
  background-repeat: no-repeat;
}
.bg-repeat-x{
  background-repeat: repeat-x;
}
.fill-Colors-Foreground-Brand-Default{
  fill: var(--Colors-Foreground-Brand-Default);
}
.fill-Colors-Utility-Lake-Blue-50{
  fill: var(--Colors-Utility-Lake-Blue-50);
}
.fill-Colors-Utility-Purple-40{
  fill: var(--Colors-Utility-Purple-40);
}
.fill-\[\#ffe600\]{
  fill: #ffe600;
}
.fill-\[var\(--Colors-Background-Normal-Secondary-Alt\)\]{
  fill: var(--Colors-Background-Normal-Secondary-Alt);
}
.fill-cc-Tooltip-bg-default{
  fill: var(--Component-Colors-Tooltip-bg-default);
}
.fill-current{
  fill: currentColor;
}
.stroke-cc-Tooltip-border-default{
  stroke: var(--Component-Colors-Tooltip-border-default);
}
.stroke-current{
  stroke: currentColor;
}
.stroke-0{
  stroke-width: 0;
}
.stroke-2{
  stroke-width: 2;
}
.stroke-\[1\.25px\]{
  stroke-width: 1.25px;
}
.stroke-\[1\.5px\]{
  stroke-width: 1.5px;
}
.stroke-\[2px\]{
  stroke-width: 2px;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}
.object-none{
  -o-object-fit: none;
     object-fit: none;
}
.object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.object-\[center_12\%\]{
  -o-object-position: center 12%;
     object-position: center 12%;
}
.object-center{
  -o-object-position: center;
     object-position: center;
}
.object-top{
  -o-object-position: top;
     object-position: top;
}
.\!p-0{
  padding: 0px !important;
}
.\!p-3{
  padding: 0.75rem !important;
}
.p-0{
  padding: 0px;
}
.p-0\.5{
  padding: 0.125rem;
}
.p-1{
  padding: 0.25rem;
}
.p-1\.5{
  padding: 0.375rem;
}
.p-10{
  padding: 2.5rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-3{
  padding: 0.75rem;
}
.p-3\.5{
  padding: 0.875rem;
}
.p-4{
  padding: 1rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-8{
  padding: 2rem;
}
.p-\[1\.5px\]{
  padding: 1.5px;
}
.p-\[13px_14px\]{
  padding: 13px 14px;
}
.p-\[18px\]{
  padding: 18px;
}
.p-\[1px\]{
  padding: 1px;
}
.p-\[26px\]{
  padding: 26px;
}
.p-\[2px\]{
  padding: 2px;
}
.p-\[3px\]{
  padding: 3px;
}
.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.px-\[11px\]{
  padding-left: 11px;
  padding-right: 11px;
}
.px-\[13px\]{
  padding-left: 13px;
  padding-right: 13px;
}
.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[24px\]{
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[26px\]{
  padding-left: 26px;
  padding-right: 26px;
}
.px-\[3px\]{
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[9px\]{
  padding-left: 9px;
  padding-right: 9px;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}
.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[13px\]{
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[14px\]{
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}
.py-\[22px\]{
  padding-top: 22px;
  padding-bottom: 22px;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[7px\]{
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}
.\!pb-0\.5{
  padding-bottom: 0.125rem !important;
}
.\!pb-3{
  padding-bottom: 0.75rem !important;
}
.\!pl-4{
  padding-left: 1rem !important;
}
.\!pl-9{
  padding-left: 2.25rem !important;
}
.\!pr-3{
  padding-right: 0.75rem !important;
}
.\!pt-0{
  padding-top: 0px !important;
}
.pb-0{
  padding-bottom: 0px;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-1\.5{
  padding-bottom: 0.375rem;
}
.pb-10{
  padding-bottom: 2.5rem;
}
.pb-12{
  padding-bottom: 3rem;
}
.pb-16{
  padding-bottom: 4rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-3\.5{
  padding-bottom: 0.875rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-6{
  padding-bottom: 1.5rem;
}
.pb-7{
  padding-bottom: 1.75rem;
}
.pb-8{
  padding-bottom: 2rem;
}
.pb-\[120px\]{
  padding-bottom: 120px;
}
.pb-\[122px\]{
  padding-bottom: 122px;
}
.pb-\[18px\]{
  padding-bottom: 18px;
}
.pb-\[30px\]{
  padding-bottom: 30px;
}
.pb-\[6px\]{
  padding-bottom: 6px;
}
.pb-\[72px\]{
  padding-bottom: 72px;
}
.pl-0{
  padding-left: 0px;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-14{
  padding-left: 3.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-3\.5{
  padding-left: 0.875rem;
}
.pl-4{
  padding-left: 1rem;
}
.pl-5{
  padding-left: 1.25rem;
}
.pl-6{
  padding-left: 1.5rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-\[18px\]{
  padding-left: 18px;
}
.pl-\[66px\]{
  padding-left: 66px;
}
.pl-\[72px\]{
  padding-left: 72px;
}
.pr-1{
  padding-right: 0.25rem;
}
.pr-1\.5{
  padding-right: 0.375rem;
}
.pr-10{
  padding-right: 2.5rem;
}
.pr-12{
  padding-right: 3rem;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-3{
  padding-right: 0.75rem;
}
.pr-4{
  padding-right: 1rem;
}
.pr-6{
  padding-right: 1.5rem;
}
.pr-8{
  padding-right: 2rem;
}
.pr-\[10px\]{
  padding-right: 10px;
}
.pr-\[42px\]{
  padding-right: 42px;
}
.pr-\[7px\]{
  padding-right: 7px;
}
.pt-0{
  padding-top: 0px;
}
.pt-0\.5{
  padding-top: 0.125rem;
}
.pt-1{
  padding-top: 0.25rem;
}
.pt-1\.5{
  padding-top: 0.375rem;
}
.pt-10{
  padding-top: 2.5rem;
}
.pt-12{
  padding-top: 3rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-2\.5{
  padding-top: 0.625rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-3\.5{
  padding-top: 0.875rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-5{
  padding-top: 1.25rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-7{
  padding-top: 1.75rem;
}
.pt-7\.5{
  padding-top: 1.875rem;
}
.pt-8{
  padding-top: 2rem;
}
.pt-9{
  padding-top: 2.25rem;
}
.pt-\[104px\]{
  padding-top: 104px;
}
.pt-\[194px\]{
  padding-top: 194px;
}
.pt-\[200px\]{
  padding-top: 200px;
}
.pt-\[26px\]{
  padding-top: 26px;
}
.pt-\[2px\]{
  padding-top: 2px;
}
.pt-\[5px\]{
  padding-top: 5px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.text-start{
  text-align: start;
}
.align-middle{
  vertical-align: middle;
}
.font-ABCDiatype{
  font-family: var(--font-ABCDiatype);
}
.font-\[\'ABC_Diatype\:Medium\'\2c _sans-serif\]{
  font-family: 'ABC Diatype:Medium', sans-serif;
}
.font-\[\'SF_Pro\:Medium\'\2c _sans-serif\]{
  font-family: 'SF Pro:Medium', sans-serif;
}
.font-\[\'SF_Pro\:Regular\'\2c _sans-serif\]{
  font-family: 'SF Pro:Regular', sans-serif;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans{
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-2xs{
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.text-3xl{
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.text-4xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-5xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-6xl{
  font-size: 3rem;
  line-height: 3.5rem;
}
.text-7xl{
  font-size: 3.5rem;
  line-height: 4.25rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[11\.5px\]{
  font-size: 11.5px;
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[12\.5px\]{
  font-size: 12.5px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[13\.5px\]{
  font-size: 13.5px;
}
.text-\[13px\]{
  font-size: 13px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[15px\]{
  font-size: 15px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[17px\]{
  font-size: 17px;
}
.text-\[189px\]{
  font-size: 189px;
}
.text-\[18px\]{
  font-size: 18px;
}
.text-\[19px\]{
  font-size: 19px;
}
.text-\[20px\]{
  font-size: 20px;
}
.text-\[21px\]{
  font-size: 21px;
}
.text-\[22px\]{
  font-size: 22px;
}
.text-\[23px\]{
  font-size: 23px;
}
.text-\[24px\]{
  font-size: 24px;
}
.text-\[26px\]{
  font-size: 26px;
}
.text-\[27px\]{
  font-size: 27px;
}
.text-\[28px\]{
  font-size: 28px;
}
.text-\[30px\]{
  font-size: 30px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[34px\]{
  font-size: 34px;
}
.text-\[36px\]{
  font-size: 36px;
}
.text-\[38px\]{
  font-size: 38px;
}
.text-\[40px\]{
  font-size: 40px;
}
.text-\[46px\]{
  font-size: 46px;
}
.text-\[470px\]{
  font-size: 470px;
}
.text-\[48px\]{
  font-size: 48px;
}
.text-\[50\.13vw\]{
  font-size: 50.13vw;
}
.text-\[52px\]{
  font-size: 52px;
}
.text-\[56px\]{
  font-size: 56px;
}
.text-\[9px\]{
  font-size: 9px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold{
  font-weight: 700;
}
.font-extrabold{
  font-weight: 800;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.uppercase{
  text-transform: uppercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-7{
  line-height: 1.75rem;
}
.leading-8{
  line-height: 2rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[0\.98\]{
  line-height: 0.98;
}
.leading-\[1\.02\]{
  line-height: 1.02;
}
.leading-\[1\.04\]{
  line-height: 1.04;
}
.leading-\[1\.05\]{
  line-height: 1.05;
}
.leading-\[1\.1667em\]{
  line-height: 1.1667em;
}
.leading-\[1\.2857142857142858\]{
  line-height: 1.2857142857142858;
}
.leading-\[1\.2857142857142858em\]{
  line-height: 1.2857142857142858em;
}
.leading-\[1\.2857em\]{
  line-height: 1.2857em;
}
.leading-\[1\.29\]{
  line-height: 1.29;
}
.leading-\[1\.2\]{
  line-height: 1.2;
}
.leading-\[1\.3333333333333333\]{
  line-height: 1.3333333333333333;
}
.leading-\[1\.3333333333333333em\]{
  line-height: 1.3333333333333333em;
}
.leading-\[1\.3333em\]{
  line-height: 1.3333em;
}
.leading-\[1\.333\]{
  line-height: 1.333;
}
.leading-\[1\.33\]{
  line-height: 1.33;
}
.leading-\[1\.35\]{
  line-height: 1.35;
}
.leading-\[1\.3\]{
  line-height: 1.3;
}
.leading-\[1\.4285714285714286\]{
  line-height: 1.4285714285714286;
}
.leading-\[1\.4285714285714286em\]{
  line-height: 1.4285714285714286em;
}
.leading-\[1\.4286em\]{
  line-height: 1.4286em;
}
.leading-\[1\.428\]{
  line-height: 1.428;
}
.leading-\[1\.43\]{
  line-height: 1.43;
}
.leading-\[1\.4444em\]{
  line-height: 1.4444em;
}
.leading-\[1\.4\]{
  line-height: 1.4;
}
.leading-\[1\.4em\]{
  line-height: 1.4em;
}
.leading-\[1\.5555555555555556em\]{
  line-height: 1.5555555555555556em;
}
.leading-\[1\.56\]{
  line-height: 1.56;
}
.leading-\[1\.5em\]{
  line-height: 1.5em;
}
.leading-\[12px\]{
  line-height: 12px;
}
.leading-\[13\.5px\]{
  line-height: 13.5px;
}
.leading-\[13px\]{
  line-height: 13px;
}
.leading-\[14\.5px\]{
  line-height: 14.5px;
}
.leading-\[14px\]{
  line-height: 14px;
}
.leading-\[15\.5px\]{
  line-height: 15.5px;
}
.leading-\[15px\]{
  line-height: 15px;
}
.leading-\[16\.5px\]{
  line-height: 16.5px;
}
.leading-\[16px\]{
  line-height: 16px;
}
.leading-\[17\.5px\]{
  line-height: 17.5px;
}
.leading-\[17px\]{
  line-height: 17px;
}
.leading-\[18\.2px\]{
  line-height: 18.2px;
}
.leading-\[18px\]{
  line-height: 18px;
}
.leading-\[19px\]{
  line-height: 19px;
}
.leading-\[20px\]{
  line-height: 20px;
}
.leading-\[21\.5px\]{
  line-height: 21.5px;
}
.leading-\[21\.75px\]{
  line-height: 21.75px;
}
.leading-\[21px\]{
  line-height: 21px;
}
.leading-\[22px\]{
  line-height: 22px;
}
.leading-\[24px\]{
  line-height: 24px;
}
.leading-\[26px\]{
  line-height: 26px;
}
.leading-\[28\.5px\]{
  line-height: 28.5px;
}
.leading-\[28px\]{
  line-height: 28px;
}
.leading-\[30px\]{
  line-height: 30px;
}
.leading-\[31px\]{
  line-height: 31px;
}
.leading-\[32px\]{
  line-height: 32px;
}
.leading-\[34px\]{
  line-height: 34px;
}
.leading-\[36px\]{
  line-height: 36px;
}
.leading-\[38px\]{
  line-height: 38px;
}
.leading-\[42px\]{
  line-height: 42px;
}
.leading-\[44px\]{
  line-height: 44px;
}
.leading-\[46px\]{
  line-height: 46px;
}
.leading-\[52px\]{
  line-height: 52px;
}
.leading-\[56px\]{
  line-height: 56px;
}
.leading-\[normal\]{
  line-height: normal;
}
.leading-none{
  line-height: 1;
}
.leading-normal{
  line-height: 1.5;
}
.leading-relaxed{
  line-height: 1.625;
}
.leading-tight{
  line-height: 1.25;
}
.tracking-\[-0\.005em\]{
  letter-spacing: -0.005em;
}
.tracking-\[-0\.01em\]{
  letter-spacing: -0.01em;
}
.tracking-\[-0\.02em\]{
  letter-spacing: -0.02em;
}
.tracking-\[-0\.03em\]{
  letter-spacing: -0.03em;
}
.tracking-\[-0\.5px\]{
  letter-spacing: -0.5px;
}
.tracking-\[-0\.6px\]{
  letter-spacing: -0.6px;
}
.tracking-\[-1px\]{
  letter-spacing: -1px;
}
.tracking-\[0\.02em\]{
  letter-spacing: 0.02em;
}
.tracking-\[0\.04em\]{
  letter-spacing: 0.04em;
}
.tracking-\[0\.0667em\]{
  letter-spacing: 0.0667em;
}
.tracking-\[0\.06em\]{
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\]{
  letter-spacing: 0.08em;
}
.tracking-\[0\.10em\]{
  letter-spacing: 0.10em;
}
.tracking-\[0\.12em\]{
  letter-spacing: 0.12em;
}
.tracking-\[0\.16em\]{
  letter-spacing: 0.16em;
}
.tracking-\[0\.1em\]{
  letter-spacing: 0.1em;
}
.tracking-\[0\.3px\]{
  letter-spacing: 0.3px;
}
.tracking-\[0\.5px\]{
  letter-spacing: 0.5px;
}
.tracking-\[0\.8px\]{
  letter-spacing: 0.8px;
}
.tracking-\[1\.5px\]{
  letter-spacing: 1.5px;
}
.tracking-\[1px\]{
  letter-spacing: 1px;
}
.tracking-normal{
  letter-spacing: 0em;
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.tracking-wider{
  letter-spacing: 0.05em;
}
.tracking-widest{
  letter-spacing: 0.1em;
}
.\!text-Colors-Beta-White-80{
  color: var(--Colors-Beta-White-80) !important;
}
.\!text-Colors-Text-Default{
  color: var(--Colors-Text-Default) !important;
}
.\!text-Colors-Text-Static-White{
  color: var(--Colors-Text-Static-White) !important;
}
.text-Colors-Alpha-Black-3{
  color: var(--Colors-Alpha-Black-3);
}
.text-Colors-Alpha-Black-30{
  color: var(--Colors-Alpha-Black-30);
}
.text-Colors-Alpha-Black-40{
  color: var(--Colors-Alpha-Black-40);
}
.text-Colors-Alpha-Black-60{
  color: var(--Colors-Alpha-Black-60);
}
.text-Colors-Beta-Black-100{
  color: var(--Colors-Beta-Black-100);
}
.text-Colors-Beta-Black-5{
  color: var(--Colors-Beta-Black-5);
}
.text-Colors-Beta-White-100{
  color: var(--Colors-Beta-White-100);
}
.text-Colors-Beta-White-30{
  color: var(--Colors-Beta-White-30);
}
.text-Colors-Beta-White-40{
  color: var(--Colors-Beta-White-40);
}
.text-Colors-Beta-White-50{
  color: var(--Colors-Beta-White-50);
}
.text-Colors-Beta-White-60{
  color: var(--Colors-Beta-White-60);
}
.text-Colors-Beta-White-70{
  color: var(--Colors-Beta-White-70);
}
.text-Colors-Beta-White-80{
  color: var(--Colors-Beta-White-80);
}
.text-Colors-Beta-White-90{
  color: var(--Colors-Beta-White-90);
}
.text-Colors-Foreground-Bolder{
  color: var(--Colors-Foreground-Bolder);
}
.text-Colors-Foreground-Brand-Default{
  color: var(--Colors-Foreground-Brand-Default);
}
.text-Colors-Foreground-Critical-Default{
  color: var(--Colors-Foreground-Critical-Default);
}
.text-Colors-Foreground-Default{
  color: var(--Colors-Foreground-Default);
}
.text-Colors-Foreground-Disabled{
  color: var(--Colors-Foreground-Disabled);
}
.text-Colors-Foreground-Static-Black{
  color: var(--Colors-Foreground-Static-Black);
}
.text-Colors-Foreground-Static-White{
  color: var(--Colors-Foreground-Static-White);
}
.text-Colors-Foreground-Subtle{
  color: var(--Colors-Foreground-Subtle);
}
.text-Colors-Foreground-Subtler{
  color: var(--Colors-Foreground-Subtler);
}
.text-Colors-Foreground-Subtlest{
  color: var(--Colors-Foreground-Subtlest);
}
.text-Colors-Foreground-Warning-Default{
  color: var(--Colors-Foreground-Warning-Default);
}
.text-Colors-Marketing-Candlelight-200{
  color: var(--Colors-Marketing-Candlelight-200);
}
.text-Colors-Marketing-Candlelight-400{
  color: var(--Colors-Marketing-Candlelight-400);
}
.text-Colors-Marketing-Candlelight-500{
  color: var(--Colors-Marketing-Candlelight-500);
}
.text-Colors-Marketing-Candlelight-600{
  color: var(--Colors-Marketing-Candlelight-600);
}
.text-Colors-Marketing-Crusta-200{
  color: var(--Colors-Marketing-Crusta-200);
}
.text-Colors-Marketing-Crusta-400{
  color: var(--Colors-Marketing-Crusta-400);
}
.text-Colors-Marketing-Crusta-500{
  color: var(--Colors-Marketing-Crusta-500);
}
.text-Colors-Marketing-Crusta-600{
  color: var(--Colors-Marketing-Crusta-600);
}
.text-Colors-Marketing-Magenta-Fuchsia-400{
  color: var(--Colors-Marketing-Magenta-Fuchsia-400);
}
.text-Colors-Marketing-Malachite-400{
  color: var(--Colors-Marketing-Malachite-400);
}
.text-Colors-Marketing-Malachite-500{
  color: var(--Colors-Marketing-Malachite-500);
}
.text-Colors-Text-Bolder{
  color: var(--Colors-Text-Bolder);
}
.text-Colors-Text-Brand-Bolder{
  color: var(--Colors-Text-Brand-Bolder);
}
.text-Colors-Text-Brand-Default{
  color: var(--Colors-Text-Brand-Default);
}
.text-Colors-Text-Critical-Bolder{
  color: var(--Colors-Text-Critical-Bolder);
}
.text-Colors-Text-Critical-Default{
  color: var(--Colors-Text-Critical-Default);
}
.text-Colors-Text-Critical-Subtle{
  color: var(--Colors-Text-Critical-Subtle);
}
.text-Colors-Text-Default{
  color: var(--Colors-Text-Default);
}
.text-Colors-Text-Disabled{
  color: var(--Colors-Text-Disabled);
}
.text-Colors-Text-Static-Black{
  color: var(--Colors-Text-Static-Black);
}
.text-Colors-Text-Static-White{
  color: var(--Colors-Text-Static-White);
}
.text-Colors-Text-Subtle{
  color: var(--Colors-Text-Subtle);
}
.text-Colors-Text-Subtler{
  color: var(--Colors-Text-Subtler);
}
.text-Colors-Text-Subtlest{
  color: var(--Colors-Text-Subtlest);
}
.text-Colors-Text-Success-Bolder{
  color: var(--Colors-Text-Success-Bolder);
}
.text-Colors-Text-Success-Default{
  color: var(--Colors-Text-Success-Default);
}
.text-Colors-Text-Warning-Bolder{
  color: var(--Colors-Text-Warning-Bolder);
}
.text-Colors-Text-Warning-Default{
  color: var(--Colors-Text-Warning-Default);
}
.text-Colors-Utility-Khaki-60{
  color: var(--Colors-Utility-Khaki-60);
}
.text-Colors-Utility-Khaki-70{
  color: var(--Colors-Utility-Khaki-70);
}
.text-Colors-Utility-Teal-80{
  color: var(--Colors-Utility-Teal-80);
}
.text-\[\#101010\]{
  --tw-text-opacity: 1;
  color: rgb(16 16 16 / var(--tw-text-opacity, 1));
}
.text-\[\#111111\]{
  --tw-text-opacity: 1;
  color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-\[\#141415\]{
  --tw-text-opacity: 1;
  color: rgb(20 20 21 / var(--tw-text-opacity, 1));
}
.text-\[\#147b4f\]{
  --tw-text-opacity: 1;
  color: rgb(20 123 79 / var(--tw-text-opacity, 1));
}
.text-\[\#1A1500\]{
  --tw-text-opacity: 1;
  color: rgb(26 21 0 / var(--tw-text-opacity, 1));
}
.text-\[\#1B1506\]{
  --tw-text-opacity: 1;
  color: rgb(27 21 6 / var(--tw-text-opacity, 1));
}
.text-\[\#1a1500\]{
  --tw-text-opacity: 1;
  color: rgb(26 21 0 / var(--tw-text-opacity, 1));
}
.text-\[\#1d1c1f\]{
  --tw-text-opacity: 1;
  color: rgb(29 28 31 / var(--tw-text-opacity, 1));
}
.text-\[\#2AABEE\]{
  --tw-text-opacity: 1;
  color: rgb(42 171 238 / var(--tw-text-opacity, 1));
}
.text-\[\#3a393d\]{
  --tw-text-opacity: 1;
  color: rgb(58 57 61 / var(--tw-text-opacity, 1));
}
.text-\[\#47ed9e\]{
  --tw-text-opacity: 1;
  color: rgb(71 237 158 / var(--tw-text-opacity, 1));
}
.text-\[\#4e3593\]{
  --tw-text-opacity: 1;
  color: rgb(78 53 147 / var(--tw-text-opacity, 1));
}
.text-\[\#5a4708\]{
  --tw-text-opacity: 1;
  color: rgb(90 71 8 / var(--tw-text-opacity, 1));
}
.text-\[\#5b5a5f\]{
  --tw-text-opacity: 1;
  color: rgb(91 90 95 / var(--tw-text-opacity, 1));
}
.text-\[\#63D471\]{
  --tw-text-opacity: 1;
  color: rgb(99 212 113 / var(--tw-text-opacity, 1));
}
.text-\[\#68676c\]{
  --tw-text-opacity: 1;
  color: rgb(104 103 108 / var(--tw-text-opacity, 1));
}
.text-\[\#6f6f6f\]{
  --tw-text-opacity: 1;
  color: rgb(111 111 111 / var(--tw-text-opacity, 1));
}
.text-\[\#7A7A7A\]{
  --tw-text-opacity: 1;
  color: rgb(122 122 122 / var(--tw-text-opacity, 1));
}
.text-\[\#7FB6FF\]{
  --tw-text-opacity: 1;
  color: rgb(127 182 255 / var(--tw-text-opacity, 1));
}
.text-\[\#7e6b06\]{
  --tw-text-opacity: 1;
  color: rgb(126 107 6 / var(--tw-text-opacity, 1));
}
.text-\[\#89878E\]{
  --tw-text-opacity: 1;
  color: rgb(137 135 142 / var(--tw-text-opacity, 1));
}
.text-\[\#89878e\]{
  --tw-text-opacity: 1;
  color: rgb(137 135 142 / var(--tw-text-opacity, 1));
}
.text-\[\#8a8a8a\]{
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.text-\[\#8e8ea0\]{
  --tw-text-opacity: 1;
  color: rgb(142 142 160 / var(--tw-text-opacity, 1));
}
.text-\[\#96949c\]{
  --tw-text-opacity: 1;
  color: rgb(150 148 156 / var(--tw-text-opacity, 1));
}
.text-\[\#A8A8A8\]{
  --tw-text-opacity: 1;
  color: rgb(168 168 168 / var(--tw-text-opacity, 1));
}
.text-\[\#B9B9B9\]{
  --tw-text-opacity: 1;
  color: rgb(185 185 185 / var(--tw-text-opacity, 1));
}
.text-\[\#CBC6E6\]{
  --tw-text-opacity: 1;
  color: rgb(203 198 230 / var(--tw-text-opacity, 1));
}
.text-\[\#DEDEDE\]{
  --tw-text-opacity: 1;
  color: rgb(222 222 222 / var(--tw-text-opacity, 1));
}
.text-\[\#EC2B65\]{
  --tw-text-opacity: 1;
  color: rgb(236 43 101 / var(--tw-text-opacity, 1));
}
.text-\[\#EC5F47\]{
  --tw-text-opacity: 1;
  color: rgb(236 95 71 / var(--tw-text-opacity, 1));
}
.text-\[\#F4B335\]{
  --tw-text-opacity: 1;
  color: rgb(244 179 53 / var(--tw-text-opacity, 1));
}
.text-\[\#F5D84B\]{
  --tw-text-opacity: 1;
  color: rgb(245 216 75 / var(--tw-text-opacity, 1));
}
.text-\[\#FF306E\]{
  --tw-text-opacity: 1;
  color: rgb(255 48 110 / var(--tw-text-opacity, 1));
}
.text-\[\#FF7FA1\]{
  --tw-text-opacity: 1;
  color: rgb(255 127 161 / var(--tw-text-opacity, 1));
}
.text-\[\#FF8FB0\]{
  --tw-text-opacity: 1;
  color: rgb(255 143 176 / var(--tw-text-opacity, 1));
}
.text-\[\#FFD23D\]{
  --tw-text-opacity: 1;
  color: rgb(255 210 61 / var(--tw-text-opacity, 1));
}
.text-\[\#FFD700\]{
  --tw-text-opacity: 1;
  color: rgb(255 215 0 / var(--tw-text-opacity, 1));
}
.text-\[\#FFF\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\#a11811\]{
  --tw-text-opacity: 1;
  color: rgb(161 24 17 / var(--tw-text-opacity, 1));
}
.text-\[\#a488fa\]{
  --tw-text-opacity: 1;
  color: rgb(164 136 250 / var(--tw-text-opacity, 1));
}
.text-\[\#a78bfa\]{
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.text-\[\#a8a8a8\]{
  --tw-text-opacity: 1;
  color: rgb(168 168 168 / var(--tw-text-opacity, 1));
}
.text-\[\#aaaaaa\]{
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.text-\[\#b08d18\]{
  --tw-text-opacity: 1;
  color: rgb(176 141 24 / var(--tw-text-opacity, 1));
}
.text-\[\#c9c8cd\]{
  --tw-text-opacity: 1;
  color: rgb(201 200 205 / var(--tw-text-opacity, 1));
}
.text-\[\#cfcfcf\]{
  --tw-text-opacity: 1;
  color: rgb(207 207 207 / var(--tw-text-opacity, 1));
}
.text-\[\#e0ba4d\]{
  --tw-text-opacity: 1;
  color: rgb(224 186 77 / var(--tw-text-opacity, 1));
}
.text-\[\#ec2b65\]{
  --tw-text-opacity: 1;
  color: rgb(236 43 101 / var(--tw-text-opacity, 1));
}
.text-\[\#f0d34a\]{
  --tw-text-opacity: 1;
  color: rgb(240 211 74 / var(--tw-text-opacity, 1));
}
.text-\[\#f5c542\]{
  --tw-text-opacity: 1;
  color: rgb(245 197 66 / var(--tw-text-opacity, 1));
}
.text-\[\#f5f5f6\]{
  --tw-text-opacity: 1;
  color: rgb(245 245 246 / var(--tw-text-opacity, 1));
}
.text-\[\#fb928e\]{
  --tw-text-opacity: 1;
  color: rgb(251 146 142 / var(--tw-text-opacity, 1));
}
.text-\[\#fddf1a\]{
  --tw-text-opacity: 1;
  color: rgb(253 223 26 / var(--tw-text-opacity, 1));
}
.text-\[\#ff7aa8\]{
  --tw-text-opacity: 1;
  color: rgb(255 122 168 / var(--tw-text-opacity, 1));
}
.text-\[\#ff8095\]{
  --tw-text-opacity: 1;
  color: rgb(255 128 149 / var(--tw-text-opacity, 1));
}
.text-\[\#ffb020\]{
  --tw-text-opacity: 1;
  color: rgb(255 176 32 / var(--tw-text-opacity, 1));
}
.text-\[\#ffe600\]{
  --tw-text-opacity: 1;
  color: rgb(255 230 0 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.4\)\]{
  color: rgba(255,255,255,0.4);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.56\)\]{
  color: rgba(255,255,255,0.56);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.6\)\]{
  color: rgba(255,255,255,0.6);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.62\)\]{
  color: rgba(255,255,255,0.62);
}
.text-\[rgba\(255\2c 255\2c 255\2c 0\.78\)\]{
  color: rgba(255,255,255,0.78);
}
.text-\[var\(--pg-blush\)\]{
  color: var(--pg-blush);
}
.text-\[var\(--pg-ink-2\)\]{
  color: var(--pg-ink-2);
}
.text-\[var\(--pg-ink-3\)\]{
  color: var(--pg-ink-3);
}
.text-\[var\(--pg-ink-4\)\]{
  color: var(--pg-ink-4);
}
.text-\[var\(--pg-pink-hi\)\]{
  color: var(--pg-pink-hi);
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-cc-Button-Brand-bg-default{
  color: var(--Component-Colors-Button-Brand-bg-default);
}
.text-cc-Button-Brand-fg-default{
  color: var(--Component-Colors-Button-Brand-fg-default);
}
.text-cc-Button-Error-Primary-fg-default{
  color: var(--Component-Colors-Button-Error-Primary-fg-default);
}
.text-cc-Button-Error-Secondary-fg-default{
  color: var(--Component-Colors-Button-Error-Secondary-fg-default);
}
.text-cc-Button-Plain-Brand-fg-default{
  color: var(--Component-Colors-Button-Plain-Brand-fg-default);
}
.text-cc-Button-Plain-fg-alt{
  color: var(--Component-Colors-Button-Plain-fg-alt);
}
.text-cc-Button-Plain-fg-default{
  color: var(--Component-Colors-Button-Plain-fg-default);
}
.text-cc-Button-Primary-fg-default{
  color: var(--Component-Colors-Button-Primary-fg-default);
}
.text-cc-Button-Secondary-fg-default{
  color: var(--Component-Colors-Button-Secondary-fg-default);
}
.text-cc-Button-Static-fg-default{
  color: var(--Component-Colors-Button-Static-fg-default);
}
.text-cc-Button-Tertiary-fg-default{
  color: var(--Component-Colors-Button-Tertiary-fg-default);
}
.text-cc-Chat-Tips-fg-alert{
  color: var(--Component-Colors-Chat-Tips-fg-alert);
}
.text-cc-Chat-Tips-fg-error{
  color: var(--Component-Colors-Chat-Tips-fg-error);
}
.text-cc-Chat-Tips-fg-info{
  color: var(--Component-Colors-Chat-Tips-fg-info);
}
.text-cc-Check-Box-bg-default{
  color: var(--Component-Colors-Check-Box-bg-default);
}
.text-cc-Check-Box-fg-default{
  color: var(--Component-Colors-Check-Box-fg-default);
}
.text-cc-Dropdown-fg-default{
  color: var(--Component-Colors-Dropdown-fg-default);
}
.text-cc-Energy-fg-default{
  color: var(--Component-Colors-Energy-fg-default);
}
.text-cc-Icon-Button-Brand-fg-default{
  color: var(--Component-Colors-Icon-Button-Brand-fg-default);
}
.text-cc-Icon-Button-Plain-Brand-fg-default{
  color: var(--Component-Colors-Icon-Button-Plain-Brand-fg-default);
}
.text-cc-Icon-Button-Plain-Gray-fg-default{
  color: var(--Component-Colors-Icon-Button-Plain-Gray-fg-default);
}
.text-cc-Icon-Featured-icon-fg-Error{
  color: var(--Component-Colors-Icon-Featured-icon-fg-error);
}
.text-cc-Icon-Featured-icon-fg-Info{
  color: var(--Component-Colors-Icon-Featured-icon-fg-Info);
}
.text-cc-Icon-Featured-icon-fg-Success{
  color: var(--Component-Colors-Icon-Featured-icon-fg-success);
}
.text-cc-Icon-Featured-icon-fg-Warning{
  color: var(--Component-Colors-Icon-Featured-icon-fg-warning);
}
.text-cc-Link-Button-Primary-fg-default{
  color: var(--Component-Colors-Link-Button-Primary-fg-default);
}
.text-cc-Link-Button-Secondary-fg-default{
  color: var(--Component-Colors-Link-Button-Secondary-fg-default);
}
.text-cc-Tabbar-fg-bolder{
  color: var(--Component-Colors-Tabbar-fg-bolder);
}
.text-cc-Tabbar-fg-default{
  color: var(--Component-Colors-Tabbar-fg-default);
}
.text-cc-Tag-gray-fg{
  color: var(--Component-Colors-Tag-gray-fg);
}
.text-cc-Tag-green-fg{
  color: var(--Component-Colors-Tag-green-fg);
}
.text-cc-Tag-red-fg{
  color: var(--Component-Colors-Tag-red-fg);
}
.text-cc-Tag-yellow-fg{
  color: var(--Component-Colors-Tag-yellow-fg);
}
.text-cc-Toast-fg-default{
  color: var(--Component-Colors-Toast-fg-default);
}
.text-cc-Toast-fg-subtle{
  color: var(--Component-Colors-Toast-fg-subtle);
}
.text-cc-Tooltip-fg-default{
  color: var(--Component-Colors-Tooltip-fg-default);
}
.text-current{
  color: currentColor;
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-inherit{
  color: inherit;
}
.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-950{
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-transparent{
  color: transparent;
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/40{
  color: rgb(255 255 255 / 0.4);
}
.text-white\/45{
  color: rgb(255 255 255 / 0.45);
}
.text-white\/50{
  color: rgb(255 255 255 / 0.5);
}
.text-white\/55{
  color: rgb(255 255 255 / 0.55);
}
.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}
.text-white\/85{
  color: rgb(255 255 255 / 0.85);
}
.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}
.text-white\/\[0\.20\]{
  color: rgb(255 255 255 / 0.20);
}
.text-white\/\[0\.22\]{
  color: rgb(255 255 255 / 0.22);
}
.text-white\/\[0\.32\]{
  color: rgb(255 255 255 / 0.32);
}
.text-white\/\[0\.48\]{
  color: rgb(255 255 255 / 0.48);
}
.text-white\/\[0\.62\]{
  color: rgb(255 255 255 / 0.62);
}
.text-white\/\[0\.72\]{
  color: rgb(255 255 255 / 0.72);
}
.text-white\/\[0\.78\]{
  color: rgb(255 255 255 / 0.78);
}
.underline{
  text-decoration-line: underline;
}
.overline{
  text-decoration-line: overline;
}
.line-through{
  text-decoration-line: line-through;
}
.no-underline{
  text-decoration-line: none;
}
.underline-offset-2{
  text-underline-offset: 2px;
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.caret-transparent{
  caret-color: transparent;
}
.\!opacity-70{
  opacity: 0.7 !important;
}
.opacity-0{
  opacity: 0;
}
.opacity-10{
  opacity: 0.1;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-25{
  opacity: 0.25;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-35{
  opacity: 0.35;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.opacity-55{
  opacity: 0.55;
}
.opacity-60{
  opacity: 0.6;
}
.opacity-70{
  opacity: 0.7;
}
.opacity-80{
  opacity: 0.8;
}
.opacity-90{
  opacity: 0.9;
}
.opacity-\[0\.32\]{
  opacity: 0.32;
}
.opacity-\[0\.45\]{
  opacity: 0.45;
}
.opacity-\[0\.55\]{
  opacity: 0.55;
}
.opacity-\[1\]{
  opacity: 1;
}
.\!shadow-background-bolder{
  --tw-shadow: 0px 3px 8px 0px var(--Component-Colors-Shadows-Surface-Bolder, rgba(0, 0, 0, 0.03)) !important;
  --tw-shadow-colored: 0px 3px 8px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-modal-default{
  --tw-shadow: 2px 6px 18px 0px var(--Component-Colors-Shadows-Modal-Bolder, rgba(0, 0, 0, 0.12)) !important;
  --tw-shadow-colored: 2px 6px 18px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_-20px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 -20px 60px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 -20px 60px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_\#ec2b65_inset\2c 0_8px_20px_rgba\(236\2c 43\2c 101\2c 0\.35\)\]{
  --tw-shadow: 0 0 0 1px #ec2b65 inset,0 8px 20px rgba(236,43,101,0.35);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(236\2c 43\2c 101\2c 0\.16\)\2c 0_0_34px_rgba\(236\2c 43\2c 101\2c 0\.16\)\]{
  --tw-shadow: 0 0 0 1px rgba(236,43,101,0.16),0 0 34px rgba(236,43,101,0.16);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(236\2c 43\2c 101\2c 0\.25\)\]{
  --tw-shadow: 0 0 0 1px rgba(236,43,101,0.25);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_var\(--pg-blush\)\2c 0_12px_40px_var\(--pg-glow\)\]{
  --tw-shadow: 0 0 0 1px var(--pg-blush),0 12px 40px var(--pg-glow);
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(236\2c 43\2c 101\2c 0\.14\)\2c 0_10px_28px_rgba\(236\2c 43\2c 101\2c 0\.12\)\]{
  --tw-shadow: 0 0 0 3px rgba(236,43,101,0.14),0 10px 28px rgba(236,43,101,0.12);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color), 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_3px_rgba\(236\2c 43\2c 101\2c 0\.22\)\]{
  --tw-shadow: 0 0 0 3px rgba(236,43,101,0.22);
  --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_4px_rgba\(236\2c 43\2c 101\2c 0\.18\)\]{
  --tw-shadow: 0 0 0 4px rgba(236,43,101,0.18);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0_8px_rgba\(236\2c 43\2c 101\2c 0\.06\)\]{
  --tw-shadow: 0 0 0 8px rgba(236,43,101,0.06);
  --tw-shadow-colored: 0 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_12px_\#EC2B65\]{
  --tw-shadow: 0 0 12px #EC2B65;
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_32px_rgba\(245\2c 197\2c 66\2c 0\.22\)\]{
  --tw-shadow: 0 0 32px rgba(245,197,66,0.22);
  --tw-shadow-colored: 0 0 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_40px_rgba\(0\2c 0\2c 0\2c 0\.45\)\]{
  --tw-shadow: 0 0 40px rgba(0,0,0,0.45);
  --tw-shadow-colored: 0 0 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_6px_\#ec2b65\]{
  --tw-shadow: 0 0 6px #ec2b65;
  --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#2ED573\]{
  --tw-shadow: 0 0 8px #2ED573;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#32D583\]{
  --tw-shadow: 0 0 8px #32D583;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(255\2c 224\2c 120\2c 0\.8\)\]{
  --tw-shadow: 0 0 8px rgba(255,224,120,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_28px_rgba\(240\2c 27\2c 92\2c 0\.32\)\]{
  --tw-shadow: 0 10px 28px rgba(240,27,92,0.32);
  --tw-shadow-colored: 0 10px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_10px_32px_rgba\(236\2c 43\2c 101\2c 0\.24\)\]{
  --tw-shadow: 0 10px 32px rgba(236,43,101,0.24);
  --tw-shadow-colored: 0 10px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.6\)\]{
  --tw-shadow: 0 12px 32px rgba(0,0,0,0.6);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_36px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 12px 36px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 12px 36px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_12px_40px_rgba\(236\2c 43\2c 101\2c 0\.32\)\]{
  --tw-shadow: 0 12px 40px rgba(236,43,101,0.32);
  --tw-shadow-colored: 0 12px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_14px_34px_rgba\(245\2c 197\2c 66\2c 0\.22\)\]{
  --tw-shadow: 0 14px 34px rgba(245,197,66,0.22);
  --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 16px 40px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(236\2c 43\2c 101\2c 0\.18\)\]{
  --tw-shadow: 0 16px 40px rgba(236,43,101,0.18);
  --tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_6px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-shadow: 0 1px 6px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 1px 6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  --tw-shadow: 0 20px 60px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.05);
  --tw-shadow-colored: 0 20px 60px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_22px_64px_rgba\(0\2c 0\2c 0\2c 0\.62\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  --tw-shadow: 0 22px 64px rgba(0,0,0,0.62),inset 0 1px 0 rgba(255,255,255,0.05);
  --tw-shadow-colored: 0 22px 64px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_64px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 24px 64px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 24px 64px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.38\)\]{
  --tw-shadow: 0 24px 80px rgba(0,0,0,0.38);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 24px 80px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.55\)\]{
  --tw-shadow: 0 24px 80px rgba(0,0,0,0.55);
  --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_40px_120px_rgba\(236\2c 43\2c 101\2c 0\.18\)\]{
  --tw-shadow: 0 40px 120px rgba(236,43,101,0.18);
  --tw-shadow-colored: 0 40px 120px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_10px_rgba\(255\2c 230\2c 0\2c 0\.32\)\]{
  --tw-shadow: 0 4px 10px rgba(255,230,0,0.32);
  --tw-shadow-colored: 0 4px 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_4px_16px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-shadow: 0 4px 16px rgba(0,0,0,0.35);
  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-shadow: 0 6px 16px rgba(0,0,0,0.4);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_16px_rgba\(236\2c 43\2c 101\2c 0\.32\)\]{
  --tw-shadow: 0 6px 16px rgba(236,43,101,0.32);
  --tw-shadow-colored: 0 6px 16px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_rgba\(236\2c 43\2c 101\2c 0\.50\)\2c inset_0_0_0_1px_rgba\(255\2c 255\2c 255\2c 0\.30\)\]{
  --tw-shadow: 0 6px 18px rgba(236,43,101,0.50),inset 0 0 0 1px rgba(255,255,255,0.30);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_18px_rgba\(253\2c 223\2c 26\2c 0\.28\)\]{
  --tw-shadow: 0 6px 18px rgba(253,223,26,0.28);
  --tw-shadow-colored: 0 6px 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_rgba\(236\2c 43\2c 101\2c 0\.32\)\]{
  --tw-shadow: 0 6px 20px rgba(236,43,101,0.32);
  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_20px_var\(--pg-glow\)\]{
  --tw-shadow: 0 6px 20px var(--pg-glow);
  --tw-shadow-colored: 0 6px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_6px_22px_var\(--pg-glow\)\]{
  --tw-shadow: 0 6px 22px var(--pg-glow);
  --tw-shadow-colored: 0 6px 22px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c 0\.20\)\]{
  --tw-shadow: 0 8px 20px rgba(0,0,0,0.20);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-shadow: 0 8px 20px rgba(0,0,0,0.5);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(100\2c 66\2c 192\2c 0\.35\)\]{
  --tw-shadow: 0 8px 20px rgba(100,66,192,0.35);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(236\2c 43\2c 101\2c 0\.20\)\]{
  --tw-shadow: 0 8px 20px rgba(236,43,101,0.20);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_20px_rgba\(236\2c 43\2c 101\2c 0\.28\)\]{
  --tw-shadow: 0 8px 20px rgba(236,43,101,0.28);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(236\2c 43\2c 101\2c 0\.32\)\]{
  --tw-shadow: 0 8px 24px rgba(236,43,101,0.32);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_rgba\(236\2c 43\2c 101\2c 0\.4\)\]{
  --tw-shadow: 0 8px 24px rgba(236,43,101,0.4);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_8px_24px_var\(--pg-glow\)\]{
  --tw-shadow: 0 8px 24px var(--pg-glow);
  --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_4px_0px_rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  --tw-shadow: 0px 0px 4px 0px rgba(255,255,255,0.05);
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(236\2c 43\2c 101\2c 0\.20\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(236,43,101,0.20);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_rgba\(236\2c 43\2c 101\2c 0\.55\)\]{
  --tw-shadow: inset 0 0 0 1px rgba(236,43,101,0.55);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_var\(--Maroon-Flush-400\)\2c 0_8px_24px_rgba\(240\2c 27\2c 92\2c 0\.12\)\]{
  --tw-shadow: inset 0 0 0 1px var(--Maroon-Flush-400),0 8px 24px rgba(240,27,92,0.12);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color), 0 8px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.08\)\2c 0_8px_20px_rgba\(236\2c 43\2c 101\2c 0\.20\)\]{
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.08),0 8px 20px rgba(236,43,101,0.20);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.52\)\]{
  --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.52);
  --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-background-bolder{
  --tw-shadow: 0px 3px 8px 0px var(--Component-Colors-Shadows-Surface-Bolder, rgba(0, 0, 0, 0.03));
  --tw-shadow-colored: 0px 3px 8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-background-default{
  --tw-shadow: 0px 0px 4px 0px var(--Component-colors-Shadows-Surface-Default, rgba(0, 0, 0, 0.12));
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-modal{
  --tw-shadow: 0px 0px 40px 0px var(--Component-Colors-Shadows-Modal-Bolder);
  --tw-shadow-colored: 0px 0px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-modal-bolder{
  --tw-shadow: 0px 0px 2px 0px var(--Component-Colors-Shadows-Modal-Bolder, rgba(0, 0, 0, 0.12)), 0px 0px 40px 0px var(--Component-Colors-Shadows-Modal-Bolder, rgba(0, 0, 0, 0.12));
  --tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 0px 40px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-modal-default{
  --tw-shadow: 2px 6px 18px 0px var(--Component-Colors-Shadows-Modal-Bolder, rgba(0, 0, 0, 0.12));
  --tw-shadow-colored: 2px 6px 18px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-cc-Focus-Rings-Brand-default{
  --tw-shadow-color: var(--Component-Colors-Focus-Rings-Brand);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cc-Shadows-Modal-bolder{
  --tw-shadow-color: var(--Component-Colors-Shadows-Modal-Bolder);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cc-Shadows-Modal-default{
  --tw-shadow-color: var(--Component-Colors-Shadows-Modal-Default);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-cc-Shadows-Surface-default{
  --tw-shadow-color: var(--Component-Colors-Shadows-Surface-Default);
  --tw-shadow: var(--tw-shadow-colored);
}
.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.outline-2{
  outline-width: 2px;
}
.\!outline-\[var\(--Colors-Border-Critical\)\]{
  outline-color: var(--Colors-Border-Critical) !important;
}
.\!outline-\[var\(--Colors-Border-Warning\)\]{
  outline-color: var(--Colors-Border-Warning) !important;
}
.\!outline-\[var\(--Colors-Marketing-Purple-Heart-500\)\]{
  outline-color: var(--Colors-Marketing-Purple-Heart-500) !important;
}
.outline-transparent{
  outline-color: transparent;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[\#EC5F47\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 95 71 / var(--tw-ring-opacity, 1));
}
.ring-\[\#ec2b65\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 43 101 / var(--tw-ring-opacity, 1));
}
.ring-white{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.ring-offset-white{
  --tw-ring-offset-color: #fff;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[32px\]{
  --tw-blur: blur(32px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[3px\]{
  --tw-blur: blur(3px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_28px_rgba\(253\2c 224\2c 26\2c 0\.48\)\]{
  --tw-drop-shadow: drop-shadow(0 0 28px rgba(253,224,26,0.48));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_4px_rgba\(255\2c 255\2c 255\2c 0\.55\)\]{
  --tw-drop-shadow: drop-shadow(0 0 4px rgba(255,255,255,0.55));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_16px_28px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  --tw-drop-shadow: drop-shadow(0 16px 28px rgba(0,0,0,0.35));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_18px_30px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  --tw-drop-shadow: drop-shadow(0 18px 30px rgba(0,0,0,0.5));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_4px_10px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{
  --tw-drop-shadow: drop-shadow(0 4px 10px rgba(0,0,0,0.4));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-2xl{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-3xl{
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[10px\]{
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[12px\]{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[15px\]{
  --tw-backdrop-blur: blur(15px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[20px\]{
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[24px\]{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[32px\]{
  --tw-backdrop-blur: blur(32px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[40px\]{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[4px\]{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[64px\]{
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[6px\]{
  --tw-backdrop-blur: blur(6px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[8px\]{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-none{
  --tw-backdrop-blur:  ;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl{
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.\!transition-none{
  transition-property: none !important;
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background\2c border-color\2c box-shadow\]{
  transition-property: background,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background\2c border-color\2c transform\2c opacity\]{
  transition-property: background,border-color,transform,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[background-color\2c border-color\2c box-shadow\]{
  transition-property: background-color,border-color,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c box-shadow\2c background-color\]{
  transition-property: border-color,box-shadow,background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[border-color\2c box-shadow\2c transform\]{
  transition-property: border-color,box-shadow,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\2c opacity\]{
  transition-property: filter,opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[filter\2c transform\]{
  transition-property: filter,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c filter\]{
  transition-property: opacity,filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[opacity\2c transform\]{
  transition-property: opacity,transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[transform\2c box-shadow\]{
  transition-property: transform,box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[width\]{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow{
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-0{
  transition-delay: 0s;
}
.\!duration-0{
  transition-duration: 0s !important;
}
.duration-0{
  transition-duration: 0s;
}
.duration-100{
  transition-duration: 100ms;
}
.duration-150{
  transition-duration: 150ms;
}
.duration-200{
  transition-duration: 200ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-500{
  transition-duration: 500ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.will-change-transform{
  will-change: transform;
}
@keyframes enter{
  from{
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit{
  to{
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0{
  --tw-enter-opacity: 0;
}
.fade-in-80{
  --tw-enter-opacity: 0.8;
}
.fade-out{
  --tw-exit-opacity: 0;
}
.zoom-in-95{
  --tw-enter-scale: .95;
}
.\!duration-0{
  animation-duration: 0s !important;
}
.duration-0{
  animation-duration: 0s;
}
.duration-100{
  animation-duration: 100ms;
}
.duration-150{
  animation-duration: 150ms;
}
.duration-200{
  animation-duration: 200ms;
}
.duration-300{
  animation-duration: 300ms;
}
.duration-500{
  animation-duration: 500ms;
}
.delay-0{
  animation-delay: 0s;
}
.ease-in-out{
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  animation-timing-function: linear;
}
.ease-out{
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running{
  animation-play-state: running;
}
.\!paused{
  animation-play-state: paused !important;
}
.paused{
  animation-play-state: paused;
}
.\[animation\:energy-cup-live-pulse_1\.6s_ease-in-out_infinite\]{
  animation: energy-cup-live-pulse 1.6s ease-in-out infinite;
}
.\[animation\:sexy-chat-create-card-sweep_3\.4s_linear_infinite\]{
  animation: sexy-chat-create-card-sweep 3.4s linear infinite;
}
.\[background\:linear-gradient\(180deg\2c rgba\(0\2c 0\2c 0\2c 0\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.85\)_35\%\2c \#000_70\%\)\]{
  background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 35%,#000 70%);
}
.\[container-type\:inline-size\]{
  container-type: inline-size;
}
.\[filter\:drop-shadow\(0_0_6px_rgba\(236\2c 43\2c 101\2c 0\.55\)\)\]{
  filter: drop-shadow(0 0 6px rgba(236,43,101,0.55));
}
.\[font-variant-numeric\:tabular-nums\]{
  font-variant-numeric: tabular-nums;
}
.\[mask-image\:linear-gradient\(180deg\2c transparent\2c \#000_11\%\2c \#000_89\%\2c transparent\)\]{
  -webkit-mask-image: linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);
          mask-image: linear-gradient(180deg,transparent,#000 11%,#000 89%,transparent);
}
.\[scrollbar-color\:\#3a3a3c_transparent\]{
  scrollbar-color: #3a3a3c transparent;
}
.\[scrollbar-color\:\#68676c_transparent\]{
  scrollbar-color: #68676c transparent;
}
.\[scrollbar-gutter\:stable\]{
  scrollbar-gutter: stable;
}
.\[scrollbar-width\:none\]{
  scrollbar-width: none;
}
.\[scrollbar-width\:thin\]{
  scrollbar-width: thin;
}
.\[text-shadow\:0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.35\)\]{
  text-shadow: 0 1px 3px rgba(0,0,0,0.35);
}
.\[text-shadow\:0_1px_3px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.\[text-shadow\:0_1px_4px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.\[text-shadow\:0_2px_12px_rgba\(0\2c 0\2c 0\2c 0\.9\)\]{
  text-shadow: 0 2px 12px rgba(0,0,0,0.9);
}
.\[text-wrap\:pretty\]{
  text-wrap: pretty;
}
.\[transform\:rotate\(-6deg\)_translate\(-10px\2c 0\)\]{
  transform: rotate(-6deg) translate(-10px,0);
}
.\[transform\:rotate\(2deg\)_translate\(2px\2c -4px\)\]{
  transform: rotate(2deg) translate(2px,-4px);
}
.\[transform\:rotate\(8deg\)_translate\(12px\2c 4px\)\]{
  transform: rotate(8deg) translate(12px,4px);
}
.\[transition-duration\:160ms\]{
  transition-duration: 160ms;
}
.\[transition-timing-function\:ease\]{
  transition-timing-function: ease;
}
html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  overflow: hidden;
  background-color: var(--Colors-Background-Neutral-Primary-Default);
  color: var(--Colors-Text-Default);
  font-family: system-ui, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif !important;
}
body .focus-visible-style:focus-visible {
  outline-color: var(--Component-Colors-Focus-Rings-Brand);
  outline-offset: 1px;
  outline-style: solid;
  outline-width: 2px;
  --tw-ring-offset-width: 2px;
  --tw-ring-shadow: none;
  border-color: transparent;
}
body input.focus-visible-style:focus-visible,
body textarea.focus-visible-style:focus-visible {
  background-color: var(--Component-Colors-Input-bg-active);
  border-color: transparent;
}
body .ant-picker:hover {
  border-color: var(--Colors-Border-Hover) !important;
}
body .focus-visible-style[aria-invalid=true]:focus-visible {
  outline-color: var(--Colors-Border-Critical) !important;
}
body .display-font-style {
  font-feature-settings: "ss01", "ss07";
}

.driver-popover * {
  font-family: system-ui, "system-ui", "Segoe UI", Helvetica, Arial, sans-serif !important;
}

body.driver-active .driver-none {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

body.driver-active .driver-none * {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}

@media (min-width: 768px) {
  /* 在宽度大于 768px 且小于等于 1024px 的屏幕上应用以下样式 */
  *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  *::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 6px;
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--Colors-Border-Hover);
    border-radius: 6px;
  }
}
.bot-avatar-upload .cropper-container,
.user-avatar-upload .cropper-container {
  visibility: hidden !important;
}
.bot-avatar-upload .cropper-hidden,
.user-avatar-upload .cropper-hidden {
  display: block !important;
}

.chakra-checkbox__control {
  border-radius: 50%;
}

.square-checkbox .chakra-checkbox__control {
  border-radius: 2px;
}

.chakra-checkbox__control[data-checked] {
  background: #3e5cfa;
  border-color: #3e5cfa;
}

.chakra-checkbox__control[data-focus-visible] {
  box-shadow: none;
}

.chakra-table tr td {
  height: 56px;
  padding: 0 20px;
}

.chakra-table tr:nth-of-type(odd) td {
  background-color: #fafbfb;
}

.py-safe {
  background-color: #fafbfb;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.arrow {
  --popper-arrow-default-shadow: 1px 1px 1px 0 var(--Component-Colors-Shadows-Modal-Bolder) !important;
}

.dark .arrow {
  --popper-arrow-default-shadow: 1px 1px 1px 0 var(--Colors-Border-Opaque) !important;
}

.arrow-left {
  --popper-arrow-default-shadow: -1px 1px 1px 0 var(--Component-Colors-Shadows-Modal-Bolder) !important;
}

.dark .arrow-left {
  --popper-arrow-default-shadow: -1px 1px 1px 0 var(--Colors-Border-Opaque) !important;
}

li,
a,
button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.tap-higtlight {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.chat-mask > div {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgb(0, 0, 0) 20px);
  mask-image: linear-gradient(to bottom, transparent 0, rgb(0, 0, 0) 20px);
}

.driver-popover {
  background-color: var(--Colors-Background-Info-Alt) !important;
  color: var(--Colors-Text-Static-White) !important;
}

.driver-popover .driver-popover-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--Colors-Beta-White-100);
}

.driver-popover .driver-popover-description {
  font-size: 14px;
  color: var(--Colors-Beta-White-80);
}

.driver-popover .driver-popover-progress-text {
  font-size: 14px;
  color: var(--Colors-Beta-White-60);
  opacity: 0.6;
  font-weight: 500;
}

.driver-popover-footer .driver-popover-navigation-btns {
  flex-wrap: wrap;
  gap: 6px;
}

.driver-popover-footer .driver-popover-skip-btn,
.driver-popover-footer .driver-popover-skip-btn:hover,
.driver-popover-footer .driver-popover-skip-btn:focus {
  border: none;
  background: transparent !important;
  font-size: 14px;
  color: var(--Colors-Beta-White-80);
  opacity: 0.6;
  font-weight: 500;
  border-radius: 6px;
  padding: 4px 12px;
  text-shadow: none;
}

.driver-popover-footer .driver-popover-prev-btn,
.driver-popover-footer .driver-popover-prev-btn:hover,
.driver-popover-footer .driver-popover-prev-btn:focus,
.driver-popover-footer .driver-popover-next-btn,
.driver-popover-footer .driver-popover-next-btn:hover,
.driver-popover-footer .driver-popover-next-btn:focus {
  background: var(--Colors-Foreground-Static-White) !important;
  color: var(--Colors-Text-Static-Black) !important;
  font-size: 14px;
  padding: 4px 16px;
  border-radius: 6px;
  height: 28px;
  text-shadow: none;
}

.driver-popover .driver-popover-arrow-side-left {
  border-left-color: var(--Colors-Background-Info-Alt);
}

.driver-popover .driver-popover-arrow-side-right {
  border-right-color: var(--Colors-Background-Info-Alt);
}

.driver-popover .driver-popover-arrow-side-top {
  border-top-color: var(--Colors-Background-Info-Alt);
}

.driver-popover .driver-popover-arrow-side-bottom {
  border-bottom-color: var(--Colors-Background-Info-Alt);
}

.workshop-topbar-guide .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
  left: 15px;
  right: auto;
}

.explore-bot-item .chakra-popover__arrow-positioner {
  display: none;
}

.chakra-switch__thumb {
  background-color: var(--Colors-Background-Neutral-Primary-Default) !important;
}

.chakra-switch__track {
  background-color: var(--Colors-Border-Default) !important;
}

.chakra-switch__track[data-checked] {
  background-color: var(--Colors-Background-Normal-Primary-Default) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.md-viewer code {
  background-color: white !important;
  font-size: 14px !important;
  color: var(--Neutral-30);
}

.page-view .md-viewer pre {
  padding: 12px;
  background-color: #f6f8fa !important;
  color: var(--Colors-Text-Default);
}
.page-view .md-viewer pre code {
  background-color: #f6f8fa !important;
  color: var(--Colors-Text-Default);
}

.sbdocs-wrapper {
  overflow-y: auto;
  height: 100vh;
}

.sbdocs-content {
  max-width: 70vw !important;
}

.disable-touch-action img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.x-tabs > div:nth-of-type(2) {
  min-height: 0;
}

/* Workshop: chat module dark mode fixes */
.myshell_art_chat_module > section {
  background-color: var(--Colors-Background-Utilities-Modal, #1D1C1F) !important;
}

.myshell_art_chat_module #renderer-container > div[style*=linear-gradient] {
  background-image: none !important;
}

.myshell_art_chat_module #renderer-container ~ div > div {
  background-color: var(--Colors-Background-Utilities-Modal, #1D1C1F) !important;
}

/* Workshop: flow-engine custom group node */
.react-flow__node-custom_group {
  background-color: transparent;
  border-radius: 2px !important;
  padding: 0 !important;
  z-index: -1 !important;
}

/* Workshop: flow-engine opt-bar/touchbar override */
.flow-touchbar {
  border-radius: var(--Radius-radius-lg, 8px) !important;
  background: var(--Colors-Background-Utilities-Modal, #1D1C1F) !important;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15) !important;
}

/* Workshop: ensure dropdown/popover renders above antd Drawer (z-index 1000) */
[data-radix-popper-content-wrapper] {
  z-index: 1500 !important;
}

/* Workshop: antd Drawer dark mode */
.ant-drawer {
  z-index: 50 !important;
}
.ant-drawer .ant-drawer-content {
  border: none !important;
  padding: 0px !important;
  border-radius: var(--Radius-radius-lg, 8px);
  background: var(--Colors-Background-Utilities-Modal, #1D1C1F);
  box-shadow: 2px 6px 18px 0 var(--Component-colors-Shadows-Modal-default-bolder, rgba(0, 0, 0, 0.4));
  color: var(--Colors-Foreground-Default, #F5F5F6);
}
.ant-drawer .ant-drawer-header {
  background: transparent;
  border-bottom: none !important;
  padding: 16px 16px 0px 16px;
}
.ant-drawer .ant-drawer-header .ant-drawer-title {
  color: var(--Colors-Foreground-Default, #F5F5F6);
}
.ant-drawer .ant-drawer-header .ant-drawer-close {
  color: var(--Colors-Foreground-Subtle, #A0A0A6);
}
.ant-drawer .ant-drawer-body {
  background: transparent !important;
  color: var(--Colors-Foreground-Default, #F5F5F6);
  padding: 0 !important;
}
.ant-drawer .ant-drawer-footer {
  border-top-color: var(--Colors-Border-Default, rgba(255, 255, 255, 0.08));
  padding: 12px 0 0 0;
}
.ant-drawer .ant-drawer-content-wrapper {
  box-shadow: none !important;
}
.dark\:prose-invert:is(.dark *){
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.file\:border-0::file-selector-button{
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}
.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button{
  font-weight: 500;
}
.placeholder\:text-Colors-Alpha-Black-40::-moz-placeholder{
  color: var(--Colors-Alpha-Black-40);
}
.placeholder\:text-Colors-Alpha-Black-40::placeholder{
  color: var(--Colors-Alpha-Black-40);
}
.placeholder\:text-Colors-Foreground-Subtlest::-moz-placeholder{
  color: var(--Colors-Foreground-Subtlest);
}
.placeholder\:text-Colors-Foreground-Subtlest::placeholder{
  color: var(--Colors-Foreground-Subtlest);
}
.placeholder\:text-Colors-Text-Subtler::-moz-placeholder{
  color: var(--Colors-Text-Subtler);
}
.placeholder\:text-Colors-Text-Subtler::placeholder{
  color: var(--Colors-Text-Subtler);
}
.placeholder\:text-Colors-Text-Subtlest::-moz-placeholder{
  color: var(--Colors-Text-Subtlest);
}
.placeholder\:text-Colors-Text-Subtlest::placeholder{
  color: var(--Colors-Text-Subtlest);
}
.placeholder\:text-\[\#68676c\]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(104 103 108 / var(--tw-text-opacity, 1));
}
.placeholder\:text-\[\#68676c\]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(104 103 108 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-500::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-500::placeholder{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.before\:pointer-events-none::before{
  content: var(--tw-content);
  pointer-events: none;
}
.before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}
.before\:inset-0::before{
  content: var(--tw-content);
  inset: 0px;
}
.before\:bottom-0::before{
  content: var(--tw-content);
  bottom: 0px;
}
.before\:left-0::before{
  content: var(--tw-content);
  left: 0px;
}
.before\:left-1::before{
  content: var(--tw-content);
  left: 0.25rem;
}
.before\:right-0::before{
  content: var(--tw-content);
  right: 0px;
}
.before\:top-0::before{
  content: var(--tw-content);
  top: 0px;
}
.before\:z-10::before{
  content: var(--tw-content);
  z-index: 10;
}
.before\:mr-1\.5::before{
  content: var(--tw-content);
  margin-right: 0.375rem;
}
.before\:mt-\[4\.5px\]::before{
  content: var(--tw-content);
  margin-top: 4.5px;
}
.before\:size-1\.5::before{
  content: var(--tw-content);
  width: 0.375rem;
  height: 0.375rem;
}
.before\:h-1::before{
  content: var(--tw-content);
  height: 0.25rem;
}
.before\:h-\[1px\]::before{
  content: var(--tw-content);
  height: 1px;
}
.before\:w-1::before{
  content: var(--tw-content);
  width: 0.25rem;
}
.before\:cursor-text::before{
  content: var(--tw-content);
  cursor: text;
}
.before\:select-none::before{
  content: var(--tw-content);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.before\:rounded-full::before{
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-sm::before{
  content: var(--tw-content);
  border-radius: 0.375rem;
}
.before\:bg-Colors-Beta-Black-30::before{
  content: var(--tw-content);
  background-color: var(--Colors-Beta-Black-30);
}
.before\:bg-\[\#ec2b65\]::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(236 43 101 / var(--tw-bg-opacity, 1));
}
.before\:bg-\[var\(--Colors-Border-Alt\)\]::before{
  content: var(--tw-content);
  background-color: var(--Colors-Border-Alt);
}
.before\:bg-\[var\(--Maroon-Flush-400\)\]::before{
  content: var(--tw-content);
  background-color: var(--Maroon-Flush-400);
}
.before\:bg-cc-Button-Brand-bg-default::before{
  content: var(--tw-content);
  background-color: var(--Component-Colors-Button-Brand-bg-default);
}
.before\:pr-2::before{
  content: var(--tw-content);
  padding-right: 0.5rem;
}
.before\:text-gray-400::before{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.before\:shadow-\[0_0_12px_rgba\(236\2c 43\2c 101\2c 0\.7\)\]::before{
  content: var(--tw-content);
  --tw-shadow: 0 0 12px rgba(236,43,101,0.7);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[0_0_18px_rgba\(240\2c 27\2c 92\2c 0\.45\)\]::before{
  content: var(--tw-content);
  --tw-shadow: 0 0 18px rgba(240,27,92,0.45);
  --tw-shadow-colored: 0 0 18px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:shadow-\[0_0_8px_\#ec2b65\]::before{
  content: var(--tw-content);
  --tw-shadow: 0 0 8px #ec2b65;
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:content-\[\"\"\]::before{
  --tw-content: "";
  content: var(--tw-content);
}
.before\:content-\[\"\{\{\"\]::before{
  --tw-content: "{{";
  content: var(--tw-content);
}
.before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}
.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
.after\:right-1::after{
  content: var(--tw-content);
  right: 0.25rem;
}
.after\:select-none::after{
  content: var(--tw-content);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.after\:pl-2::after{
  content: var(--tw-content);
  padding-left: 0.5rem;
}
.after\:text-gray-400::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.after\:content-\[\"\}\}\"\]::after{
  --tw-content: "}}";
  content: var(--tw-content);
}
.first\:border-t:first-child{
  border-top-width: 1px;
}
.last\:border-b-transparent:last-child{
  border-bottom-color: transparent;
}
.focus-within\:border-\[\#6442c0\]:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(100 66 192 / var(--tw-border-opacity, 1));
}
@media (hover: hover) and (pointer: fine){
  .hover\:-translate-y-0\.5:hover{
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:-translate-y-px:hover{
    --tw-translate-y: -1px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:rotate-45:hover{
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:scale-110:hover{
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:scale-\[1\.01\]:hover{
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:border-none:hover{
    border-style: none;
  }
  .hover\:\!border-Colors-Border-Brand:hover{
    border-color: var(--Colors-Border-Brand) !important;
  }
  .hover\:border-Colors-Beta-White-12:hover{
    border-color: var(--Colors-Beta-White-12);
  }
  .hover\:border-Colors-Beta-White-16:hover{
    border-color: var(--Colors-Beta-White-16);
  }
  .hover\:border-Colors-Beta-White-20:hover{
    border-color: var(--Colors-Beta-White-20);
  }
  .hover\:border-Colors-Border-Default:hover{
    border-color: var(--Colors-Border-Default);
  }
  .hover\:border-Colors-Border-Hover:hover{
    border-color: var(--Colors-Border-Hover);
  }
  .hover\:border-\[\#8962f6\]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(137 98 246 / var(--tw-border-opacity, 1));
  }
  .hover\:border-\[\#EC2B65\]\/35:hover{
    border-color: rgb(236 43 101 / 0.35);
  }
  .hover\:border-\[\#EC2B65\]\/70:hover{
    border-color: rgb(236 43 101 / 0.7);
  }
  .hover\:border-\[\#fddf1a\]\/70:hover{
    border-color: rgb(253 223 26 / 0.7);
  }
  .hover\:border-\[rgba\(255\2c 255\2c 255\2c 0\.14\)\]:hover{
    border-color: rgba(255,255,255,0.14);
  }
  .hover\:border-\[rgba\(255\2c 255\2c 255\2c 0\.22\)\]:hover{
    border-color: rgba(255,255,255,0.22);
  }
  .hover\:border-\[rgba\(255\2c 255\2c 255\2c 0\.24\)\]:hover{
    border-color: rgba(255,255,255,0.24);
  }
  .hover\:border-cc-Button-Brand-bg-default:hover{
    border-color: var(--Component-Colors-Button-Brand-bg-default);
  }
  .hover\:border-cc-Button-Ghost-border-alt:hover{
    border-color: var(--Component-Colors-Button-Ghost-border-alt);
  }
  .hover\:border-cc-Check-Box-border-hover:hover{
    border-color: var(--Component-Colors-Check-Box-border-hover);
  }
  .hover\:border-cc-Input-border-default:hover{
    border-color: var(--Component-Colors-Input-border-default);
  }
  .hover\:border-white\/25:hover{
    border-color: rgb(255 255 255 / 0.25);
  }
  .hover\:border-white\/\[0\.18\]:hover{
    border-color: rgb(255 255 255 / 0.18);
  }
  .hover\:border-white\/\[0\.20\]:hover{
    border-color: rgb(255 255 255 / 0.20);
  }
  .hover\:\!bg-Colors-Alpha-White-5:hover{
    background-color: var(--Colors-Alpha-White-5) !important;
  }
  .hover\:\!bg-\[\#2A0712\]:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(42 7 18 / var(--tw-bg-opacity, 1)) !important;
  }
  .hover\:\!bg-\[\#D41750\]:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(212 23 80 / var(--tw-bg-opacity, 1)) !important;
  }
  .hover\:\!bg-\[\#EC2B65\]\/20:hover{
    background-color: rgb(236 43 101 / 0.2) !important;
  }
  .hover\:\!bg-\[\#EC2B65\]\/25:hover{
    background-color: rgb(236 43 101 / 0.25) !important;
  }
  .hover\:\!bg-\[\#F13D75\]:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(241 61 117 / var(--tw-bg-opacity, 1)) !important;
  }
  .hover\:\!bg-\[\#ec2b65\]:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(236 43 101 / var(--tw-bg-opacity, 1)) !important;
  }
  .hover\:\!bg-white\/\[0\.06\]:hover{
    background-color: rgb(255 255 255 / 0.06) !important;
  }
  .hover\:bg-Colors-Alpha-Black-3:hover{
    background-color: var(--Colors-Alpha-Black-3);
  }
  .hover\:bg-Colors-Alpha-Black-30:hover{
    background-color: var(--Colors-Alpha-Black-30);
  }
  .hover\:bg-Colors-Background-Neutral-Primary-Default:hover{
    background-color: var(--Colors-Background-Neutral-Primary-Default);
  }
  .hover\:bg-Colors-Background-Normal-Primary-Active:hover{
    background-color: var(--Colors-Background-Normal-Primary-Active);
  }
  .hover\:bg-Colors-Background-Normal-Primary-Default:hover{
    background-color: var(--Colors-Background-Normal-Primary-Default);
  }
  .hover\:bg-Colors-Background-Normal-Primary-Hover:hover{
    background-color: var(--Colors-Background-Normal-Primary-Hover);
  }
  .hover\:bg-Colors-Background-Normal-Secondary-Hover:hover{
    background-color: var(--Colors-Background-Normal-Secondary-Hover);
  }
  .hover\:bg-Colors-Background-Surface-Subtle:hover{
    background-color: var(--Colors-Background-Surface-Subtle);
  }
  .hover\:bg-Colors-Beta-Black-20:hover{
    background-color: var(--Colors-Beta-Black-20);
  }
  .hover\:bg-Colors-Beta-Black-30:hover{
    background-color: var(--Colors-Beta-Black-30);
  }
  .hover\:bg-Colors-Beta-Black-40:hover{
    background-color: var(--Colors-Beta-Black-40);
  }
  .hover\:bg-Colors-Beta-White-12:hover{
    background-color: var(--Colors-Beta-White-12);
  }
  .hover\:bg-Colors-Beta-White-40:hover{
    background-color: var(--Colors-Beta-White-40);
  }
  .hover\:bg-Colors-Beta-White-8:hover{
    background-color: var(--Colors-Beta-White-8);
  }
  .hover\:bg-Colors-Foreground-Subtle:hover{
    background-color: var(--Colors-Foreground-Subtle);
  }
  .hover\:bg-Colors-Marketing-Candlelight-400:hover{
    background-color: var(--Colors-Marketing-Candlelight-400);
  }
  .hover\:bg-Colors-Marketing-Crusta-500:hover{
    background-color: var(--Colors-Marketing-Crusta-500);
  }
  .hover\:bg-Colors-Utility-Gray-20:hover{
    background-color: var(--Colors-Utility-Gray-20);
  }
  .hover\:bg-\[\#24202d\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(36 32 45 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#2A2A2A\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#2c2c2e\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(44 44 46 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#BF0F44\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(191 15 68 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#EC2B65\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(236 43 101 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#FF5577\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 85 119 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#FFE866\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 232 102 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#e6e6e8\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(230 230 232 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#ec2b65\]\/\[0\.16\]:hover{
    background-color: rgb(236 43 101 / 0.16);
  }
  .hover\:bg-\[\#ec2b65\]\/\[0\.22\]:hover{
    background-color: rgb(236 43 101 / 0.22);
  }
  .hover\:bg-\[\#fee552\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 229 82 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[\#ffe34f\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 227 79 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.50\)\]:hover{
    background-color: rgba(0,0,0,0.50);
  }
  .hover\:bg-\[rgba\(236\2c 43\2c 101\2c 0\.06\)\]:hover{
    background-color: rgba(236,43,101,0.06);
  }
  .hover\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.06\)\]:hover{
    background-color: rgba(255,255,255,0.06);
  }
  .hover\:bg-\[var\(--Colors-Border-Active\)\]:hover{
    background-color: var(--Colors-Border-Active);
  }
  .hover\:bg-\[var\(--Component-Colors-Button-Tertiary-bg-hover\)\]:hover{
    background-color: var(--Component-Colors-Button-Tertiary-bg-hover);
  }
  .hover\:bg-black\/60:hover{
    background-color: rgb(0 0 0 / 0.6);
  }
  .hover\:bg-black\/75:hover{
    background-color: rgb(0 0 0 / 0.75);
  }
  .hover\:bg-black\/\[0\.78\]:hover{
    background-color: rgb(0 0 0 / 0.78);
  }
  .hover\:bg-cc-Button-Brand-bg-default:hover{
    background-color: var(--Component-Colors-Button-Brand-bg-default);
  }
  .hover\:bg-cc-Button-Brand-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Brand-bg-hover);
  }
  .hover\:bg-cc-Button-Error-Primary-bg-default:hover{
    background-color: var(--Component-Colors-Button-Error-Primary-bg-default);
  }
  .hover\:bg-cc-Button-Error-Primary-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Error-Primary-bg-hover);
  }
  .hover\:bg-cc-Button-Error-Secondary-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Error-Secondary-bg-hover);
  }
  .hover\:bg-cc-Button-Ghost-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Ghost-bg-hover);
  }
  .hover\:bg-cc-Button-Opacity-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Opacity-bg-hover);
  }
  .hover\:bg-cc-Button-Plain-Brand-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Plain-Brand-bg-hover);
  }
  .hover\:bg-cc-Button-Plain-Gray-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Plain-Gray-bg-hover);
  }
  .hover\:bg-cc-Button-Plain-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Plain-bg-hover);
  }
  .hover\:bg-cc-Button-Primary-bg-default:hover{
    background-color: var(--Component-Colors-Button-Primary-bg-default);
  }
  .hover\:bg-cc-Button-Primary-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Primary-bg-hover);
  }
  .hover\:bg-cc-Button-Secondary-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Secondary-bg-hover);
  }
  .hover\:bg-cc-Button-Static-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Static-bg-hover);
  }
  .hover\:bg-cc-Button-Tertiary-bg-hover:hover{
    background-color: var(--Component-Colors-Button-Tertiary-bg-hover);
  }
  .hover\:bg-cc-Chat-Tips-button-alert:hover{
    background-color: var(--Component-Colors-Chat-Tips-button-alert);
  }
  .hover\:bg-cc-Chips-Primary-bg-hover:hover{
    background-color: var(--Component-Colors-Chips-Primary-bg-hover);
  }
  .hover\:bg-cc-Dropdown-bg-hover:hover{
    background-color: var(--Component-Colors-Dropdown-bg-hover);
  }
  .hover\:bg-cc-Icon-Button-Brand-bg-hover:hover{
    background-color: var(--Component-Colors-Icon-Button-Brand-bg-hover);
  }
  .hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-gray-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-slate-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
  }
  .hover\:bg-transparent:hover{
    background-color: transparent;
  }
  .hover\:bg-white\/10:hover{
    background-color: rgb(255 255 255 / 0.1);
  }
  .hover\:bg-white\/\[0\.04\]:hover{
    background-color: rgb(255 255 255 / 0.04);
  }
  .hover\:bg-white\/\[0\.06\]:hover{
    background-color: rgb(255 255 255 / 0.06);
  }
  .hover\:bg-white\/\[0\.08\]:hover{
    background-color: rgb(255 255 255 / 0.08);
  }
  .hover\:bg-white\/\[0\.10\]:hover{
    background-color: rgb(255 255 255 / 0.10);
  }
  .hover\:bg-white\/\[0\.12\]:hover{
    background-color: rgb(255 255 255 / 0.12);
  }
  .hover\:bg-white\/\[0\.16\]:hover{
    background-color: rgb(255 255 255 / 0.16);
  }
  .hover\:bg-\[linear-gradient\(135deg\2c var\(--Maroon-Flush-400\)\2c var\(--Maroon-Flush-600\)\)\]:hover{
    background-image: linear-gradient(135deg,var(--Maroon-Flush-400),var(--Maroon-Flush-600));
  }
  .hover\:\!text-white:hover{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
  .hover\:text-Colors-Beta-White-50:hover{
    color: var(--Colors-Beta-White-50);
  }
  .hover\:text-Colors-Foreground-Default:hover{
    color: var(--Colors-Foreground-Default);
  }
  .hover\:text-Colors-Text-Brand-Default:hover{
    color: var(--Colors-Text-Brand-Default);
  }
  .hover\:text-Colors-Text-Default:hover{
    color: var(--Colors-Text-Default);
  }
  .hover\:text-Colors-Text-Subtle:hover{
    color: var(--Colors-Text-Subtle);
  }
  .hover\:text-Colors-Text-Subtler:hover{
    color: var(--Colors-Text-Subtler);
  }
  .hover\:text-\[\#EC2B65\]:hover{
    --tw-text-opacity: 1;
    color: rgb(236 43 101 / var(--tw-text-opacity, 1));
  }
  .hover\:text-\[\#FF5B86\]:hover{
    --tw-text-opacity: 1;
    color: rgb(255 91 134 / var(--tw-text-opacity, 1));
  }
  .hover\:text-\[\#ff4f8d\]:hover{
    --tw-text-opacity: 1;
    color: rgb(255 79 141 / var(--tw-text-opacity, 1));
  }
  .hover\:text-\[\#ff5a8f\]:hover{
    --tw-text-opacity: 1;
    color: rgb(255 90 143 / var(--tw-text-opacity, 1));
  }
  .hover\:text-cc-Button-Brand-bg-default:hover{
    color: var(--Component-Colors-Button-Brand-bg-default);
  }
  .hover\:text-cc-Button-Tertiary-fg-alt:hover{
    color: var(--Component-Colors-Button-Tertiary-fg-alt);
  }
  .hover\:text-cc-Link-Button-Primary-fg-hover:hover{
    color: var(--Component-Colors-Link-Button-Primary-fg-hover);
  }
  .hover\:text-cc-Link-Button-Secondary-fg-hover:hover{
    color: var(--Component-Colors-Link-Button-Secondary-fg-hover);
  }
  .hover\:text-slate-500:hover{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
  }
  .hover\:text-slate-900:hover{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1));
  }
  .hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .hover\:text-white\/60:hover{
    color: rgb(255 255 255 / 0.6);
  }
  .hover\:underline:hover{
    text-decoration-line: underline;
  }
  .hover\:opacity-100:hover{
    opacity: 1;
  }
  .hover\:opacity-80:hover{
    opacity: 0.8;
  }
  .hover\:opacity-85:hover{
    opacity: 0.85;
  }
  .hover\:opacity-90:hover{
    opacity: 0.9;
  }
  .hover\:shadow-\[0_14px_34px_rgba\(240\2c 27\2c 92\2c 0\.42\)\]:hover{
    --tw-shadow: 0 14px 34px rgba(240,27,92,0.42);
    --tw-shadow-colored: 0 14px 34px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .hover\:shadow-background-bolder:hover{
    --tw-shadow: 0px 3px 8px 0px var(--Component-Colors-Shadows-Surface-Bolder, rgba(0, 0, 0, 0.03));
    --tw-shadow-colored: 0px 3px 8px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .hover\:outline-none:hover{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .hover\:brightness-105:hover{
    --tw-brightness: brightness(1.05);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .hover\:brightness-110:hover{
    --tw-brightness: brightness(1.1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .hover\:brightness-\[1\.08\]:hover{
    --tw-brightness: brightness(1.08);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}
.focus\:bg-Colors-Alpha-White-5:focus{
  background-color: var(--Colors-Alpha-White-5);
}
.focus\:bg-Colors-Background-Neutral-Primary-Default:focus{
  background-color: var(--Colors-Background-Neutral-Primary-Default);
}
.focus\:bg-Colors-Beta-White-8:focus{
  background-color: var(--Colors-Beta-White-8);
}
.focus\:bg-cc-Dropdown-bg-hover:focus{
  background-color: var(--Component-Colors-Dropdown-bg-hover);
}
.focus\:bg-slate-100:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.focus\:text-Colors-Text-Default:focus{
  color: var(--Colors-Text-Default);
}
.focus\:text-slate-900:focus{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.focus\:shadow-button-tertiary-shadow:focus{
  --tw-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0px 1px 0px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:shadow-cc-Focus-Rings-Brand-default:focus{
  --tw-shadow-color: var(--Component-Colors-Focus-Rings-Brand);
  --tw-shadow: var(--tw-shadow-colored);
}
.focus\:\!outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:\!ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#1b192d\]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(27 25 45 / var(--tw-ring-opacity, 1));
}
.focus\:ring-slate-950:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:rounded-sm:focus-visible{
  border-radius: 0.375rem;
}
.focus-visible\:\!border-transparent:focus-visible{
  border-color: transparent !important;
}
.focus-visible\:border-cc-Button-Brand-bg-default:focus-visible{
  border-color: var(--Component-Colors-Button-Brand-bg-default);
}
.focus-visible\:\!bg-transparent:focus-visible{
  background-color: transparent !important;
}
.focus-visible\:bg-Colors-Background-Normal-Primary-Default:focus-visible{
  background-color: var(--Colors-Background-Normal-Primary-Default);
}
.focus-visible\:bg-Colors-Background-Normal-Primary-Hover:focus-visible{
  background-color: var(--Colors-Background-Normal-Primary-Hover);
}
.focus-visible\:bg-\[rgba\(236\2c 43\2c 101\2c 0\.06\)\]:focus-visible{
  background-color: rgba(236,43,101,0.06);
}
.focus-visible\:bg-cc-Button-Brand-bg-default:focus-visible{
  background-color: var(--Component-Colors-Button-Brand-bg-default);
}
.focus-visible\:bg-cc-Button-Primary-bg-default:focus-visible{
  background-color: var(--Component-Colors-Button-Primary-bg-default);
}
.focus-visible\:bg-cc-Button-Tertiary-bg-default:focus-visible{
  background-color: var(--Component-Colors-Button-Tertiary-bg-default);
}
.focus-visible\:bg-cc-Input-bg-default:focus-visible{
  background-color: var(--Component-Colors-Input-bg-default);
}
.focus-visible\:bg-slate-100:focus-visible{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.focus-visible\:bg-transparent:focus-visible{
  background-color: transparent;
}
.focus-visible\:text-Colors-Text-Default:focus-visible{
  color: var(--Colors-Text-Default);
}
.focus-visible\:text-cc-Button-Brand-bg-default:focus-visible{
  color: var(--Component-Colors-Button-Brand-bg-default);
}
.focus-visible\:text-slate-900:focus-visible{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.focus-visible\:opacity-100:focus-visible{
  opacity: 1;
}
.focus-visible\:shadow-none:focus-visible{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:shadow-cc-Focus-Rings-Brand-default:focus-visible{
  --tw-shadow-color: var(--Component-Colors-Focus-Rings-Brand);
  --tw-shadow: var(--tw-shadow-colored);
}
.focus-visible\:\!outline-none:focus-visible{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:outline-0:focus-visible{
  outline-width: 0px;
}
.focus-visible\:outline-cc-Focus-Rings-Brand-default:focus-visible{
  outline-color: var(--Component-Colors-Focus-Rings-Brand);
}
.focus-visible\:\!ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-\[\#EC2B65\]:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 43 101 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-\[\#EC2B65\]\/60:focus-visible{
  --tw-ring-color: rgb(236 43 101 / 0.6);
}
.focus-visible\:ring-slate-950:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1));
}
.focus-visible\:ring-transparent:focus-visible{
  --tw-ring-color: transparent;
}
.focus-visible\:ring-offset-0:focus-visible{
  --tw-ring-offset-width: 0px;
}
.focus-visible\:ring-offset-1:focus-visible{
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.active\:translate-y-0:active{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:translate-y-px:active{
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:border-Colors-Border-Active:active{
  border-color: var(--Colors-Border-Active);
}
.active\:bg-Colors-Alpha-Black-30:active{
  background-color: var(--Colors-Alpha-Black-30);
}
.active\:bg-Colors-Background-Normal-Primary-Active:active{
  background-color: var(--Colors-Background-Normal-Primary-Active);
}
.active\:bg-Colors-Beta-Black-20:active{
  background-color: var(--Colors-Beta-Black-20);
}
.active\:bg-Colors-Beta-Black-30:active{
  background-color: var(--Colors-Beta-Black-30);
}
.active\:bg-Colors-Beta-Black-40:active{
  background-color: var(--Colors-Beta-Black-40);
}
.active\:bg-Colors-Beta-White-50:active{
  background-color: var(--Colors-Beta-White-50);
}
.active\:bg-\[\#BF0F44\]:active{
  --tw-bg-opacity: 1;
  background-color: rgb(191 15 68 / var(--tw-bg-opacity, 1));
}
.active\:bg-cc-Button-Brand-bg-active:active{
  background-color: var(--Component-Colors-Button-Brand-bg-active);
}
.active\:bg-cc-Button-Brand-bg-default:active{
  background-color: var(--Component-Colors-Button-Brand-bg-default);
}
.active\:bg-cc-Button-Error-Primary-bg-active:active{
  background-color: var(--Component-Colors-Button-Error-Primary-bg-active);
}
.active\:bg-cc-Button-Error-Primary-bg-default:active{
  background-color: var(--Component-Colors-Button-Error-Primary-bg-default);
}
.active\:bg-cc-Button-Error-Secondary-bg-active:active{
  background-color: var(--Component-Colors-Button-Error-Secondary-bg-active);
}
.active\:bg-cc-Button-Ghost-bg-active:active{
  background-color: var(--Component-Colors-Button-Ghost-bg-active);
}
.active\:bg-cc-Button-Opacity-bg-active:active{
  background-color: var(--Component-Colors-Button-Opacity-bg-active);
}
.active\:bg-cc-Button-Plain-Brand-bg-active:active{
  background-color: var(--Component-Colors-Button-Plain-Brand-bg-active);
}
.active\:bg-cc-Button-Plain-bg-active:active{
  background-color: var(--Component-Colors-Button-Plain-bg-active);
}
.active\:bg-cc-Button-Primary-bg-active:active{
  background-color: var(--Component-Colors-Button-Primary-bg-active);
}
.active\:bg-cc-Button-Primary-bg-default:active{
  background-color: var(--Component-Colors-Button-Primary-bg-default);
}
.active\:bg-cc-Button-Secondary-bg-active:active{
  background-color: var(--Component-Colors-Button-Secondary-bg-active);
}
.active\:bg-cc-Button-Static-bg-active:active{
  background-color: var(--Component-Colors-Button-Static-bg-active);
}
.active\:bg-cc-Button-Tertiary-bg-active:active{
  background-color: var(--Component-Colors-Button-Tertiary-bg-active);
}
.active\:bg-cc-Chat-Tips-button-alert:active{
  background-color: var(--Component-Colors-Chat-Tips-button-alert);
}
.active\:bg-cc-Icon-Button-Brand-bg-active:active{
  background-color: var(--Component-Colors-Icon-Button-Brand-bg-active);
}
.active\:bg-transparent:active{
  background-color: transparent;
}
.active\:text-Colors-Text-Subtle:active{
  color: var(--Colors-Text-Subtle);
}
.active\:text-cc-Link-Button-Primary-fg-active:active{
  color: var(--Component-Colors-Link-Button-Primary-fg-active);
}
.active\:text-cc-Link-Button-Secondary-fg-active:active{
  color: var(--Component-Colors-Link-Button-Secondary-fg-active);
}
.active\:underline:active{
  text-decoration-line: underline;
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:cursor-pointer:disabled{
  cursor: pointer;
}
.disabled\:border-none:disabled{
  border-style: none;
}
.disabled\:border-Colors-Beta-White-80:disabled{
  border-color: var(--Colors-Beta-White-80);
}
.disabled\:border-cc-Button-Error-Secondary-border-disabled:disabled{
  border-color: var(--Component-Colors-Button-Error-Secondary-border-disabled);
}
.disabled\:border-cc-Button-Secondary-border-disabled:disabled{
  border-color: var(--Component-Colors-Button-Secondary-border-disabled);
}
.disabled\:\!bg-\[\#C31045\]:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(195 16 69 / var(--tw-bg-opacity, 1)) !important;
}
.disabled\:\!bg-transparent:disabled{
  background-color: transparent !important;
}
.disabled\:\!bg-white\/\[0\.06\]:disabled{
  background-color: rgb(255 255 255 / 0.06) !important;
}
.disabled\:\!bg-white\/\[0\.08\]:disabled{
  background-color: rgb(255 255 255 / 0.08) !important;
}
.disabled\:bg-Colors-Beta-White-60:disabled{
  background-color: var(--Colors-Beta-White-60);
}
.disabled\:bg-\[\#303030\]:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(48 48 48 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-cc-Button-Brand-bg-default:disabled{
  background-color: var(--Component-Colors-Button-Brand-bg-default);
}
.disabled\:bg-cc-Button-Brand-bg-disabled:disabled{
  background-color: var(--Component-Colors-Button-Brand-bg-disabled);
}
.disabled\:bg-cc-Button-Error-Primary-bg-default:disabled{
  background-color: var(--Component-Colors-Button-Error-Primary-bg-default);
}
.disabled\:bg-cc-Button-Error-Primary-bg-disabled:disabled{
  background-color: var(--Component-Colors-Button-Error-Primary-bg-disabled);
}
.disabled\:bg-cc-Button-Error-Secondary-bg-disabled:disabled{
  background-color: var(--Component-Colors-Button-Error-Secondary-bg-disabled);
}
.disabled\:bg-cc-Button-Plain-Brand-bg-default:disabled{
  background-color: var(--Component-Colors-Button-Plain-Brand-bg-default);
}
.disabled\:bg-cc-Button-Plain-bg-default:disabled{
  background-color: var(--Component-Colors-Button-Plain-bg-default);
}
.disabled\:bg-cc-Button-Primary-bg-disabled:disabled{
  background-color: var(--Component-Colors-Button-Primary-bg-disabled);
}
.disabled\:bg-cc-Button-Secondary-bg-default:disabled{
  background-color: var(--Component-Colors-Button-Secondary-bg-default);
}
.disabled\:bg-cc-Chat-Tips-button-alert:disabled{
  background-color: var(--Component-Colors-Chat-Tips-button-alert);
}
.disabled\:bg-cc-Check-Box-bg-disabled:disabled{
  background-color: var(--Component-Colors-Check-Box-bg-disabled);
}
.disabled\:bg-cc-Icon-Button-Brand-bg-disabled:disabled{
  background-color: var(--Component-Colors-Icon-Button-Brand-bg-disabled);
}
.disabled\:bg-white\/\[0\.08\]:disabled{
  background-color: rgb(255 255 255 / 0.08);
}
.disabled\:italic:disabled{
  font-style: italic;
}
.disabled\:\!text-white:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.disabled\:\!text-white\/\[0\.32\]:disabled{
  color: rgb(255 255 255 / 0.32) !important;
}
.disabled\:text-Colors-Beta-White-80:disabled{
  color: var(--Colors-Beta-White-80);
}
.disabled\:text-cc-Button-Brand-fg-alt:disabled{
  color: var(--Component-Colors-Button-Brand-fg-alt);
}
.disabled\:text-cc-Button-Error-Primary-fg-alt:disabled{
  color: var(--Component-Colors-Button-Error-Primary-fg-alt);
}
.disabled\:text-cc-Button-Error-Secondary-fg-alt:disabled{
  color: var(--Component-Colors-Button-Error-Secondary-fg-alt);
}
.disabled\:text-cc-Button-Ghost-fg-alt:disabled{
  color: var(--Component-Colors-Button-Ghost-fg-alt);
}
.disabled\:text-cc-Button-Plain-Brand-fg-alt:disabled{
  color: var(--Component-Colors-Button-Plain-Brand-fg-alt);
}
.disabled\:text-cc-Button-Plain-fg-alt:disabled{
  color: var(--Component-Colors-Button-Plain-fg-alt);
}
.disabled\:text-cc-Button-Plain-fg-default:disabled{
  color: var(--Component-Colors-Button-Plain-fg-default);
}
.disabled\:text-cc-Button-Primary-fg-alt:disabled{
  color: var(--Component-Colors-Button-Primary-fg-alt);
}
.disabled\:text-cc-Button-Secondary-fg-alt:disabled{
  color: var(--Component-Colors-Button-Secondary-fg-alt);
}
.disabled\:text-cc-Button-Static-fg-alt:disabled{
  color: var(--Component-Colors-Button-Static-fg-alt);
}
.disabled\:text-cc-Button-Tertiary-fg-alt:disabled{
  color: var(--Component-Colors-Button-Tertiary-fg-alt);
}
.disabled\:text-cc-Icon-Button-Brand-fg-alt:disabled{
  color: var(--Component-Colors-Icon-Button-Brand-fg-alt);
}
.disabled\:text-cc-Link-Button-Primary-fg-disabled:disabled{
  color: var(--Component-Colors-Link-Button-Primary-fg-disabled);
}
.disabled\:text-cc-Link-Button-Secondary-fg-disabled:disabled{
  color: var(--Component-Colors-Link-Button-Secondary-fg-disabled);
}
.disabled\:text-cc-Tabbar-fg-disabled:disabled{
  color: var(--Component-Colors-Tabbar-fg-disabled);
}
.disabled\:text-white\/\[0\.28\]:disabled{
  color: rgb(255 255 255 / 0.28);
}
.disabled\:text-white\/\[0\.32\]:disabled{
  color: rgb(255 255 255 / 0.32);
}
.disabled\:no-underline:disabled{
  text-decoration-line: none;
}
.disabled\:opacity-100:disabled{
  opacity: 1;
}
.disabled\:opacity-30:disabled{
  opacity: 0.3;
}
.disabled\:opacity-40:disabled{
  opacity: 0.4;
}
.disabled\:opacity-45:disabled{
  opacity: 0.45;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.disabled\:opacity-60:disabled{
  opacity: 0.6;
}
.disabled\:opacity-70:disabled{
  opacity: 0.7;
}
.disabled\:shadow-none:disabled{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (hover: hover) and (pointer: fine){
  .hover\:disabled\:border-none:disabled:hover{
    border-style: none;
  }
  .hover\:disabled\:border-cc-Check-Box-border-disabled:disabled:hover{
    border-color: var(--Component-Colors-Check-Box-border-disabled);
  }
  .disabled\:hover\:bg-cc-Button-Ghost-bg-default:hover:disabled{
    background-color: var(--Component-Colors-Button-Ghost-bg-default);
  }
  .disabled\:hover\:bg-cc-Button-Secondary-bg-disabled:hover:disabled{
    background-color: var(--Component-Colors-Button-Secondary-bg-disabled);
  }
  .disabled\:hover\:bg-cc-Button-Static-bg-default:hover:disabled{
    background-color: var(--Component-Colors-Button-Static-bg-default);
  }
  .disabled\:hover\:bg-cc-Button-Tertiary-bg-default:hover:disabled{
    background-color: var(--Component-Colors-Button-Tertiary-bg-default);
  }
  .disabled\:hover\:bg-transparent:hover:disabled{
    background-color: transparent;
  }
  .hover\:disabled\:bg-cc-Button-Primary-bg-disabled:disabled:hover{
    background-color: var(--Component-Colors-Button-Primary-bg-disabled);
  }
  .hover\:disabled\:text-cc-Button-Primary-fg-alt:disabled:hover{
    color: var(--Component-Colors-Button-Primary-fg-alt);
  }
}
.group[open] .group-open\:rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[open] .group-open\:border-transparent{
  border-color: transparent;
}
.group[open] .group-open\:bg-\[var\(--pg-blush\)\]{
  background-color: var(--pg-blush);
}
.group[open] .group-open\:bg-cc-Button-Brand-bg-default{
  background-color: var(--Component-Colors-Button-Brand-bg-default);
}
.group[open] .group-open\:text-cc-Button-Brand-fg-default{
  color: var(--Component-Colors-Button-Brand-fg-default);
}
@media (hover: hover) and (pointer: fine){
  .group:hover .group-hover\:pointer-events-auto{
    pointer-events: auto;
  }
  .group\/title:hover .group-hover\/title\:visible{
    visibility: visible;
  }
  .group:hover .group-hover\:block{
    display: block;
  }
  .group\/card:hover .group-hover\/card\:flex{
    display: flex;
  }
  .group:hover .group-hover\:flex{
    display: flex;
  }
  .group\/category:hover .group-hover\/category\:-translate-y-\[3px\]{
    --tw-translate-y: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group\/category:hover .group-hover\/category\:translate-x-\[3px\]{
    --tw-translate-x: 3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-0\.5{
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-1{
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:translate-x-\[2px\]{
    --tw-translate-x: 2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group\/card:hover .group-hover\/card\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group\/category:hover .group-hover\/category\:scale-\[1\.05\]{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:rounded-full{
    border-radius: 9999px;
  }
  .group\/category:hover .group-hover\/category\:border-white\/20{
    border-color: rgb(255 255 255 / 0.2);
  }
  .group\/category:hover .group-hover\/category\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .group:hover .group-hover\:text-Colors-Text-Subtle{
    color: var(--Colors-Text-Subtle);
  }
  .group\/block:hover .group-hover\/block\:opacity-100{
    opacity: 1;
  }
  .group\/card:hover .group-hover\/card\:opacity-100{
    opacity: 1;
  }
  .group\/control:hover .group-hover\/control\:opacity-100{
    opacity: 1;
  }
  .group\/menu:hover .group-hover\/menu\:opacity-100{
    opacity: 1;
  }
  .group\/tpl:hover .group-hover\/tpl\:opacity-100{
    opacity: 1;
  }
  .group:hover .group-hover\:opacity-0{
    opacity: 0;
  }
  .group:hover .group-hover\:opacity-100{
    opacity: 1;
  }
}
.group.destructive .group-\[\.destructive\]\:border-slate-100\/40{
  border-color: rgb(241 245 249 / 0.4);
}
.group.destructive .group-\[\.destructive\]\:text-red-300{
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
@media (hover: hover) and (pointer: fine){
  .group.destructive .group-\[\.destructive\]\:hover\:border-red-500\/30:hover{
    border-color: rgb(239 68 68 / 0.3);
  }
  .group.destructive .group-\[\.destructive\]\:hover\:bg-red-500:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }
  .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
    --tw-text-opacity: 1;
    color: rgb(254 242 242 / var(--tw-text-opacity, 1));
  }
  .group.destructive .group-\[\.destructive\]\:hover\:text-slate-50:hover{
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity, 1));
  }
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
  --tw-ring-offset-color: #dc2626;
}
.group.destructive .group-\[\.destructive\]\:focus-visible\:ring-red-400:focus-visible{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus-visible\:ring-offset-red-600:focus-visible{
  --tw-ring-offset-color: #dc2626;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-30{
  opacity: 0.3;
}
.aria-checked\:border-\[6px\][aria-checked="true"]{
  border-width: 6px;
}
.aria-checked\:border-Colors-Border-Bolder[aria-checked="true"]{
  border-color: var(--Colors-Border-Bolder);
}
.aria-selected\:bg-cc-Dropdown-bg-hover[aria-selected="true"]{
  background-color: var(--Component-Colors-Dropdown-bg-hover);
}
.aria-selected\:text-Colors-Text-Default[aria-selected="true"]{
  color: var(--Colors-Text-Default);
}
.aria-\[invalid\=true\]\:border-Colors-Border-Critical[aria-invalid="true"]{
  border-color: var(--Colors-Border-Critical);
}
.aria-\[selected\=true\]\:bg-Colors-Background-Utilities-Bolder[aria-selected="true"]{
  background-color: var(--Colors-Background-Utilities-Bolder);
}
.aria-\[selected\=true\]\:bg-cc-Tabbar-bg-select[aria-selected="true"]{
  background-color: var(--Component-Colors-Tabbar-bg-select);
}
.aria-\[selected\=true\]\:text-Colors-Alpha-White-100[aria-selected="true"]{
  color: var(--Colors-Alpha-White-100);
}
.aria-\[selected\=true\]\:text-cc-Tabbar-fg-bolder[aria-selected="true"]{
  color: var(--Component-Colors-Tabbar-fg-bolder);
}
.aria-\[selected\=true\]\:shadow-background-default[aria-selected="true"]{
  --tw-shadow: 0px 0px 4px 0px var(--Component-colors-Shadows-Surface-Default, rgba(0, 0, 0, 0.12));
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.aria-\[selected\=true\]\:before\:absolute[aria-selected="true"]::before{
  content: var(--tw-content);
  position: absolute;
}
.aria-\[selected\=true\]\:before\:bottom-0[aria-selected="true"]::before{
  content: var(--tw-content);
  bottom: 0px;
}
.aria-\[selected\=true\]\:before\:left-0[aria-selected="true"]::before{
  content: var(--tw-content);
  left: 0px;
}
.aria-\[selected\=true\]\:before\:right-0[aria-selected="true"]::before{
  content: var(--tw-content);
  right: 0px;
}
.aria-\[selected\=true\]\:before\:z-20[aria-selected="true"]::before{
  content: var(--tw-content);
  z-index: 20;
}
.aria-\[selected\=true\]\:before\:h-0\.5[aria-selected="true"]::before{
  content: var(--tw-content);
  height: 0.125rem;
}
.aria-\[selected\=true\]\:before\:bg-cc-Tabbar-border-default[aria-selected="true"]::before{
  content: var(--tw-content);
  background-color: var(--Component-Colors-Tabbar-border-default);
}
.aria-\[selected\=true\]\:before\:content-\[\"\"\][aria-selected="true"]::before{
  --tw-content: "";
  content: var(--tw-content);
}
@media (hover: hover) and (pointer: fine){
  .aria-\[invalid\=true\]\:hover\:border-Colors-Border-Critical:hover[aria-invalid="true"]{
    border-color: var(--Colors-Border-Critical);
  }
  .aria-\[invalid\=true\]\:hover\:bg-Colors-Background-Critical-Subtle:hover[aria-invalid="true"]{
    background-color: var(--Colors-Background-Critical-Subtle);
  }
  .aria-\[invalid\=true\]\:hover\:bg-Colors-Utility-Terracotta-5:hover[aria-invalid="true"]{
    background-color: var(--Colors-Utility-Terracotta-5);
  }
}
.aria-\[invalid\=true\]\:focus-visible\:shadow-cc-Focus-Rings-Error-default:focus-visible[aria-invalid="true"]{
  --tw-shadow-color: var(--Component-Colors-Focus-Rings-Error);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events: none;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"]{
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"]{
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"]{
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-0[data-state="checked"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-3[data-state="checked"]{
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"]{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-5[data-state="checked"]{
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"]{
  --tw-translate-x: 14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=checked\]\:translate-y-0[data-state="checked"]{
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-y-3[data-state="unchecked"]{
  --tw-translate-y: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-y-4[data-state="unchecked"]{
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-y-5[data-state="unchecked"]{
  --tw-translate-y: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-y-\[14px\][data-state="unchecked"]{
  --tw-translate-y: 14px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
  --tw-translate-x: var(--radix-toast-swipe-end-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
  --tw-translate-x: var(--radix-toast-swipe-move-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=closed\]\:\!animate-none[data-state="closed"]{
  animation: none !important;
}
@keyframes accordion-up{
  from{
    height: var(--radix-accordion-content-height);
  }
  to{
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{
  animation: accordion-up 0.2s ease-out;
}
.data-\[state\=open\]\:\!animate-none[data-state="open"]{
  animation: none !important;
}
@keyframes accordion-down{
  from{
    height: 0;
  }
  to{
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"]{
  animation: accordion-down 0.2s ease-out;
}
.data-\[disabled\=\"true\"\]\:cursor-not-allowed[data-disabled="true"]{
  cursor: not-allowed;
}
.data-\[disabled\]\:cursor-not-allowed[data-disabled]{
  cursor: not-allowed;
}
.data-\[state\=checked\]\:border-0[data-state="checked"]{
  border-width: 0px;
}
.data-\[state\=checked\]\:border-none[data-state="checked"]{
  border-style: none;
}
.data-\[state\=checked\]\:border-cc-Check-Box-bg-default[data-state="checked"]{
  border-color: var(--Component-Colors-Check-Box-bg-default);
}
.data-\[disabled\=\"true\"\]\:bg-cc-Button-Tertiary-bg-default[data-disabled="true"]{
  background-color: var(--Component-Colors-Button-Tertiary-bg-default);
}
.data-\[disabled\=\"true\"\]\:bg-cc-Chips-Primary-bg-disabled[data-disabled="true"]{
  background-color: var(--Component-Colors-Chips-Primary-bg-disabled);
}
.data-\[disabled\=\"true\"\]\:data-\[selected\=\"true\"\]\:bg-cc-Chips-Primary-bg-select-disabled[data-selected="true"][data-disabled="true"]{
  background-color: var(--Component-Colors-Chips-Primary-bg-select-disabled);
}
.data-\[disabled\]\:bg-Colors-Background-Normal-Secondary-Alt[data-disabled]{
  background-color: var(--Colors-Background-Normal-Secondary-Alt);
}
.data-\[selected\=\"true\"\]\:bg-cc-Chips-Primary-bg-select[data-selected="true"]{
  background-color: var(--Component-Colors-Chips-Primary-bg-select);
}
.data-\[state\=\"checked\"\]\:bg-cc-Switch-bg-on[data-state="checked"]{
  background-color: var(--Component-Colors-Switch-bg-on);
}
.data-\[state\=\"unchecked\"\]\:bg-cc-Switch-bg-default[data-state="unchecked"]{
  background-color: var(--Component-Colors-Switch-bg-default);
}
.data-\[state\=checked\]\:bg-Colors-Beta-Black-100[data-state="checked"]{
  background-color: var(--Colors-Beta-Black-100);
}
.data-\[state\=checked\]\:bg-cc-Check-Box-bg-default[data-state="checked"]{
  background-color: var(--Component-Colors-Check-Box-bg-default);
}
.data-\[state\=on\]\:bg-Colors-Background-Normal-Primary-Active[data-state="on"]{
  background-color: var(--Colors-Background-Normal-Primary-Active);
}
.data-\[state\=open\]\:bg-Colors-Background-Normal-Primary-Default[data-state="open"]{
  background-color: var(--Colors-Background-Normal-Primary-Default);
}
.data-\[state\=open\]\:bg-Colors-Background-Normal-Primary-Hover[data-state="open"]{
  background-color: var(--Colors-Background-Normal-Primary-Hover);
}
.data-\[state\=open\]\:bg-cc-Dropdown-bg-hover[data-state="open"]{
  background-color: var(--Component-Colors-Dropdown-bg-hover);
}
.data-\[state\=open\]\:bg-slate-100[data-state="open"]{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.data-\[disabled\=\"true\"\]\:data-\[selected\=\"true\"\]\:text-Colors-Text-Bolder[data-selected="true"][data-disabled="true"]{
  color: var(--Colors-Text-Bolder);
}
.data-\[disabled\=\"true\"\]\:text-Colors-Text-Disabled[data-disabled="true"]{
  color: var(--Colors-Text-Disabled);
}
.data-\[disabled\]\:text-Colors-Text-Disabled[data-disabled]{
  color: var(--Colors-Text-Disabled);
}
.data-\[selected\=\"true\"\]\:text-Colors-Text-Bolder[data-selected="true"]{
  color: var(--Colors-Text-Bolder);
}
.data-\[state\=active\]\:text-Colors-Text-Brand-Default[data-state="active"]{
  color: var(--Colors-Text-Brand-Default);
}
.data-\[state\=checked\]\:text-cc-Check-Box-fg-default[data-state="checked"]{
  color: var(--Component-Colors-Check-Box-fg-default);
}
.data-\[state\=on\]\:text-Colors-Text-Brand-Default[data-state="on"]{
  color: var(--Colors-Text-Brand-Default);
}
.data-\[state\=open\]\:text-slate-900[data-state="open"]{
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.data-\[disabled\]\:opacity-30[data-disabled]{
  opacity: 0.3;
}
.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity: 0.5;
}
.data-\[fixed\]\:opacity-30[data-fixed]{
  opacity: 0.3;
}
.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  transition-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration: 500ms;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=delayed-open\]\:animate-in[data-state="delayed-open"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=visible\]\:animate-in[data-state="visible"]{
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
  --tw-exit-opacity: 0.8;
}
.data-\[state\=delayed-open\]\:fade-in-0[data-state="delayed-open"]{
  --tw-enter-opacity: 0;
}
.data-\[state\=hidden\]\:fade-out[data-state="hidden"]{
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity: 0;
}
.data-\[state\=visible\]\:fade-in[data-state="visible"]{
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"]{
  --tw-enter-scale: .9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale: .95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-bottom-full[data-state="closed"]{
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-left-full[data-state="closed"]{
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
  --tw-exit-translate-y: -48%;
}
.data-\[state\=closed\]\:slide-out-to-top-full[data-state="closed"]{
  --tw-exit-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"]{
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-left-full[data-state="open"]{
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-right-full[data-state="open"]{
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
  --tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{
  --tw-enter-translate-y: -100%;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  animation-duration: 300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"]{
  animation-duration: 500ms;
}
.disabled\:data-\[state\=checked\]\:border-none[data-state="checked"]:disabled{
  border-style: none;
}
.disabled\:data-\[state\=checked\]\:border-cc-Check-Box-border-default[data-state="checked"]:disabled{
  border-color: var(--Component-Colors-Check-Box-border-default);
}
.disabled\:data-\[state\=checked\]\:border-cc-Check-Box-border-disabled[data-state="checked"]:disabled{
  border-color: var(--Component-Colors-Check-Box-border-disabled);
}
.disabled\:data-\[state\=checked\]\:bg-cc-Check-Box-bg-disabled[data-state="checked"]:disabled{
  background-color: var(--Component-Colors-Check-Box-bg-disabled);
}
.disabled\:data-\[state\=checked\]\:bg-cc-Check-Box-border-disabled[data-state="checked"]:disabled{
  background-color: var(--Component-Colors-Check-Box-border-disabled);
}
.disabled\:data-\[state\=checked\]\:text-Colors-Text-Disabled[data-state="checked"]:disabled{
  color: var(--Colors-Text-Disabled);
}
.disabled\:data-\[state\=checked\]\:text-cc-Check-Box-fg-alt[data-state="checked"]:disabled{
  color: var(--Component-Colors-Check-Box-fg-alt);
}
.disabled\:data-\[state\=checked\]\:backdrop-blur-2xl[data-state="checked"]:disabled{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.prose-headings\:m-0 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin: 0px;
}
.prose-pre\:my-0 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0px;
  margin-bottom: 0px;
}
.prose-pre\:p-0 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  padding: 0px;
}
.prose-hr\:my-\[1em\] :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 1em;
  margin-bottom: 1em;
}
.dark\:border-\[\#A48F07\]:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(164 143 7 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-800:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:bg-Colors-Background-Neutral-Secondary-Default:is(.dark *){
  background-color: var(--Colors-Background-Neutral-Secondary-Default);
}
.dark\:bg-Colors-Background-Normal-Primary-Default:is(.dark *){
  background-color: var(--Colors-Background-Normal-Primary-Default);
}
.dark\:bg-\[\#202126\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(32 33 38 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#24210B\]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(36 33 11 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-950:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}
.dark\:text-Colors-Foreground-Default:is(.dark *){
  color: var(--Colors-Foreground-Default);
}
.dark\:text-Colors-Foreground-Subtler:is(.dark *){
  color: var(--Colors-Foreground-Subtler);
}
.dark\:text-slate-400:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-50:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.dark\:ring-offset-slate-950:is(.dark *){
  --tw-ring-offset-color: #020617;
}
.dark\:placeholder\:text-slate-400:is(.dark *)::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:placeholder\:text-slate-400:is(.dark *)::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
@media (hover: hover) and (pointer: fine){
  .dark\:hover\:bg-slate-800:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:text-Colors-Text-Brand-Default:hover:is(.dark *){
    color: var(--Colors-Text-Brand-Default);
  }
  .dark\:hover\:text-slate-50:hover:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity, 1));
  }
}
.dark\:focus\:bg-slate-800:focus:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:focus\:text-slate-50:focus:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.dark\:focus\:ring-slate-300:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}
.dark\:focus-visible\:bg-slate-800:focus-visible:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:focus-visible\:text-slate-50:focus-visible:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.dark\:focus-visible\:ring-slate-300:focus-visible:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1));
}
.group.destructive .dark\:group-\[\.destructive\]\:border-slate-800\/40:is(.dark *){
  border-color: rgb(30 41 59 / 0.4);
}
@media (hover: hover) and (pointer: fine){
  .group.destructive .dark\:group-\[\.destructive\]\:hover\:border-red-900\/30:hover:is(.dark *){
    border-color: rgb(127 29 29 / 0.3);
  }
  .group.destructive .dark\:group-\[\.destructive\]\:hover\:bg-red-900:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
  .group.destructive .dark\:group-\[\.destructive\]\:hover\:text-slate-50:hover:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity, 1));
  }
}
.group.destructive .dark\:group-\[\.destructive\]\:focus\:ring-red-900:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1));
}
.dark\:data-\[state\=on\]\:bg-Colors-Background-Normal-Primary-Active[data-state="on"]:is(.dark *){
  background-color: var(--Colors-Background-Normal-Primary-Active);
}
.dark\:data-\[state\=open\]\:bg-slate-800[data-state="open"]:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:data-\[state\=on\]\:text-Colors-Text-Brand-Default[data-state="on"]:is(.dark *){
  color: var(--Colors-Text-Brand-Default);
}
.dark\:data-\[state\=open\]\:text-slate-50[data-state="open"]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px){
  .sm\:bottom-0{
    bottom: 0px;
  }
  .sm\:bottom-6{
    bottom: 1.5rem;
  }
  .sm\:left-3{
    left: 0.75rem;
  }
  .sm\:left-6{
    left: 1.5rem;
  }
  .sm\:left-\[18px\]{
    left: 18px;
  }
  .sm\:right-0{
    right: 0px;
  }
  .sm\:right-6{
    right: 1.5rem;
  }
  .sm\:top-3{
    top: 0.75rem;
  }
  .sm\:top-\[18px\]{
    top: 18px;
  }
  .sm\:top-auto{
    top: auto;
  }
  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }
  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }
  .sm\:mb-4{
    margin-bottom: 1rem;
  }
  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }
  .sm\:mb-8{
    margin-bottom: 2rem;
  }
  .sm\:ml-16{
    margin-left: 4rem;
  }
  .sm\:mt-4{
    margin-top: 1rem;
  }
  .sm\:mt-6{
    margin-top: 1.5rem;
  }
  .sm\:mt-8{
    margin-top: 2rem;
  }
  .sm\:block{
    display: block;
  }
  .sm\:inline{
    display: inline;
  }
  .sm\:flex{
    display: flex;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:aspect-\[546\/202\]{
    aspect-ratio: 546/202;
  }
  .sm\:size-4{
    width: 1rem;
    height: 1rem;
  }
  .sm\:size-8{
    width: 2rem;
    height: 2rem;
  }
  .sm\:size-9{
    width: 2.25rem;
    height: 2.25rem;
  }
  .sm\:h-10{
    height: 2.5rem;
  }
  .sm\:h-15{
    height: 3.75rem;
  }
  .sm\:h-4\.5{
    height: 1.125rem;
  }
  .sm\:h-8{
    height: 2rem;
  }
  .sm\:h-9{
    height: 2.25rem;
  }
  .sm\:h-\[452px\]{
    height: 452px;
  }
  .sm\:h-\[540px\]{
    height: 540px;
  }
  .sm\:h-\[640px\]{
    height: 640px;
  }
  .sm\:h-\[72px\]{
    height: 72px;
  }
  .sm\:h-auto{
    height: auto;
  }
  .sm\:h-px{
    height: 1px;
  }
  .sm\:max-h-\[720px\]{
    max-height: 720px;
  }
  .sm\:min-h-\[560px\]{
    min-height: 560px;
  }
  .sm\:min-h-full{
    min-height: 100%;
  }
  .sm\:\!w-\[392px\]{
    width: 392px !important;
  }
  .sm\:w-4\.5{
    width: 1.125rem;
  }
  .sm\:w-8{
    width: 2rem;
  }
  .sm\:w-\[116px\]{
    width: 116px;
  }
  .sm\:w-\[236px\]{
    width: 236px;
  }
  .sm\:w-\[286px\]{
    width: 286px;
  }
  .sm\:w-\[340px\]{
    width: 340px;
  }
  .sm\:w-\[380px\]{
    width: 380px;
  }
  .sm\:w-\[392px\]{
    width: 392px;
  }
  .sm\:w-\[47\%\]{
    width: 47%;
  }
  .sm\:w-\[680px\]{
    width: 680px;
  }
  .sm\:min-w-9{
    min-width: 2.25rem;
  }
  .sm\:max-w-\[286px\]{
    max-width: 286px;
  }
  .sm\:max-w-sm{
    max-width: 24rem;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:flex-row{
    flex-direction: row;
  }
  .sm\:flex-col{
    flex-direction: column;
  }
  .sm\:items-center{
    align-items: center;
  }
  .sm\:items-stretch{
    align-items: stretch;
  }
  .sm\:justify-end{
    justify-content: flex-end;
  }
  .sm\:gap-0{
    gap: 0px;
  }
  .sm\:gap-0\.5{
    gap: 0.125rem;
  }
  .sm\:gap-1{
    gap: 0.25rem;
  }
  .sm\:gap-14{
    gap: 3.5rem;
  }
  .sm\:gap-2{
    gap: 0.5rem;
  }
  .sm\:gap-3{
    gap: 0.75rem;
  }
  .sm\:gap-3\.5{
    gap: 0.875rem;
  }
  .sm\:gap-4{
    gap: 1rem;
  }
  .sm\:gap-5{
    gap: 1.25rem;
  }
  .sm\:gap-7{
    gap: 1.75rem;
  }
  .sm\:gap-\[18px\]{
    gap: 18px;
  }
  .sm\:gap-\[22px\]{
    gap: 22px;
  }
  .sm\:gap-x-5{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  .sm\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .sm\:gap-y-4{
    row-gap: 1rem;
  }
  .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .sm\:rounded-\[14px\]{
    border-radius: 14px;
  }
  .sm\:rounded-\[20px\]{
    border-radius: 20px;
  }
  .sm\:p-4{
    padding: 1rem;
  }
  .sm\:p-5{
    padding: 1.25rem;
  }
  .sm\:\!px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .sm\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:pb-12{
    padding-bottom: 3rem;
  }
  .sm\:pb-16{
    padding-bottom: 4rem;
  }
  .sm\:pb-2{
    padding-bottom: 0.5rem;
  }
  .sm\:pb-3{
    padding-bottom: 0.75rem;
  }
  .sm\:pl-0{
    padding-left: 0px;
  }
  .sm\:pl-\[68px\]{
    padding-left: 68px;
  }
  .sm\:pt-24{
    padding-top: 6rem;
  }
  .sm\:pt-4{
    padding-top: 1rem;
  }
  .sm\:pt-6{
    padding-top: 1.5rem;
  }
  .sm\:pt-8{
    padding-top: 2rem;
  }
  .sm\:text-left{
    text-align: left;
  }
  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-3xl{
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .sm\:text-\[12px\]{
    font-size: 12px;
  }
  .sm\:text-\[13px\]{
    font-size: 13px;
  }
  .sm\:text-\[15px\]{
    font-size: 15px;
  }
  .sm\:text-\[16px\]{
    font-size: 16px;
  }
  .sm\:text-\[17px\]{
    font-size: 17px;
  }
  .sm\:text-\[24px\]{
    font-size: 24px;
  }
  .sm\:text-\[28px\]{
    font-size: 28px;
  }
  .sm\:text-\[32px\]{
    font-size: 32px;
  }
  .sm\:text-\[36px\]{
    font-size: 36px;
  }
  .sm\:text-\[40px\]{
    font-size: 40px;
  }
  .sm\:text-\[44px\]{
    font-size: 44px;
  }
  .sm\:text-\[46px\]{
    font-size: 46px;
  }
  .sm\:text-\[48px\]{
    font-size: 48px;
  }
  .sm\:text-\[56px\]{
    font-size: 56px;
  }
  .sm\:text-\[72px\]{
    font-size: 72px;
  }
  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:leading-9{
    line-height: 2.25rem;
  }
  .sm\:leading-\[1\.1666666666666667em\]{
    line-height: 1.1666666666666667em;
  }
  .sm\:leading-\[1\.4em\]{
    line-height: 1.4em;
  }
  .sm\:leading-\[26px\]{
    line-height: 26px;
  }
  .sm\:leading-\[27px\]{
    line-height: 27px;
  }
  .sm\:leading-\[54px\]{
    line-height: 54px;
  }
  .sm\:tracking-\[-1px\]{
    letter-spacing: -1px;
  }
  .sm\:shadow-\[0_32px_80px_rgba\(0\2c 0\2c 0\2c 0\.6\)\2c inset_0_2px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\]{
    --tw-shadow: 0 32px 80px rgba(0,0,0,0.6),inset 0 2px 0 rgba(255,255,255,0.04);
    --tw-shadow-colored: 0 32px 80px var(--tw-shadow-color), inset 0 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .sm\:backdrop-blur-\[15px\]{
    --tw-backdrop-blur: blur(15px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }
  .md\:bottom-8{
    bottom: 2rem;
  }
  .md\:left-0{
    left: 0px;
  }
  .md\:right-0{
    right: 0px;
  }
  .md\:top-0{
    top: 0px;
  }
  .md\:top-16{
    top: 4rem;
  }
  .md\:z-10{
    z-index: 10;
  }
  .md\:order-first{
    order: -9999;
  }
  .md\:order-last{
    order: 9999;
  }
  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }
  .md\:-mt-14{
    margin-top: -3.5rem;
  }
  .md\:-mt-\[60px\]{
    margin-top: -60px;
  }
  .md\:mb-14{
    margin-bottom: 3.5rem;
  }
  .md\:mr-6{
    margin-right: 1.5rem;
  }
  .md\:mt-10{
    margin-top: 2.5rem;
  }
  .md\:block{
    display: block;
  }
  .md\:flex{
    display: flex;
  }
  .md\:hidden{
    display: none;
  }
  .md\:h-12{
    height: 3rem;
  }
  .md\:h-15{
    height: 3.75rem;
  }
  .md\:h-36{
    height: 9rem;
  }
  .md\:h-\[220px\]{
    height: 220px;
  }
  .md\:h-\[22px\]{
    height: 22px;
  }
  .md\:h-\[272px\]{
    height: 272px;
  }
  .md\:h-\[280px\]{
    height: 280px;
  }
  .md\:h-\[56px\]{
    height: 56px;
  }
  .md\:h-auto{
    height: auto;
  }
  .md\:min-h-0{
    min-height: 0px;
  }
  .md\:min-h-\[160px\]{
    min-height: 160px;
  }
  .md\:min-h-\[600px\]{
    min-height: 600px;
  }
  .md\:\!w-\[100\%-72px\]{
    width: 100%-72px !important;
  }
  .md\:\!w-\[380px\]{
    width: 380px !important;
  }
  .md\:\!w-\[98\%\]{
    width: 98% !important;
  }
  .md\:w-\[220px\]{
    width: 220px;
  }
  .md\:w-\[22px\]{
    width: 22px;
  }
  .md\:w-\[236px\]{
    width: 236px;
  }
  .md\:w-\[238px\]{
    width: 238px;
  }
  .md\:w-\[310px\]{
    width: 310px;
  }
  .md\:w-\[360px\]{
    width: 360px;
  }
  .md\:w-\[373px\]{
    width: 373px;
  }
  .md\:w-\[380px\]{
    width: 380px;
  }
  .md\:w-\[390px\]{
    width: 390px;
  }
  .md\:w-\[450px\]{
    width: 450px;
  }
  .md\:w-\[56px\]{
    width: 56px;
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-auto{
    width: auto;
  }
  .md\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }
  .md\:w-full{
    width: 100%;
  }
  .md\:max-w-\[1000px\]{
    max-width: 1000px;
  }
  .md\:max-w-\[373px\]{
    max-width: 373px;
  }
  .md\:max-w-\[420px\]{
    max-width: 420px;
  }
  .md\:max-w-\[560px\]{
    max-width: 560px;
  }
  .md\:flex-none{
    flex: none;
  }
  .md\:shrink-0{
    flex-shrink: 0;
  }
  .md\:grow{
    flex-grow: 1;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1\.4fr_1fr\]{
    grid-template-columns: 1.4fr 1fr;
  }
  .md\:grid-cols-\[1fr_280px\]{
    grid-template-columns: 1fr 280px;
  }
  .md\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 360px minmax(0,1fr);
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_96px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1fr) 96px minmax(0,1fr);
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:flex-col{
    flex-direction: column;
  }
  .md\:items-end{
    align-items: flex-end;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:justify-end{
    justify-content: flex-end;
  }
  .md\:justify-center{
    justify-content: center;
  }
  .md\:justify-between{
    justify-content: space-between;
  }
  .md\:justify-evenly{
    justify-content: space-evenly;
  }
  .md\:gap-1{
    gap: 0.25rem;
  }
  .md\:gap-1\.5{
    gap: 0.375rem;
  }
  .md\:gap-10{
    gap: 2.5rem;
  }
  .md\:gap-12{
    gap: 3rem;
  }
  .md\:gap-16{
    gap: 4rem;
  }
  .md\:gap-20{
    gap: 5rem;
  }
  .md\:gap-24{
    gap: 6rem;
  }
  .md\:gap-3{
    gap: 0.75rem;
  }
  .md\:gap-4{
    gap: 1rem;
  }
  .md\:gap-6{
    gap: 1.5rem;
  }
  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }
  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  .md\:justify-self-end{
    justify-self: end;
  }
  .md\:rounded-4xl{
    border-radius: 1.5rem;
  }
  .md\:rounded-sm{
    border-radius: 0.375rem;
  }
  .md\:rounded-b-xs{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .md\:rounded-t-none{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .md\:bg-Colors-Alpha-Black-12{
    background-color: var(--Colors-Alpha-Black-12);
  }
  .md\:bg-Colors-Background-Normal-Primary-Default{
    background-color: var(--Colors-Background-Normal-Primary-Default);
  }
  .md\:bg-opacity-75{
    --tw-bg-opacity: 0.75;
  }
  .md\:p-4{
    padding: 1rem;
  }
  .md\:\!px-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md\:\!px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .md\:py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .md\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md\:py-\[66px\]{
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .md\:pb-11{
    padding-bottom: 2.75rem;
  }
  .md\:pb-12{
    padding-bottom: 3rem;
  }
  .md\:pb-16{
    padding-bottom: 4rem;
  }
  .md\:pb-2{
    padding-bottom: 0.5rem;
  }
  .md\:pb-3{
    padding-bottom: 0.75rem;
  }
  .md\:pb-4{
    padding-bottom: 1rem;
  }
  .md\:pb-5{
    padding-bottom: 1.25rem;
  }
  .md\:pb-8{
    padding-bottom: 2rem;
  }
  .md\:pl-0{
    padding-left: 0px;
  }
  .md\:pl-3\.5{
    padding-left: 0.875rem;
  }
  .md\:pl-5{
    padding-left: 1.25rem;
  }
  .md\:pr-3\.5{
    padding-right: 0.875rem;
  }
  .md\:pr-4{
    padding-right: 1rem;
  }
  .md\:pt-10{
    padding-top: 2.5rem;
  }
  .md\:pt-2{
    padding-top: 0.5rem;
  }
  .md\:pt-6{
    padding-top: 1.5rem;
  }
  .md\:pt-\[60px\]{
    padding-top: 60px;
  }
  .md\:text-center{
    text-align: center;
  }
  .md\:\!text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .md\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl{
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .md\:text-5xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .md\:text-7xl{
    font-size: 3.5rem;
    line-height: 4.25rem;
  }
  .md\:text-\[32\.64vw\]{
    font-size: 32.64vw;
  }
  .md\:text-\[32px\]{
    font-size: 32px;
  }
  .md\:text-\[36px\]{
    font-size: 36px;
  }
  .md\:text-\[44px\]{
    font-size: 44px;
  }
  .md\:text-\[46px\]{
    font-size: 46px;
  }
  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:leading-6{
    line-height: 1.5rem;
  }
  .md\:leading-7{
    line-height: 1.75rem;
  }
  .md\:leading-8{
    line-height: 2rem;
  }
  .md\:leading-\[1\.26\]{
    line-height: 1.26;
  }
  .md\:leading-\[38px\]{
    line-height: 38px;
  }
  .md\:leading-\[42px\]{
    line-height: 42px;
  }
  .md\:leading-\[50px\]{
    line-height: 50px;
  }
  .md\:text-Colors-Text-Default{
    color: var(--Colors-Text-Default);
  }
  .md\:text-white\/60{
    color: rgb(255 255 255 / 0.6);
  }
  @media (hover: hover) and (pointer: fine){
    .md\:hover\:bg-Colors-Alpha-Black-30:hover{
      background-color: var(--Colors-Alpha-Black-30);
    }
  }
  .md\:active\:bg-Colors-Alpha-Black-30:active{
    background-color: var(--Colors-Alpha-Black-30);
  }
  @media (hover: hover) and (pointer: fine){
    .group\/menu:hover .md\:group-hover\/menu\:flex{
      display: flex;
    }
  }
}
@media (min-width: 1024px){
  .lg\:absolute{
    position: absolute;
  }
  .lg\:sticky{
    position: sticky;
  }
  .lg\:inset-0{
    inset: 0px;
  }
  .lg\:inset-4{
    inset: 1rem;
  }
  .lg\:inset-x-auto{
    left: auto;
    right: auto;
  }
  .lg\:bottom-0{
    bottom: 0px;
  }
  .lg\:bottom-2{
    bottom: 0.5rem;
  }
  .lg\:left-2{
    left: 0.5rem;
  }
  .lg\:right-2{
    right: 0.5rem;
  }
  .lg\:order-none{
    order: 0;
  }
  .lg\:mx-0{
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:mb-4{
    margin-bottom: 1rem;
  }
  .lg\:block{
    display: block;
  }
  .lg\:inline{
    display: inline;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:inline-flex{
    display: inline-flex;
  }
  .lg\:grid{
    display: grid;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:h-11{
    height: 2.75rem;
  }
  .lg\:h-12{
    height: 3rem;
  }
  .lg\:h-3\.5{
    height: 0.875rem;
  }
  .lg\:h-9{
    height: 2.25rem;
  }
  .lg\:h-\[22px\]{
    height: 22px;
  }
  .lg\:h-\[30px\]{
    height: 30px;
  }
  .lg\:h-\[34px\]{
    height: 34px;
  }
  .lg\:h-\[3px\]{
    height: 3px;
  }
  .lg\:h-\[52px\]{
    height: 52px;
  }
  .lg\:h-\[600px\]{
    height: 600px;
  }
  .lg\:h-\[706px\]{
    height: 706px;
  }
  .lg\:h-auto{
    height: auto;
  }
  .lg\:h-full{
    height: 100%;
  }
  .lg\:min-h-\[340px\]{
    min-height: 340px;
  }
  .lg\:min-h-\[420px\]{
    min-height: 420px;
  }
  .lg\:min-h-\[706px\]{
    min-height: 706px;
  }
  .lg\:min-h-full{
    min-height: 100%;
  }
  .lg\:w-11{
    width: 2.75rem;
  }
  .lg\:w-12{
    width: 3rem;
  }
  .lg\:w-3\.5{
    width: 0.875rem;
  }
  .lg\:w-56{
    width: 14rem;
  }
  .lg\:w-64{
    width: 16rem;
  }
  .lg\:w-72{
    width: 18rem;
  }
  .lg\:w-\[30px\]{
    width: 30px;
  }
  .lg\:w-\[3px\]{
    width: 3px;
  }
  .lg\:w-\[46\.4\%\]{
    width: 46.4%;
  }
  .lg\:w-\[53\.6\%\]{
    width: 53.6%;
  }
  .lg\:w-auto{
    width: auto;
  }
  .lg\:w-max{
    width: -moz-max-content;
    width: max-content;
  }
  .lg\:min-w-0{
    min-width: 0px;
  }
  .lg\:min-w-\[190px\]{
    min-width: 190px;
  }
  .lg\:max-w-\[608px\]{
    max-width: 608px;
  }
  .lg\:flex-1{
    flex: 1 1 0%;
  }
  .lg\:flex-auto{
    flex: 1 1 auto;
  }
  .lg\:flex-none{
    flex: none;
  }
  .lg\:basis-\[calc\(\(100cqw-5\*1rem\)\/6\)\]{
    flex-basis: calc((100cqw - 5 * 1rem) / 6);
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[1fr_0\.92fr\]{
    grid-template-columns: 1fr 0.92fr;
  }
  .lg\:grid-cols-\[360px_1fr\]{
    grid-template-columns: 360px 1fr;
  }
  .lg\:grid-cols-\[auto_auto_minmax\(0\2c 1fr\)_auto_auto_auto\]{
    grid-template-columns: auto auto minmax(0,1fr) auto auto auto;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_332px\]{
    grid-template-columns: minmax(0,1fr) 332px;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(230px\2c 0\.72fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(230px,0.72fr);
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:items-end{
    align-items: flex-end;
  }
  .lg\:items-center{
    align-items: center;
  }
  .lg\:items-stretch{
    align-items: stretch;
  }
  .lg\:justify-between{
    justify-content: space-between;
  }
  .lg\:gap-1\.5{
    gap: 0.375rem;
  }
  .lg\:gap-12{
    gap: 3rem;
  }
  .lg\:gap-2{
    gap: 0.5rem;
  }
  .lg\:gap-20{
    gap: 5rem;
  }
  .lg\:gap-3{
    gap: 0.75rem;
  }
  .lg\:gap-4{
    gap: 1rem;
  }
  .lg\:gap-5{
    gap: 1.25rem;
  }
  .lg\:gap-6{
    gap: 1.5rem;
  }
  .lg\:gap-8{
    gap: 2rem;
  }
  .lg\:gap-x-3\.5{
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem;
  }
  .lg\:self-auto{
    align-self: auto;
  }
  .lg\:self-start{
    align-self: flex-start;
  }
  .lg\:overflow-visible{
    overflow: visible;
  }
  .lg\:overflow-x-visible{
    overflow-x: visible;
  }
  .lg\:rounded-2xl{
    border-radius: 1rem;
  }
  .lg\:rounded-\[10px\]{
    border-radius: 10px;
  }
  .lg\:rounded-\[14px\]{
    border-radius: 14px;
  }
  .lg\:rounded-\[20px\]{
    border-radius: 20px;
  }
  .lg\:rounded-full{
    border-radius: 9999px;
  }
  .lg\:rounded-lg{
    border-radius: 0.625rem;
  }
  .lg\:rounded-xl{
    border-radius: 0.75rem;
  }
  .lg\:border{
    border-width: 1px;
  }
  .lg\:border-b{
    border-bottom-width: 1px;
  }
  .lg\:border-r{
    border-right-width: 1px;
  }
  .lg\:border-\[\#ec2b65\]\/\[0\.16\]{
    border-color: rgb(236 43 101 / 0.16);
  }
  .lg\:border-white\/\[0\.08\]{
    border-color: rgb(255 255 255 / 0.08);
  }
  .lg\:bg-\[radial-gradient\(120\%_80\%_at_0\%_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.06\)\2c transparent_55\%\)\2c linear-gradient\(180deg\2c \#15101A_0\%\2c \#0F0B14_100\%\)\]{
    background-image: radial-gradient(120% 80% at 0% 0%,rgba(236,43,101,0.06),transparent 55%),linear-gradient(180deg,#15101A 0%,#0F0B14 100%);
  }
  .lg\:bg-\[radial-gradient\(120\%_80\%_at_100\%_0\%\2c rgba\(236\2c 43\2c 101\2c 0\.06\)\2c transparent_55\%\)\2c linear-gradient\(180deg\2c \#15101A_0\%\2c \#0F0B14_100\%\)\]{
    background-image: radial-gradient(120% 80% at 100% 0%,rgba(236,43,101,0.06),transparent 55%),linear-gradient(180deg,#15101A 0%,#0F0B14 100%);
  }
  .lg\:p-4{
    padding: 1rem;
  }
  .lg\:p-5{
    padding: 1.25rem;
  }
  .lg\:p-6{
    padding: 1.5rem;
  }
  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:px-3\.5{
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .lg\:px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
  .lg\:px-\[18px\]{
    padding-left: 18px;
    padding-right: 18px;
  }
  .lg\:px-\[22px\]{
    padding-left: 22px;
    padding-right: 22px;
  }
  .lg\:py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .lg\:py-3\.5{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg\:pb-0{
    padding-bottom: 0px;
  }
  .lg\:pb-4{
    padding-bottom: 1rem;
  }
  .lg\:pb-8{
    padding-bottom: 2rem;
  }
  .lg\:pb-9{
    padding-bottom: 2.25rem;
  }
  .lg\:pt-6{
    padding-top: 1.5rem;
  }
  .lg\:pt-8{
    padding-top: 2rem;
  }
  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-\[10px\]{
    font-size: 10px;
  }
  .lg\:text-\[11px\]{
    font-size: 11px;
  }
  .lg\:text-\[12px\]{
    font-size: 12px;
  }
  .lg\:text-\[13px\]{
    font-size: 13px;
  }
  .lg\:text-\[14px\]{
    font-size: 14px;
  }
  .lg\:text-\[15px\]{
    font-size: 15px;
  }
  .lg\:text-\[17px\]{
    font-size: 17px;
  }
  .lg\:text-\[18px\]{
    font-size: 18px;
  }
  .lg\:text-\[44px\]{
    font-size: 44px;
  }
  .lg\:text-\[470px\]{
    font-size: 470px;
  }
  .lg\:text-\[48px\]{
    font-size: 48px;
  }
  .lg\:text-\[80px\]{
    font-size: 80px;
  }
  .lg\:normal-case{
    text-transform: none;
  }
  .lg\:leading-4{
    line-height: 1rem;
  }
  .lg\:leading-\[14px\]{
    line-height: 14px;
  }
  .lg\:leading-\[18px\]{
    line-height: 18px;
  }
  .lg\:leading-\[22px\]{
    line-height: 22px;
  }
  .lg\:leading-\[50px\]{
    line-height: 50px;
  }
  .lg\:leading-\[52px\]{
    line-height: 52px;
  }
  .lg\:tracking-\[-0\.01em\]{
    letter-spacing: -0.01em;
  }
  .lg\:tracking-\[0\.08em\]{
    letter-spacing: 0.08em;
  }
  .lg\:shadow-\[0_24px_80px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\]{
    --tw-shadow: 0 24px 80px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.04);
    --tw-shadow-colored: 0 24px 80px var(--tw-shadow-color), inset 0 1px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:shadow-\[0_8px_28px_rgba\(236\2c 43\2c 101\2c 0\.32\)\]{
    --tw-shadow: 0 8px 28px rgba(236,43,101,0.32);
    --tw-shadow-colored: 0 8px 28px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:shadow-\[inset_0_1px_0_rgba\(255\2c 255\2c 255\2c 0\.04\)\]{
    --tw-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    --tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:\[background\:transparent\]{
    background: transparent;
  }
  .lg\:before\:mr-2::before{
    content: var(--tw-content);
    margin-right: 0.5rem;
  }
  .lg\:before\:mt-1::before{
    content: var(--tw-content);
    margin-top: 0.25rem;
  }
  .lg\:before\:h-1\.5::before{
    content: var(--tw-content);
    height: 0.375rem;
  }
  .lg\:before\:w-1\.5::before{
    content: var(--tw-content);
    width: 0.375rem;
  }
  .lg\:before\:shadow-\[0_0_12px_\#ec2b65\]::before{
    content: var(--tw-content);
    --tw-shadow: 0 0 12px #ec2b65;
    --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:last\:border-r-0:last-child{
    border-right-width: 0px;
  }
  @media (hover: hover) and (pointer: fine){
    .lg\:hover\:-translate-y-0\.5:hover{
      --tw-translate-y: -0.125rem;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:hover\:border-white\/\[0\.18\]:hover{
      border-color: rgb(255 255 255 / 0.18);
    }
  }
}
@media (min-width: 1280px){
  .xl\:w-\[220px\]{
    width: 220px;
  }
  .xl\:w-\[340px\]{
    width: 340px;
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:p-6{
    padding: 1.5rem;
  }
  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .xl\:text-\[40px\]{
    font-size: 40px;
  }
  .xl\:leading-\[44px\]{
    line-height: 44px;
  }
}
@media (min-width: 1440px){
  .large\:max-w-\[1200px\]{
    max-width: 1200px;
  }
}
@media (min-width: 1690px){
  .\33xl\:left-\[calc\(\(100\%-1200px\)\/2-16px\)\]{
    left: calc((100% - 1200px) / 2 - 16px);
  }
  .\33xl\:right-\[calc\(\(100\%-1200px\)\/2-16px\)\]{
    right: calc((100% - 1200px) / 2 - 16px);
  }
  .\33xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{
  display: none;
}
.\[\&\:\:marker\]\:text-Colors-Text-Subtler::marker{
  color: var(--Colors-Text-Subtler);
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}
.\[\&\>\*\]\:pointer-events-none>*{
  pointer-events: none;
}
.\[\&\>\.select-chevron\]\:aria-expanded\:rotate-180[aria-expanded="true"]>.select-chevron{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (hover: hover) and (pointer: fine){
  .\[\&\>div\>span\]\:hover\:text-cc-Tabbar-fg-bolder:hover>div>span{
    color: var(--Component-Colors-Tabbar-fg-bolder);
  }
}
.\[\&\>div\>span\]\:disabled\:text-cc-Tabbar-fg-disabled:disabled>div>span{
  color: var(--Component-Colors-Tabbar-fg-disabled);
}
@media (hover: hover) and (pointer: fine){
  .\[\&\>div\>span\]\:aria-\[selected\=true\]\:hover\:text-Colors-Alpha-White-100:hover[aria-selected="true"]>div>span{
    color: var(--Colors-Alpha-White-100);
  }
}
.\[\&\>div\>span\]\:aria-\[selected\=true\]\:disabled\:text-cc-Tabbar-fg-select-disabled:disabled[aria-selected="true"]>div>span{
  color: var(--Component-Colors-Tabbar-fg-select-disabled);
}
.\[\&\>div\>svg\]\:disabled\:text-cc-Tabbar-fg-disabled:disabled>div>svg{
  color: var(--Component-Colors-Tabbar-fg-disabled);
}
.\[\&\>div\>svg\]\:aria-\[selected\=true\]\:disabled\:text-cc-Tabbar-fg-select-disabled:disabled[aria-selected="true"]>div>svg{
  color: var(--Component-Colors-Tabbar-fg-select-disabled);
}
.\[\&\>div\]\:data-\[disabled\]\:bg-cc-Check-Box-bg-disabled[data-disabled]>div{
  background-color: var(--Component-Colors-Check-Box-bg-disabled);
}
.\[\&\>div\]\:data-\[state\=checked\]\:bg-cc-Check-Box-bg-disabled[data-state="checked"]>div{
  background-color: var(--Component-Colors-Check-Box-bg-disabled);
}
.\[\&\>span\>span\>svg\]\:text-inherit>span>span>svg{
  color: inherit;
}
.\[\&\>span\>svg\]\:text-inherit>span>svg{
  color: inherit;
}
.\[\&\>span\]\:line-clamp-1>span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:flex-col>span{
  flex-direction: column;
}
.\[\&\>span\]\:\!justify-start>span{
  justify-content: flex-start !important;
}
.\[\&\>span\]\:gap-1\.5>span{
  gap: 0.375rem;
}
.\[\&\>span\]\:gap-3\.5>span{
  gap: 0.875rem;
}
.\[\&\>span\]\:gap-\[7px\]>span{
  gap: 7px;
}
.\[\&\>span\]\:space-x-0>span > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.\[\&\>span\]\:\!text-white>span{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&\>span\]\:\!text-white\/\[0\.32\]>span{
  color: rgb(255 255 255 / 0.32) !important;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>svg\]\:absolute>svg{
  position: absolute;
}
.\[\&\>svg\]\:left-4>svg{
  left: 1rem;
}
.\[\&\>svg\]\:top-4>svg{
  top: 1rem;
}
.\[\&\>svg\]\:size-5>svg{
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&\>svg\~\*\]\:pl-7>svg~*{
  padding-left: 1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}
.\[\&\[data-state\=closed\]\>div\>div\>div\>span\>svg\]\:-rotate-90[data-state=closed]>div>div>div>span>svg{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[data-state\=delayed-open\]\>span\]\:animate-none[data-state=delayed-open]>span{
  animation: none;
}
.\[\&\[data-state\=open\]\>div\>div\>svg\]\:rotate-180[data-state=open]>div>div>svg{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[data-state\=open\]\>span\]\:animate-none[data-state=open]>span{
  animation: none;
}
.\[\&_\*\]\:pointer-events-none *{
  pointer-events: none;
}
.\[\&_\.rc-image-img\]\:object-contain .rc-image-img{
  -o-object-fit: contain;
     object-fit: contain;
}
.\[\&_\.rc-image\]\:h-full .rc-image{
  height: 100%;
}
.\[\&_\.rc-image\]\:w-full .rc-image{
  width: 100%;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-slate-500 [cmdk-group-heading]{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:\[\&_\[cmdk-group-heading\]\]\:text-slate-400 [cmdk-group-heading]:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
  padding-top: 0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
  width: 1.25rem;
}
.\[\&_\[data-upload-dropzone\]\]\:h-full [data-upload-dropzone]{
  height: 100%;
}
.\[\&_\[data-upload-dropzone\]\]\:min-h-0 [data-upload-dropzone]{
  min-height: 0px;
}
.\[\&_\[data-upload-dropzone\]\]\:gap-2 [data-upload-dropzone]{
  gap: 0.5rem;
}
.\[\&_\[data-upload-dropzone\]\]\:border-0 [data-upload-dropzone]{
  border-width: 0px;
}
.\[\&_\[data-upload-dropzone\]\]\:bg-transparent [data-upload-dropzone]{
  background-color: transparent;
}
.\[\&_\[data-upload-dropzone\]\]\:px-1 [data-upload-dropzone]{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.\[\&_\[data-upload-dropzone\]\]\:py-1 [data-upload-dropzone]{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.\[\&_img\]\:h-full img{
  height: 100%;
}
.\[\&_img\]\:w-full img{
  width: 100%;
}
.\[\&_img\]\:object-cover img{
  -o-object-fit: cover;
     object-fit: cover;
}
.\[\&_p\]\:leading-relaxed p{
  line-height: 1.625;
}
.\[\&_span\]\:inline-block span{
  display: inline-block;
}
.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}
.\[\&_svg\]\:\!text-white svg{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}
@media(min-width:1000px){
  .\[\@media\(min-width\:1000px\)\]\:flex{
    display: flex;
  }
  .\[\@media\(min-width\:1000px\)\]\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/.pnpm/next@14.2.35_@opentelemetry+api@1.9.0_@playwright+test@1.61.1_babel-plugin-macros@3.1.0_react_fsox45om3a5zlu4wzz6vuwafti/node_modules/next/font/local/target.css?{"path":"src/common/assets/fonts/fontABCDiatype.ts","import":"","arguments":[{"src":"../../../../public/fonts/ABCDiatype-Medium.woff2","variable":"--font-ABCDiatype","display":"swap","fallback":["system-ui"],"weight":"normal","style":"normal"}],"variableName":"fontABCDiatype"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__fontABCDiatype_bad95c';
src: url(/_next/static/media/4502cf217d034e61-s.p.woff2) format('woff2');
font-display: swap;
font-weight: normal;
font-style: normal;
}@font-face {font-family: '__fontABCDiatype_Fallback_bad95c';src: local("Arial");ascent-override: 96.22%;descent-override: 26.64%;line-gap-override: 0.00%;size-adjust: 100.60%
}.__className_bad95c {font-family: '__fontABCDiatype_bad95c', '__fontABCDiatype_Fallback_bad95c', system-ui;font-weight: normal;font-style: normal
}.__variable_bad95c {--font-ABCDiatype: '__fontABCDiatype_bad95c', '__fontABCDiatype_Fallback_bad95c', system-ui
}