@charset "UTF-8";

/* src/styles.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
@layer properties;
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
html,
body {
  margin: 0;
  height: 100%;
  font-family: var(--font-stack);
  color: var(--color-fg-default);
  background-color: var(--color-bg-default);
}
:root {
  --border-radius-none: 0px;
  --border-radius-rounded: 4px;
  --border-radius-full: 999999999px;
  --color-basic-primary: #007CBC;
  --color-basic-success: #008518;
  --color-basic-warning: #D76909;
  --color-basic-error: #E22C2C;
  --color-basic-black: #000000;
  --color-basic-white: #FFFFFF;
  --color-brand-blue: #007CBC;
  --color-brand-moblue: #62798D;
  --color-brand-green: #00A832;
  --color-brand-lightgreen: #A3BA1E;
  --color-brand-yellow: #FBB900;
  --color-brand-orange: #E07A0C;
  --color-palette-blue-100: #B2E7FA;
  --color-palette-blue-200: #87D8F8;
  --color-palette-blue-300: #52C9F4;
  --color-palette-blue-400: #30BCF3;
  --color-palette-blue-500: #0DB1F2;
  --color-palette-blue-600: #08A1E2;
  --color-palette-blue-700: #008FD1;
  --color-palette-blue-800: #007CBC;
  --color-palette-blue-900: #006699;
  --color-palette-blue-1000: #004166;
  --color-palette-blue-050: #E2F6FD;
  --color-palette-moblue-100: #CED7DE;
  --color-palette-moblue-200: #B1BCC8;
  --color-palette-moblue-300: #91A1B1;
  --color-palette-moblue-400: #7A8D9F;
  --color-palette-moblue-500: #62798D;
  --color-palette-moblue-600: #556A7C;
  --color-palette-moblue-700: #445564;
  --color-palette-moblue-800: #36424F;
  --color-palette-moblue-900: #242E38;
  --color-palette-moblue-1000: #1C252C;
  --color-palette-moblue-050: #ECEFF4;
  --color-palette-gray-100: #E5E8EB;
  --color-palette-gray-200: #CAD1D8;
  --color-palette-gray-300: #9AA5B1;
  --color-palette-gray-400: #7B8793;
  --color-palette-gray-500: #606D7B;
  --color-palette-gray-600: #515F6C;
  --color-palette-gray-700: #3F4D5A;
  --color-palette-gray-800: #33404D;
  --color-palette-gray-900: #1F2933;
  --color-palette-gray-1000: #172430;
  --color-palette-gray-050: #F5F7FA;
  --color-palette-green-100: #C3E9C5;
  --color-palette-green-200: #9ADAA1;
  --color-palette-green-300: #70CD79;
  --color-palette-green-400: #49C15B;
  --color-palette-green-500: #15B73B;
  --color-palette-green-600: #00A832;
  --color-palette-green-700: #009425;
  --color-palette-green-800: #008518;
  --color-palette-green-900: #006600;
  --color-palette-green-1000: #0A3D00;
  --color-palette-green-050: #E4F6E6;
  --color-palette-orange-100: #F8DFB4;
  --color-palette-orange-200: #F3C781;
  --color-palette-orange-300: #EFB352;
  --color-palette-orange-400: #EDA32C;
  --color-palette-orange-500: #EC9513;
  --color-palette-orange-600: #E58910;
  --color-palette-orange-700: #E07A0C;
  --color-palette-orange-800: #D76909;
  --color-palette-orange-900: #D05406;
  --color-palette-orange-1000: #8B3104;
  --color-palette-orange-050: #FCF2DE;
  --color-palette-red-100: #FFE6E6;
  --color-palette-red-200: #FED7D7;
  --color-palette-red-300: #FEB4B4;
  --color-palette-red-400: #FC8383;
  --color-palette-red-500: #F56666;
  --color-palette-red-600: #E22C2C;
  --color-palette-red-700: #C53030;
  --color-palette-red-800: #9B2C2C;
  --color-palette-red-900: #742A2A;
  --color-palette-red-1000: #4B1B1B;
  --color-palette-red-050: #FFF5F5;
  --color-palette-yellow-100: #FEEAB4;
  --color-palette-yellow-200: #FEDA81;
  --color-palette-yellow-300: #FDCF4E;
  --color-palette-yellow-400: #FFCC22;
  --color-palette-yellow-500: #FBB900;
  --color-palette-yellow-600: #FAAB00;
  --color-palette-yellow-700: #FA9600;
  --color-palette-yellow-800: #F78502;
  --color-palette-yellow-900: #FA6705;
  --color-palette-yellow-1000: #AF4204;
  --color-palette-yellow-050: #FFF7E0;
  --color-palette-lightgreen-100: #EAF6C1;
  --color-palette-lightgreen-200: #DEF29C;
  --color-palette-lightgreen-300: #D2EC74;
  --color-palette-lightgreen-400: #C6E750;
  --color-palette-lightgreen-500: #BCE331;
  --color-palette-lightgreen-600: #B3D228;
  --color-palette-lightgreen-700: #A3BA1E;
  --color-palette-lightgreen-800: #96A413;
  --color-palette-lightgreen-900: #7A7600;
  --color-palette-lightgreen-1000: #5C5600;
  --color-palette-lightgreen-050: #F8FCE8;
  --color-fg-default: #172430;
  --color-fg-muted: #33404D;
  --color-fg-subtle: #3F4D5A;
  --color-fg-inverse: #FFFFFF;
  --color-fg-primary-default: #007CBC;
  --color-fg-primary-bolder: #004166;
  --color-fg-primary-inverse: #87D8F8;
  --color-fg-success-default: #008518;
  --color-fg-success-bolder: #0A3D00;
  --color-fg-success-inverse: #9ADAA1;
  --color-fg-warning-default: #D76909;
  --color-fg-warning-bolder: #8B3104;
  --color-fg-warning-inverse: #F3C781;
  --color-fg-danger-default: #C53030;
  --color-fg-danger-bolder: #9B2C2C;
  --color-fg-danger-inverse: #FEB4B4;
  --color-fg-secondary-default: #62798D;
  --color-fg-secondary-bolder: #445564;
  --color-fg-secondary-inverse: #B1BCC8;
  --color-bg-default: #FFFFFF;
  --color-bg-alt: #F5F7FA;
  --color-bg-emphasis: #172430;
  --color-bg-bolder: #CAD1D8;
  --color-bg-bold: #E5E8EB;
  --color-bg-primary-default: #E2F6FD;
  --color-bg-primary-bolder: #004166;
  --color-bg-primary-emphasis: #007CBC;
  --color-bg-primary-brand: #007CBC;
  --color-bg-success-default: #C3E9C5;
  --color-bg-success-bolder: #0A3D00;
  --color-bg-success-emphasis: #008518;
  --color-bg-success-brand: #00A832;
  --color-bg-warning-default: #FCF2DE;
  --color-bg-warning-bolder: #D05406;
  --color-bg-warning-emphasis: #D76909;
  --color-bg-warning-brand: #E07A0C;
  --color-bg-danger-default: #FFF5F5;
  --color-bg-danger-bolder: #9B2C2C;
  --color-bg-danger-emphasis: #E22C2C;
  --color-bg-secondary-default: #CED7DE;
  --color-bg-secondary-bolder: #445564;
  --color-bg-secondary-emphasis: #62798D;
  --color-bg-secondary-brand: #62798D;
  --color-stroke-default: #9AA5B1;
  --color-stroke-muted: #CAD1D8;
  --color-stroke-subtle: #E5E8EB;
  --color-stroke-primary-default: #87D8F8;
  --color-stroke-primary-bolder: #004166;
  --color-stroke-primary-emphasis: #006699;
  --color-stroke-success-default: #9ADAA1;
  --color-stroke-success-bolder: #0A3D00;
  --color-stroke-success-emphasis: #006600;
  --color-stroke-warning-default: #F3C781;
  --color-stroke-warning-bolder: #8B3104;
  --color-stroke-warning-emphasis: #D05406;
  --color-stroke-danger-default: #FEB4B4;
  --color-stroke-danger-bolder: #742A2A;
  --color-stroke-danger-emphasis: #9B2C2C;
  --color-stroke-secondary-default: #B1BCC8;
  --color-stroke-secondary-bolder: #1C252C;
  --color-stroke-secondary-emphasis: #242E38;
  --color-vis-10: #73AC66;
  --color-vis-11: #B48E1E;
  --color-vis-12: #E8E221;
  --color-vis-01: #007CBC;
  --color-vis-02: #62798D;
  --color-vis-03: #A3BA1E;
  --color-vis-04: #E07A0C;
  --color-vis-05: #00A832;
  --color-vis-06: #FBB900;
  --color-vis-07: #00A6A7;
  --color-vis-08: #9A9D6B;
  --color-vis-09: #ED9D00;
  --button-bg-fill-primary: #007CBC;
  --button-bg-fill-secondary: #62798D;
  --button-bg-fill-danger: #E22C2C;
  --button-bg-fill-success: #008518;
  --button-bg-fill-warning: #D76909;
  --button-bg-fill-default: #F5F7FA;
  --button-bg-fill-hover-primary: #004166;
  --button-bg-fill-hover-secondary: #445564;
  --button-bg-fill-hover-danger: #9B2C2C;
  --button-bg-fill-hover-success: #0A3D00;
  --button-bg-fill-hover-warning: #D05406;
  --button-bg-fill-hover-default: #CAD1D8;
  --button-bg-fill-hover-inverted: #172430;
  --button-bg-fill-inverted: #172430;
  --button-bg-outline-default: rgba(1, 1, 1, 0);
  --button-bg-outline-hover: #F5F7FA;
  --button-bg-text-default: rgba(1, 1, 1, 0);
  --button-bg-text-hover: #F5F7FA;
  --button-padding-h-md: 14px;
  --button-padding-h-sm: 8px;
  --button-padding-h-lg: 16px;
  --button-padding-v-md: 8px;
  --button-padding-v-sm: 6px;
  --button-padding-v-lg: 10px;
  --button-space-between-md: 8px;
  --button-space-between-sm: 4px;
  --button-space-between-lg: 12px;
  --button-border-radius: 0px;
  --button-fg-fill-primary: #FFFFFF;
  --button-fg-fill-secondary: #FFFFFF;
  --button-fg-fill-danger: #FFFFFF;
  --button-fg-fill-success: #FFFFFF;
  --button-fg-fill-warning: #172430;
  --button-fg-fill-default: #33404D;
  --button-fg-fill-inverted: #FFFFFF;
  --button-fg-outline-primary: #007CBC;
  --button-fg-outline-secondary: #62798D;
  --button-fg-outline-danger: #C53030;
  --button-fg-outline-success: #008518;
  --button-fg-outline-warning: #D76909;
  --button-fg-outline-default: #33404D;
  --button-fg-outline-inverted: #FFFFFF;
  --button-stroke-outline-primary: #006699;
  --button-stroke-outline-secondary: #242E38;
  --button-stroke-outline-success: #006600;
  --button-stroke-outline-danger: #9B2C2C;
  --button-stroke-outline-warning: #D05406;
  --button-stroke-outline-default: #9AA5B1;
  --button-stroke-outline-inverted: #E5E8EB;
  --button-stroke-text: rgba(1, 1, 1, 0);
  --button-stroke-active: #08A1E2;
  --button-icon-size-md: 16px;
  --button-icon-size-sm: 14px;
  --button-icon-size-lg: 20px;
  --button-round-border-radius: 999999999px;
  --input-bg-default: #FFFFFF;
  --input-bg-inset: #F5F7FA;
  --input-padding-h-md: 12px;
  --input-padding-h-sm: 10px;
  --input-padding-h-lg: 14px;
  --input-padding-v-md: 6px;
  --input-padding-v-sm: 4px;
  --input-padding-v-lg: 8px;
  --input-space-between-md: 4px;
  --input-space-between-sm: 4px;
  --input-space-between-lg: 4px;
  --input-stroke-default: #9AA5B1;
  --input-stroke-active: #08A1E2;
  --input-stroke-error: #E22C2C;
  --input-fg-text: #172430;
  --input-fg-placeholder: #3F4D5A;
  --input-fg-icon: #33404D;
  --input-border-radius-default: 0px;
  --input-border-radius-search: 999999999px;
  --input-icon-size-md: 16px;
  --input-icon-size-sm: 14px;
  --input-icon-size-lg: 20px;
  --checkbox-stroke-default: #606D7B;
  --checkbox-stroke-indeterminate: #606D7B;
  --checkbox-stroke-checked: #007CBC;
  --checkbox-space-between: 10px;
  --checkbox-bg-default: #F5F7FA;
  --checkbox-bg-checked: #007CBC;
  --checkbox-bg-indeterminate: #F5F7FA;
  --checkbox-bg-hover-default: #CAD1D8;
  --checkbox-bg-hover-indeterminate: #CAD1D8;
  --checkbox-bg-hover-checked: #004166;
  --checkbox-fg-default: rgba(1, 1, 1, 0);
  --checkbox-fg-checked: #FFFFFF;
  --checkbox-fg-indeterminate: #007CBC;
  --checkbox-border-radius: 0px;
  --checkbox-outline-default: rgba(1, 1, 1, 0);
  --checkbox-outline-active: #08A1E2;
  --checkbox-width: 18px;
  --checkbox-height: 18px;
  --radiobox-stroke-default: #606D7B;
  --radiobox-space-between: 10px;
  --radiobox-border-radius: 999999999px;
  --radiobox-outline-default: rgba(1, 1, 1, 0);
  --radiobox-outline-active: #08A1E2;
  --radiobox-bg-default: #F5F7FA;
  --radiobox-bg-hover-default: #CAD1D8;
  --radiobox-fg-default: rgba(1, 1, 1, 0);
  --radiobox-fg-checked: #007CBC;
  --radiobox-width: 18px;
  --radiobox-height: 18px;
  --field-space-between: 2px;
  --dropdown-padding-v: 4px;
  --dropdown-item-padding-h: 10px;
  --dropdown-item-padding-v: 6px;
  --dropdown-item-space-between: 12px;
  --dropdown-item-bg-default: #FFFFFF;
  --dropdown-item-bg-hover: #F5F7FA;
  --dropdown-item-fg-default: #172430;
  --dropdown-item-fg-icon: #33404D;
  --dropdown-item-fg-alt: #33404D;
  --dropdown-item-stroke-active: #08A1E2;
  --dropdown-item-title-fg-default: #33404D;
  --dropdown-item-avatar-radius-default: 4px;
  --dropdown-item-avatar-radius-round: 999999999px;
  --dropdown-item-avatar-size: 32px;
  --dropdown-item-sub-margin-left: 12px;
  --dropdown-item-sub-space-between: 4px;
  --dropdown-stroke-default: #E5E8EB;
  --dropdown-padding-h: 0px;
  --dropdown-border-radius: 0px;
  --dropdown-divider-stroke: #CAD1D8;
  --toggle-space-between: 10px;
  --toggle-border-radius: 999999999px;
  --toggle-width: 36px;
  --toggle-height: 20px;
  --toggle-outline-default: rgba(1, 1, 1, 0);
  --toggle-outline-active: #08A1E2;
  --toggle-bg-default: #CAD1D8;
  --toggle-bg-hover-default: #7A8D9F;
  --toggle-bg-hover-checked: #004166;
  --toggle-bg-checked: #007CBC;
  --toggle-fg-default: #FFFFFF;
  --toggle-point-size: 18px;
  --chip-bg-fill-primary: #007CBC;
  --chip-bg-fill-secondary: #62798D;
  --chip-bg-fill-danger: #E22C2C;
  --chip-bg-fill-success: #008518;
  --chip-bg-fill-warning: #D76909;
  --chip-bg-fill-default: #172430;
  --chip-bg-alt-primary: #E2F6FD;
  --chip-bg-alt-secondary: #CED7DE;
  --chip-bg-alt-danger: #FFF5F5;
  --chip-bg-alt-success: #C3E9C5;
  --chip-bg-alt-warning: #FCF2DE;
  --chip-bg-alt-default: #F5F7FA;
  --chip-fg-fill-primary: #FFFFFF;
  --chip-fg-fill-secondary: #FFFFFF;
  --chip-fg-fill-danger: #FFFFFF;
  --chip-fg-fill-success: #FFFFFF;
  --chip-fg-fill-warning: #172430;
  --chip-fg-fill-default: #FFFFFF;
  --chip-fg-alt-primary: #007CBC;
  --chip-fg-alt-secondary: #62798D;
  --chip-fg-alt-danger: #C53030;
  --chip-fg-alt-success: #008518;
  --chip-fg-alt-warning: #D76909;
  --chip-fg-alt-default: #172430;
  --chip-padding-h-md: 8px;
  --chip-padding-h-sm: 8px;
  --chip-padding-h-lg: 8px;
  --chip-padding-v-md: 4px;
  --chip-padding-v-sm: 4px;
  --chip-padding-v-lg: 4px;
  --chip-space-between-md: 4px;
  --chip-space-between-sm: 4px;
  --chip-space-between-lg: 6px;
  --chip-border-radius: 999999999px;
  --chip-outline-default: rgba(1, 1, 1, 0);
  --chip-outline-active: #08A1E2;
  --chip-icon-size-md: 16px;
  --chip-icon-size-sm: 14px;
  --chip-icon-size-lg: 20px;
  --card-border-radius-normal: 4px;
  --card-border-radius-sharp: 0px;
  --card-bg-default: #FFFFFF;
  --card-bg-alt: #F5F7FA;
  --card-bg-hover: #E5E8EB;
  --card-padding: 24px;
  --card-space-between: 12px;
  --card-actions-space-between: 8px;
  --card-content-text-color: #33404D;
  --card-stroke: #E5E8EB;
  --breadcrumb-space-between: 8px;
  --breadcrumb-fg-separator: #3F4D5A;
  --breadcrumb-fg-default: #172430;
  --breadcrumb-padding-v: 8px;
  --notification-space-between: 10px;
  --notification-fg-normal-default: #FFFFFF;
  --notification-fg-normal-primary: #FFFFFF;
  --notification-fg-normal-danger: #FFFFFF;
  --notification-fg-normal-warning: #172430;
  --notification-fg-normal-success: #FFFFFF;
  --notification-fg-normal-secondary: #FFFFFF;
  --notification-fg-alt-default: #172430;
  --notification-fg-alt-primary: #004166;
  --notification-fg-alt-danger: #9B2C2C;
  --notification-fg-alt-warning: #8B3104;
  --notification-fg-alt-success: #0A3D00;
  --notification-fg-alt-secondary: #445564;
  --notification-padding-v: 8px;
  --notification-padding-h: 12px;
  --notification-bg-normal-default: #172430;
  --notification-bg-normal-primary: #007CBC;
  --notification-bg-normal-danger: #E22C2C;
  --notification-bg-normal-warning: #D76909;
  --notification-bg-normal-success: #008518;
  --notification-bg-normal-secondary: #62798D;
  --notification-bg-alt-default: #F5F7FA;
  --notification-bg-alt-primary: #E2F6FD;
  --notification-bg-alt-danger: #FFF5F5;
  --notification-bg-alt-warning: #FCF2DE;
  --notification-bg-alt-success: #C3E9C5;
  --notification-bg-alt-secondary: #CED7DE;
  --notification-icon-size: 20px;
  --notification-content-height: 34px;
  --notification-stroke: #E5E8EB;
  --notification-border-radius: 4px;
  --modal-bg: #FFFFFF;
  --modal-padding: 24px;
  --modal-space-between: 16px;
  --modal-border-radius: 4px;
  --modal-stroke: #E5E8EB;
  --backdrop-bg: #172430;
  --backdrop-opacity: 0.699999988079071px;
  --progress-bg: #F5F7FA;
  --progress-fg: #004166;
  --progress-bar-border-radius: 4px;
  --progress-bar-size-md: 8px;
  --progress-bar-size-lg: 14px;
  --progress-bar-size-sm: 4px;
  --indicator-border-radius: 999999999px;
  --indicator-count-size: 18px;
  --indicator-normal-size: 12px;
  --indicator-bg-normal-default: #172430;
  --indicator-bg-normal-primary: #007CBC;
  --indicator-bg-normal-danger: #E22C2C;
  --indicator-bg-normal-warning: #D76909;
  --indicator-bg-normal-success: #008518;
  --indicator-bg-normal-secondary: #62798D;
  --indicator-bg-alt-danger: #FFF5F5;
  --indicator-bg-alt-warning: #FCF2DE;
  --indicator-bg-alt-success: #C3E9C5;
  --indicator-bg-alt-secondary: #CED7DE;
  --indicator-bg-alt-default: #F5F7FA;
  --indicator-bg-alt-primary: #E2F6FD;
  --indicator-fg-normal-default: #FFFFFF;
  --indicator-fg-normal-primary: #FFFFFF;
  --indicator-fg-normal-danger: #FFFFFF;
  --indicator-fg-normal-warning: #172430;
  --indicator-fg-normal-success: #FFFFFF;
  --indicator-fg-normal-secondary: #FFFFFF;
  --indicator-fg-alt-default: #172430;
  --indicator-fg-alt-primary: #004166;
  --indicator-fg-alt-danger: #9B2C2C;
  --indicator-fg-alt-warning: #8B3104;
  --indicator-fg-alt-success: #0A3D00;
  --indicator-fg-alt-secondary: #445564;
  --tooltip-padding-v: 4px;
  --tooltip-padding-h: 8px;
  --tooltip-border-radius: 4px;
  --tooltip-normal-bg: #FFFFFF;
  --tooltip-normal-fg: #172430;
  --tooltip-alt-bg: #172430;
  --tooltip-alt-fg: #FFFFFF;
  --tooltip-space-between: 8px;
  --tooltip-distance: 4px;
  --link-space-between: 4px;
  --link-icon-size: 16px;
  --link-fg-default: #172430;
  --link-fg-primary: #007CBC;
  --link-fg-danger: #C53030;
  --link-fg-warning: #D76909;
  --link-fg-success: #008518;
  --link-fg-secondary: #62798D;
  --link-fg-inverse: #FFFFFF;
  --link-fg-visited: rgba(0.4000000059604645, 0.003921568859368563, 0.6000000238418579, 1);
  --link-fg-visited-dark: rgba(0.8669167757034302, 0.644618034362793, 0.9791666865348816, 1);
  --link-fg-hover-default: #3F4D5A;
  --link-fg-hover-primary: #004166;
  --link-fg-hover-danger: #9B2C2C;
  --link-fg-hover-warning: #8B3104;
  --link-fg-hover-success: #0A3D00;
  --link-fg-hover-secondary: #445564;
  --link-fg-hover-inverse: #CED7DE;
  --link-fg-hover-visited: rgba(0.2567169964313507, 0.014218750409781933, 0.3791666626930237, 1);
  --link-fg-hover-visited-dark: rgba(0.7360479831695557, 0.4031076431274414, 0.9041666388511658, 1);
  --link-stroke-active: #08A1E2;
  --tab-space-between: 8px;
  --tab-fg-default: #172430;
  --tab-padding-v: 8px;
  --tab-padding-h: 16px;
  --tab-stroke-default: rgba(1, 1, 1, 0);
  --tab-stroke-active: #006699;
  --tab-container-stroke: #CAD1D8;
  --tab-container-stroke-width: 1px;
  --tab-stroke-width: 2px;
  --tab-bg-hover: #F5F7FA;
  --icon-md: 16px;
  --icon-sm: 14px;
  --icon-lg: 20px;
  --icon-xl: 24px;
  --icon-xxl: 32px;
  --icon-xs: 12px;
  --nav-item-padding-h: 12px;
  --nav-item-horizontal-padding-v: 6px;
  --nav-item-horizontal-space-between: 12px;
  --nav-item-horizontal-border-radius: 0px;
  --nav-item-bg-default: rgba(1, 1, 1, 0);
  --nav-item-bg-hover: #E5E8EB;
  --nav-item-bg-selected: rgba(1, 1, 1, 0);
  --nav-item-fg-default: #33404D;
  --nav-item-fg-alt: #3F4D5A;
  --nav-item-fg-icon-default: #3F4D5A;
  --nav-item-fg-icon-selected: #007CBC;
  --nav-item-fg-icon-hover: #33404D;
  --nav-item-fg-selected: #007CBC;
  --nav-item-fg-hover: #172430;
  --nav-item-stroke-active: #08A1E2;
  --nav-item-title-fg-default: #33404D;
  --nav-item-avatar-radius-default: 4px;
  --nav-item-avatar-radius-round: 999999999px;
  --nav-item-avatar-size: 32px;
  --nav-item-vertical-space-between: 2px;
  --nav-item-vertical-padding-v: 12px;
  --nav-item-vertical-border-radius: 4px;
  --nav-item-max-width: 150px;
  --nav-bottom-padding-h: 16px;
  --nav-bottom-padding-v: 4px;
  --nav-bottom-bg-default: #FFFFFF;
  --nav-bottom-bg-alt: #F5F7FA;
  --nav-list-space-between: 4px;
  --nav-sidebar-padding-v: 16px;
  --nav-sidebar-rail-padding-h: 4px;
  --nav-sidebar-drawer-padding-h: 12px;
  --nav-sidebar-drawer-width: 300px;
  --nav-sidebar-space-between: 16px;
  --nav-sidebar-bg-default: #FFFFFF;
  --nav-sidebar-bg-alt: #F5F7FA;
  --nav-toolbar-padding: 12px;
  --nav-toolbar-space-between: 12px;
  --nav-toolbar-website-height: 80px;
  --nav-toolbar-website-max-width: 1092px;
  --nav-wheel-arrow-bg-from-active: #007CBC;
  --nav-wheel-arrow-bg-from-disabled: #FFFFFF;
  --nav-wheel-arrow-bg-to-active: #006699;
  --nav-wheel-arrow-bg-to-disabled: #CED7DE;
  --nav-wheel-arrow-size-desktop: 56px;
  --nav-wheel-arrow-size-tablet: 42px;
  --nav-wheel-item-fg-selected: #007CBC;
  --nav-wheel-item-fg-hover: #004166;
  --nav-wheel-item-fg-default: #556A7C;
  --nav-wheel-item-fg-disabled: #FFFFFF;
  --nav-wheel-item-opacity-active: 100px;
  --nav-wheel-item-opacity-first: 80px;
  --nav-wheel-item-opacity-second: 50px;
  --nav-wheel-item-opacity-third: 40px;
  --nav-wheel-list-space-between: 32px;
  --benefit-icon-bg: #A3BA1E;
  --benefit-icon-fg: #FFFFFF;
  --benefit-icon-width: 28px;
  --benefit-icon-padding: 4px;
  --benefit-text-fg: #445564;
  --benefit-text-bg: #F5F7FA;
  --benefit-text-padding-h: 8px;
  --benefit-text-padding-v: 6px;
  --benefit-popover-bg: #F5F7FA;
  --benefit-popover-fg: #33404D;
  --benefit-popover-padding: 16px;
  --benefit-height: 28px;
  --benefit-space-between: 2px;
  --pagination-space-between: 8px;
  --pagination-page-count-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --pagination-page-count-size: 16px;
  --pagination-page-count-height: 24px;
  --pagination-page-count-weight: 400;
  --pagination-page-count-style: normal;
  --pagination-page-count-color: #172430;
  --pagination-result-count-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --pagination-result-count-weight: 400;
  --pagination-result-count-style: normal;
  --pagination-result-count-size: 14px;
  --pagination-result-count-height: 20px;
  --pagination-result-count-color: #33404D;
  --pagination-page-info-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --pagination-page-info-weight: 400;
  --pagination-page-info-style: normal;
  --pagination-page-info-size: 14px;
  --pagination-page-info-height: 20px;
  --pagination-page-info-color: #3F4D5A;
  --item-padding-v: 6px;
  --item-padding-h: 12px;
  --item-space-between: 12px;
  --item-max-width: 150px;
  --item-border-radius: 0px;
  --item-bg-default: rgba(1, 1, 1, 0);
  --item-bg-hover: #E5E8EB;
  --item-bg-selected: rgba(1, 1, 1, 0);
  --item-fg-default: #33404D;
  --item-fg-alt: #3F4D5A;
  --item-fg-selected: #007CBC;
  --item-fg-icon-default: #3F4D5A;
  --item-fg-icon-selected: #007CBC;
  --item-fg-icon-hover: #33404D;
  --item-fg-hover: #172430;
  --item-stroke-active: #08A1E2;
  --item-title-fg-default: #33404D;
  --item-avatar-radius-default: 4px;
  --item-avatar-radius-round: 999999999px;
  --item-avatar-size: 32px;
  --accordion-divider-color: #E5E8EB;
  --accordion-divider-height: 1px;
  --accordion-content-padding: 12px;
  --tree-offset-padding-l: 12px;
  --tree-offset-width: 20px;
  --tree-offset-color: #E5E8EB;
  --stepper-offset-padding-l: 12px;
  --stepper-offset-width: 20px;
  --stepper-offset-color: #E5E8EB;
  --stepper-space-between-horizontal: 8px;
  --stepper-space-between-vertical: 4px;
  --stepper-padding-horizontal: 8px;
  --stepper-padding-vertical: 4px;
  --stepper-stroke-default: #E5E8EB;
  --stepper-stroke-active: #007CBC;
  --stepper-line-min-width: 48px;
  --stepper-line-min-height: 8px;
  --shadow-none: none;
  --shadow-md: 0px 2px 4px -2px rgba(0, 0, 0, 0.10), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);
  --shadow-inset: 0px 2px 4px 0px rgba(0, 0, 0, 0.08) inset;
  --breakpoint-sm: 490px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1092px;
  --breakpoint-xl: 1440px;
  --space-scale-0: 0px;
  --space-scale-1: 4px;
  --space-scale-2: 8px;
  --space-scale-3: 12px;
  --space-scale-4: 16px;
  --space-scale-5: 20px;
  --space-scale-6: 24px;
  --space-scale-7: 32px;
  --space-scale-8: 48px;
  --space-scale-9: 64px;
  --space-scale-10: 96px;
  --space-scale-11: 192px;
  --space-scale-12: 256px;
  --space-scale-13: 384px;
  --space-scale-14: 512px;
  --space-scale-0-5: 2px;
  --space-scale-1-5: 6px;
  --space-scale-2-5: 10px;
  --space-scale-3-5: 14px;
  --text-font-sans:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-scale-0: 0px;
  --text-scale-1: 8px;
  --text-scale-2: 10px;
  --text-scale-3: 12px;
  --text-scale-4: 14px;
  --text-scale-5: 16px;
  --text-scale-6: 18px;
  --text-scale-7: 20px;
  --text-scale-8: 24px;
  --text-scale-9: 30px;
  --text-scale-10: 36px;
  --text-scale-11: 48px;
  --text-scale-12: 60px;
  --text-scale-13: 72px;
  --text-scale-14: 96px;
  --text-scale-15: 128px;
  --text-display-xl-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-display-xl-size: 96px;
  --text-display-xl-height: 128px;
  --text-display-xl-weight: 700;
  --text-display-xl-style: normal;
  --text-display-lg-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-display-lg-size: 72px;
  --text-display-lg-height: 96px;
  --text-display-lg-weight: 500;
  --text-display-lg-style: normal;
  --text-display-md-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-display-md-size: 60px;
  --text-display-md-height: 72px;
  --text-display-md-weight: 500;
  --text-display-md-style: normal;
  --text-display-sm-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-display-sm-size: 48px;
  --text-display-sm-height: 60px;
  --text-display-sm-weight: 500;
  --text-display-sm-style: normal;
  --text-heading-xl-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-heading-xl-size: 36px;
  --text-heading-xl-height: 40px;
  --text-heading-xl-weight: 700;
  --text-heading-xl-style: normal;
  --text-heading-lg-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-heading-lg-size: 30px;
  --text-heading-lg-height: 38px;
  --text-heading-lg-weight: 500;
  --text-heading-lg-style: normal;
  --text-heading-md-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-heading-md-size: 24px;
  --text-heading-md-height: 30px;
  --text-heading-md-weight: 500;
  --text-heading-md-style: normal;
  --text-heading-sm-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-heading-sm-size: 20px;
  --text-heading-sm-height: 28px;
  --text-heading-sm-weight: 400;
  --text-heading-sm-style: normal;
  --text-title-lg-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-title-lg-size: 18px;
  --text-title-lg-height: 20px;
  --text-title-lg-weight: 500;
  --text-title-lg-style: normal;
  --text-title-md-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-title-md-size: 16px;
  --text-title-md-height: 18px;
  --text-title-md-weight: 500;
  --text-title-md-style: normal;
  --text-title-sm-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-title-sm-size: 16px;
  --text-title-sm-height: 18px;
  --text-title-sm-weight: 400;
  --text-title-sm-style: normal;
  --text-title-xs-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-title-xs-size: 14px;
  --text-title-xs-height: 18px;
  --text-title-xs-weight: 700;
  --text-title-xs-style: normal;
  --text-highlight-lg-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-highlight-lg-size: 18px;
  --text-highlight-lg-height: 20px;
  --text-highlight-lg-weight: 500;
  --text-highlight-lg-style: italic;
  --text-highlight-md-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-highlight-md-size: 16px;
  --text-highlight-md-height: 18px;
  --text-highlight-md-weight: 500;
  --text-highlight-md-style: italic;
  --text-highlight-sm-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-highlight-sm-size: 16px;
  --text-highlight-sm-height: 18px;
  --text-highlight-sm-weight: 400;
  --text-highlight-sm-style: italic;
  --text-highlight-xs-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-highlight-xs-size: 14px;
  --text-highlight-xs-height: 18px;
  --text-highlight-xs-weight: 700;
  --text-highlight-xs-style: italic;
  --text-label-lg-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-label-lg-size: 18px;
  --text-label-lg-height: 24px;
  --text-label-lg-weight: 500;
  --text-label-lg-style: normal;
  --text-label-md-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-label-md-size: 16px;
  --text-label-md-height: 18px;
  --text-label-md-weight: 500;
  --text-label-md-style: normal;
  --text-label-sm-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-label-sm-size: 14px;
  --text-label-sm-height: 18px;
  --text-label-sm-weight: 500;
  --text-label-sm-style: normal;
  --text-label-xs-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-label-xs-size: 12px;
  --text-label-xs-height: 16px;
  --text-label-xs-weight: 500;
  --text-label-xs-style: normal;
  --text-body-xxl-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-body-xxl-size: 24px;
  --text-body-xxl-height: 32px;
  --text-body-xxl-weight: 400;
  --text-body-xxl-style: normal;
  --text-body-xl-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-body-xl-size: 20px;
  --text-body-xl-height: 28px;
  --text-body-xl-weight: 400;
  --text-body-xl-style: normal;
  --text-body-lg-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-body-lg-size: 18px;
  --text-body-lg-height: 28px;
  --text-body-lg-weight: 400;
  --text-body-lg-style: normal;
  --text-body-md-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-body-md-size: 16px;
  --text-body-md-height: 24px;
  --text-body-md-weight: 400;
  --text-body-md-style: normal;
  --text-body-sm-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-body-sm-size: 14px;
  --text-body-sm-height: 20px;
  --text-body-sm-weight: 400;
  --text-body-sm-style: normal;
  --text-body-xs-type:
    Roboto,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --text-body-xs-size: 12px;
  --text-body-xs-height: 18px;
  --text-body-xs-weight: 400;
  --text-body-xs-style: normal;
  --text-style-normal: normal;
  --text-style-italic: italic;
  --text-weight-normal: 400;
  --text-weight-medium: 500;
  --text-weight-bold: 700;
}
.shadow-none {
  box-shadow: var(--shadow-none);
}
.shadow,
.shadow-md {
  box-shadow: var(--shadow-md);
}
.shadow-lg {
  box-shadow: var(--shadow-lg);
}
.shadow-inset,
.shadow-inner {
  box-shadow: var(--shadow-inset);
}
:root {
  --space-1: var(--space-scale-1);
  --space-2: var(--space-scale-2);
  --space-3: var(--space-scale-3);
  --space-4: var(--space-scale-4);
  --space-5: var(--space-scale-5);
  --space-6: var(--space-scale-6);
  --space-7: var(--space-scale-7);
  --space-8: var(--space-scale-8);
  --space-9: var(--space-scale-9);
  --space-10: var(--space-scale-10);
  --space-11: var(--space-scale-11);
  --space-12: var(--space-scale-12);
  --space-13: var(--space-scale-13);
  --space-14: var(--space-scale-14);
  --text-1: var(--text-scale-1);
  --text-2: var(--text-scale-2);
  --text-3: var(--text-scale-3);
  --text-4: var(--text-scale-4);
  --text-5: var(--text-scale-5);
  --text-6: var(--text-scale-6);
  --text-7: var(--text-scale-7);
  --text-8: var(--text-scale-8);
  --text-9: var(--text-scale-9);
  --text-10: var(--text-scale-10);
  --text-11: var(--text-scale-11);
  --font-stack: var(--text-font-sans);
}
.border-radius--none {
  border-radius: var(--border-radius-none);
}
.border-radius--rounded {
  border-radius: var(--border-radius-rounded);
}
.border-radius--full {
  border-radius: var(--border-radius-full);
}
:root {
  --icon-size-tiny: 16px;
  --icon-size-small: 18px;
  --icon-size-normal: 20px;
  --icon-size-medium: 24px;
  --icon-size-large: 32px;
  --icon-size-larger: 48px;
}
.icon {
  --size: var(--icon-size-normal);
  width: var(--size);
  height: var(--size);
}
.icon--tiny {
  --size: var(--icon-size-tiny);
}
.icon--small {
  --size: var(--icon-size-small);
}
.icon--normal {
  --size: var(--icon-size-normal);
}
.icon--medium {
  --size: var(--icon-size-medium);
}
.icon--large {
  --size: var(--icon-size-large);
}
.icon--larger {
  --size: var(--icon-size-larger);
}
:root {
  --content-max-width-large: 1200px;
  --content-max-width-medium: 750px;
  --content-max-width-small: 350px;
}
.default-page-container-padding {
  padding: var(--space-scale-4) var(--space-scale-6);
}
.centered-max-width-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.centered-max-width-container > .content-wrapper {
  --set-max-width: var(--content-max-width-large);
  width: 100%;
  max-width: var(--set-max-width);
}
.centered-max-width-container > .content-wrapper--medium {
  --set-max-width: var(--content-max-width-medium);
}
.centered-max-width-container > .content-wrapper--small {
  --set-max-width: var(--content-max-width-small);
}
@media all and (max-width: 600px) {
  .default-page-container-padding {
    padding: var(--space-scale-4) var(--space-scale-4);
  }
}
.flex {
  display: flex;
}
.flex--column {
  flex-direction: column !important;
}
.flex--row {
  flex-direction: row !important;
}
.flex--row-reverse {
  flex-direction: row-reverse !important;
}
.flex--column-reverse {
  flex-direction: column-reverse !important;
}
.flex--wrap {
  flex-wrap: wrap !important;
}
.flex--no-wrap {
  flex-wrap: nowrap !important;
}
.flex--wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex--centered {
  align-items: center;
}
.flex--baseline {
  align-items: baseline;
}
.flex--align-center {
  align-items: center;
}
.flex--align-baseline {
  align-items: baseline;
}
.flex--align-stretch {
  align-items: stretch;
}
.flex--align-flex-start {
  align-items: flex-start;
}
.flex--align-flex-end {
  align-items: flex-end;
}
.flex--align-start {
  align-items: start;
}
.flex--align-end {
  align-items: end;
}
.flex--align-self-center {
  align-self: center;
}
.flex--align-self-baseline {
  align-self: baseline;
}
.flex--align-self-stretch {
  align-self: stretch;
}
.flex--align-self-flex-start {
  align-self: flex-start;
}
.flex--align-self-flex-end {
  align-self: flex-end;
}
.flex--align-self-start {
  align-self: start;
}
.flex--align-self-end {
  align-self: end;
}
.flex--justify-flex-start {
  justify-content: flex-start;
}
.flex--justify-flex-end {
  justify-content: flex-end;
}
.flex--justify-center {
  justify-content: center;
}
.flex--justify-space-between {
  justify-content: space-between;
}
.flex--justify-space-around {
  justify-content: space-around;
}
.flex--justify-space-evenly {
  justify-content: space-evenly;
}
.flex-basis-full {
  flex-basis: 100%;
}
.flex-grow-full {
  flex: 1;
}
.flex-grow-full-auto {
  flex: 1 1 auto;
}
.card {
  --background: var(--card-bg-default);
  --background-clickable-hover: var(--card-bg-hover);
  background-color: var(--background);
  border-radius: var(--card-border-radius-normal);
  border: 1px solid var(--card-stroke);
  transition: all 100ms ease-in-out;
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
}
.card figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  display: inline-flex;
}
.card figure img {
  object-fit: cover;
  overflow: hidden;
}
.card figure:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: var(--shadow-inset);
}
.card:not(.card--side) figure img {
  width: 100%;
}
.card--raised {
  box-shadow: var(--shadow-md);
}
.card--alt {
  --background: var(--card-bg-alt);
}
.card--sharp {
  border-radius: var(--card-border-radius-sharp);
}
.card--clickable {
  cursor: pointer;
}
.card--clickable:hover {
  background-color: var(--background-clickable-hover);
}
.card--clickable:hover figure {
  opacity: 0.8;
}
.card--clickable figure {
  transition: opacity 100ms ease-in-out;
}
.card--side {
  flex-direction: row;
}
.card--side figure img {
  height: 100%;
}
.card .card__body {
  padding: var(--card-padding);
  display: flex;
  flex-direction: column;
  gap: var(--card-space-between);
  flex: 1;
}
.card .card__body .card__title {
  font-size: var(--text-title-lg-size);
  line-height: var(--text-title-lg-height);
  font-weight: var(--text-title-lg-weight);
  font-style: var(--text-title-lg-style);
}
.card .card__body .card__text {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
  color: var(--card-content-text-color);
}
.card .card__body .card__actions {
  display: flex;
  gap: var(--card-actions-space-between);
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.textfield {
  background: var(--input-bg-default);
  border: 1px solid var(--input-stroke-default);
  border-radius: var(--input-border-radius-default);
  padding: var(--input-padding-v-md) var(--input-padding-h-md);
  transition: all 150ms ease-in-out;
  color: var(--input-fg-text);
  gap: var(--input-space-between-md);
  outline: none;
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.textfield * {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.textfield--inset {
  background-color: var(--input-bg-inset);
}
.textfield--search {
  border-radius: var(--input-border-radius-search);
}
.textfield:active,
.textfield:focus,
.textfield:has(input:focus),
.textfield:has(input:active),
.textfield:focus-within {
  outline: 1px solid var(--input-stroke-active);
}
.textfield:disabled,
.textfield--disabled,
.textfield:has(input:disabled) {
  opacity: 0.6;
  cursor: initial;
}
.textfield::placeholder {
  color: var(--input-fg-placeholder);
}
.textfield.error,
.textfield--error {
  border-color: var(--input-stroke-error);
}
.textfield__icon {
  color: var(--input-fg-icon);
  flex-shrink: 0;
  width: var(--input-icon-size-md);
  height: var(--input-icon-size-md);
}
.textfield--sm {
  padding: var(--input-padding-v-sm) var(--input-padding-h-sm);
  gap: var(--input-space-between-sm);
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.textfield--sm * {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.textfield--sm .textfield__icon {
  width: var(--input-icon-size-sm);
  height: var(--input-icon-size-sm);
}
.textfield--lg {
  padding: var(--input-padding-v-lg) var(--input-padding-h-lg);
  gap: var(--input-space-between-lg);
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.textfield--lg * {
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.textfield--lg .textfield__icon {
  width: var(--input-icon-size-lg);
  height: var(--input-icon-size-lg);
}
input.textfield {
  width: 100%;
  box-sizing: border-box;
}
div.textfield {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
}
div.textfield input,
div.textfield textarea {
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
}
.field-wrapper {
  display: inline-flex;
  flex-direction: column;
  gap: var(--field-space-between);
}
.field-wrapper label {
  color: var(--color-fg-default);
  position: relative;
  width: auto;
  align-self: flex-start;
  display: flex;
  gap: var(--space-scale-0-5);
}
.field-wrapper label.required::after,
.field-wrapper label--required::after {
  content: "*";
  font-weight: bold;
}
.field-wrapper .textfield__errors,
.field-wrapper .errors {
  color: var(--color-fg-danger-default);
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.field-wrapper .textfield__hints,
.field-wrapper .hints {
  width: 100%;
  color: var(--color-fg-muted);
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.field-wrapper .textfield__success,
.field-wrapper .success {
  color: var(--color-fg-success-default);
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.basic-select {
  background: var(--input-bg-default);
  border: 1px solid var(--input-stroke-default);
  border-radius: var(--input-border-radius-default);
  padding: var(--input-padding-v-md) var(--input-padding-h-md);
  transition: all 150ms ease-in-out;
  color: var(--input-fg-text);
  gap: var(--input-space-between-md);
  outline: none;
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.basic-select * {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.basic-select--inset {
  background-color: var(--input-bg-inset);
}
.basic-select--search {
  border-radius: var(--input-border-radius-search);
}
.basic-select:active,
.basic-select:focus,
.basic-select:has(input:focus),
.basic-select:has(input:active),
.basic-select:focus-within {
  outline: 1px solid var(--input-stroke-active);
}
.basic-select:disabled,
.basic-select--disabled,
.basic-select:has(input:disabled) {
  opacity: 0.6;
  cursor: initial;
}
.basic-select::placeholder {
  color: var(--input-fg-placeholder);
}
.basic-select.error,
.basic-select--error {
  border-color: var(--input-stroke-error);
}
.basic-select__icon {
  color: var(--input-fg-icon);
  flex-shrink: 0;
  width: var(--input-icon-size-md);
  height: var(--input-icon-size-md);
}
.basic-select--sm {
  padding: var(--input-padding-v-sm) var(--input-padding-h-sm);
  gap: var(--input-space-between-sm);
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.basic-select--sm * {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.basic-select--sm .basic-select__icon {
  width: var(--input-icon-size-sm);
  height: var(--input-icon-size-sm);
}
.basic-select--lg {
  padding: var(--input-padding-v-lg) var(--input-padding-h-lg);
  gap: var(--input-space-between-lg);
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.basic-select--lg * {
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.basic-select--lg .basic-select__icon {
  width: var(--input-icon-size-lg);
  height: var(--input-icon-size-lg);
}
.basic-select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--font-stack);
  padding-right: var(--space-scale-7);
  transition: all 150ms ease-in-out;
  background-image:
    linear-gradient(
      45deg,
      transparent 50%,
      currentColor 50%),
    linear-gradient(
      135deg,
      var(--input-fg-text) 50%,
      transparent 50%);
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}
.combobox {
  background: var(--input-bg-default);
  border: 1px solid var(--input-stroke-default);
  border-radius: var(--input-border-radius-default);
  padding: var(--input-padding-v-md) var(--input-padding-h-md);
  transition: all 150ms ease-in-out;
  color: var(--input-fg-text);
  gap: var(--input-space-between-md);
  outline: none;
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.combobox * {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.combobox--inset {
  background-color: var(--input-bg-inset);
}
.combobox--search {
  border-radius: var(--input-border-radius-search);
}
.combobox:active,
.combobox:focus,
.combobox:has(input:focus),
.combobox:has(input:active),
.combobox:focus-within {
  outline: 1px solid var(--input-stroke-active);
}
.combobox:disabled,
.combobox--disabled,
.combobox:has(input:disabled) {
  opacity: 0.6;
  cursor: initial;
}
.combobox::placeholder {
  color: var(--input-fg-placeholder);
}
.combobox.error,
.combobox--error {
  border-color: var(--input-stroke-error);
}
.combobox__icon {
  color: var(--input-fg-icon);
  flex-shrink: 0;
  width: var(--input-icon-size-md);
  height: var(--input-icon-size-md);
}
.combobox--sm {
  padding: var(--input-padding-v-sm) var(--input-padding-h-sm);
  gap: var(--input-space-between-sm);
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.combobox--sm * {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.combobox--sm .combobox__icon {
  width: var(--input-icon-size-sm);
  height: var(--input-icon-size-sm);
}
.combobox--lg {
  padding: var(--input-padding-v-lg) var(--input-padding-h-lg);
  gap: var(--input-space-between-lg);
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.combobox--lg * {
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.combobox--lg .combobox__icon {
  width: var(--input-icon-size-lg);
  height: var(--input-icon-size-lg);
}
.combobox {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: var(--font-stack);
  padding-right: var(--space-scale-7);
  transition: all 150ms ease-in-out;
}
.basic-select::-ms-expand {
  display: none;
}
.btn,
.button {
  --button-background: var(--button-bg-fill-default);
  --text-color: var(--button-fg-fill-default);
  --hover-background: var(--button-bg-fill-hover-default);
  --quiet-text-color: var(--button-fg-outline-default);
  --quiet-background-hover: var(--button-bg-text-hover);
  --outline-color: var(--button-stroke-outline-default);
  --padding-v: var(--button-padding-v-md);
  --padding-h: var(--button-padding-h-md);
  position: relative;
  outline: none;
  padding: var(--padding-v) var(--padding-h);
  border-radius: var(--button-border-radius);
  display: inline-flex;
  align-items: center;
  gap: var(--button-space-between-md);
  cursor: pointer;
  background: var(--button-background);
  color: var(--text-color);
  font-size: var(--text-scale-4);
  font-weight: var(--text-weight-medium);
  font-family: var(--font-stack);
  border: 2px solid transparent;
  transition: background-color 100ms linear;
}
.btn:active,
.btn:focus,
.button:active,
.button:focus {
  outline: 1px solid var(--button-stroke-active);
}
.btn:hover:not(:disabled):not(.btn--quiet, .button--quiet):not(.btn--outline, .button--outline),
.button:hover:not(:disabled):not(.btn--quiet, .button--quiet):not(.btn--outline, .button--outline) {
  background: var(--hover-background);
}
.btn__icon,
.button__icon {
  width: var(--button-icon-size-md);
  height: var(--button-icon-size-md);
}
.btn--quiet,
.btn--outline,
.button--quiet,
.button--outline {
  background: none;
  color: var(--quiet-text-color);
}
.btn--quiet:hover:not(:disabled),
.btn--outline:hover:not(:disabled),
.button--quiet:hover:not(:disabled),
.button--outline:hover:not(:disabled) {
  background-color: var(--quiet-background-hover);
}
.btn--outline,
.button--outline {
  border: 2px solid var(--outline-color);
}
.btn--primary,
.button--primary {
  --button-background: var(--button-bg-fill-primary);
  --text-color: var(--button-fg-fill-primary);
  --hover-background: var(--button-bg-fill-hover-primary);
  --quiet-text-color: var(--button-fg-outline-primary);
  --outline-color: var(--button-stroke-outline-primary);
}
.btn--secondary,
.button--secondary {
  --button-background: var(--button-bg-fill-secondary);
  --text-color: var(--button-fg-fill-secondary);
  --hover-background: var(--button-bg-fill-hover-secondary);
  --quiet-text-color: var(--button-fg-outline-secondary);
  --outline-color: var(--button-stroke-outline-secondary);
}
.btn--friendly,
.btn--success,
.button--friendly,
.button--success {
  --button-background: var(--button-bg-fill-success);
  --text-color: var(--button-fg-fill-success);
  --hover-background: var(--button-bg-fill-hover-success);
  --quiet-text-color: var(--button-fg-outline-success);
  --outline-color: var(--button-stroke-outline-success);
}
.btn--danger,
.button--danger {
  --button-background: var(--button-bg-fill-danger);
  --text-color: var(--button-fg-fill-danger);
  --hover-background: var(--button-bg-fill-hover-danger);
  --quiet-text-color: var(--button-fg-outline-danger);
  --outline-color: var(--button-stroke-outline-danger);
}
.btn--warning,
.button--warning {
  --button-background: var(--button-bg-fill-warning);
  --text-color: var(--button-fg-fill-warning);
  --hover-background: var(--button-bg-fill-hover-warning);
  --quiet-text-color: var(--button-fg-outline-warning);
  --outline-color: var(--button-stroke-outline-warning);
}
.btn--inverted,
.button--inverted {
  --button-background: transparent;
  --text-color: var(--button-fg-fill-inverted);
  --hover-background: transparent;
  --quiet-text-color: var(--button-fg-outline-inverted);
  --outline-color: var(--button-stroke-outline-inverted);
}
.btn--large,
.button--large {
  --padding-h: var(--button-padding-h-lg);
  --padding-v: var(--button-padding-v-lg);
  font-size: var(--text-scale-6);
  gap: var(--button-space-between-lg);
}
.btn--large .btn__icon,
.btn--large .button__icon,
.button--large .btn__icon,
.button--large .button__icon {
  width: var(--button-icon-size-lg);
  height: var(--button-icon-size-lg);
}
.btn--small,
.button--small {
  --padding-h: var(--button-padding-h-sm);
  --padding-v: var(--button-padding-v-sm);
  font-size: var(--text-scale-3);
  gap: var(--button-space-between-sm);
}
.btn--small .btn__icon,
.btn--small .button__icon,
.button--small .btn__icon,
.button--small .button__icon {
  width: var(--button-icon-size-sm);
  height: var(--button-icon-size-sm);
}
.btn--round,
.btn--rounded,
.btn--floating,
.button--round,
.button--rounded,
.button--floating {
  border-radius: var(--button-round-border-radius);
  --padding-v: var(--padding-h);
  justify-content: center;
}
.btn--floating,
.button--floating {
  box-shadow: var(--shadow-md);
}
.btn:disabled,
.button:disabled {
  opacity: 0.6;
  cursor: initial;
}
.checkbox-wrapper {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--checkbox-space-between);
}
.checkbox-wrapper:hover input[type=checkbox].checkbox::before {
  background: var(--checkbox-bg-hover-default);
}
.checkbox-wrapper:hover input[type=checkbox].checkbox:checked::before {
  background: var(--checkbox-bg-hover-checked);
}
.checkbox-wrapper:hover input[type=checkbox].checkbox:indeterminate::before {
  background: var(--checkbox-bg-hover-indeterminate);
}
.checkbox-wrapper:hover input[type=checkbox].checkbox:focus::before,
.checkbox-wrapper:hover input[type=checkbox].checkbox:active::before {
  background: var(--checkbox-bg-hover-checked);
}
input[type=checkbox].checkbox {
  appearance: none;
  position: relative;
}
input[type=checkbox].checkbox:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  transition: background-color 100ms ease-in-out;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  width: var(--checkbox-width);
  height: var(--checkbox-height);
  min-width: var(--checkbox-width);
  min-height: var(--checkbox-height);
  background: var(--checkbox-bg-default);
  border-color: var(--checkbox-stroke-default);
  border-radius: var(--checkbox-border-radius);
}
label + .checkbox,
.checkbox + label {
  cursor: pointer;
  color: var(--color-fg-default);
}
label + .checkbox:required::after,
.checkbox:required + label::after {
  content: "*";
  color: var(--color-fg-danger-bolder);
  margin-left: var(--space-1);
}
input[type=checkbox].checkbox:hover::before {
  background: var(--checkbox-bg-hover-default);
}
input[type=checkbox].checkbox:hover:checked::before {
  background: var(--checkbox-bg-hover-checked);
}
input[type=checkbox].checkbox:hover:indeterminate::before {
  background: var(--checkbox-bg-hover-indeterminate);
}
input[type=checkbox].checkbox:hover:focus::before,
input[type=checkbox].checkbox:hover:active::before {
  background: var(--checkbox-bg-hover-checked);
}
input[type=checkbox].checkbox:focus::before,
input[type=checkbox].checkbox:active::before {
  outline: 1px solid var(--checkbox-outline-active);
}
input[type=checkbox].checkbox:checked::before {
  background: var(--checkbox-bg-checked);
  border-color: var(--checkbox-stroke-checked);
}
input[type=checkbox].checkbox:indeterminate::before {
  background: var(--checkbox-bg-indeterminate);
  border-color: var(--checkbox-stroke-indeterminate);
}
.checkbox:disabled {
  opacity: 0.6;
  cursor: auto;
}
label + .checkbox:disabled,
.checkbox:disabled + label {
  opacity: 0.6;
  cursor: auto;
}
.checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  background: var(--checkbox-fg-checked);
  width: 3px;
  height: 3px;
  box-shadow:
    2px 0 0 var(--checkbox-fg-checked),
    4px 0 0 var(--checkbox-fg-checked),
    4px -2px 0 var(--checkbox-fg-checked),
    4px -4px 0 var(--checkbox-fg-checked),
    4px -6px 0 var(--checkbox-fg-checked),
    4px -8px 0 var(--checkbox-fg-checked);
  transform: rotate(45deg);
  cursor: pointer;
}
.checkbox:indeterminate::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--checkbox-fg-indeterminate);
  width: 12px;
  height: 12px;
  border-radius: var(--checkbox-border-radius);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.radio-wrapper {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--checkbox-space-between);
}
.radio-wrapper:hover input[type=radio].radio::before {
  background: var(--radiobox-bg-hover-default);
}
.radio-wrapper:hover input[type=radio].radio:checked::before {
  background: var(--radiobox-bg-hover-checked);
}
.radio-wrapper:hover input[type=radio].radio:focus::before,
.radio-wrapper:hover input[type=radio].radio:active::before {
  background: var(--radiobox-bg-hover-checked);
}
input[type=radio].radio {
  appearance: none;
  position: relative;
}
input[type=radio].radio:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  transition: background-color 100ms ease-in-out;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  width: var(--radiobox-width);
  height: var(--radiobox-height);
  min-width: var(--radiobox-width);
  min-height: var(--radiobox-height);
  background: var(--radiobox-bg-default);
  border-color: var(--radiobox-stroke-default);
  border-radius: var(--radiobox-border-radius);
}
label + .radio,
.radio + label {
  cursor: pointer;
  color: var(--color-fg-default);
}
input[type=radio].radio:hover::before {
  background: var(--radiobox-bg-hover-default);
}
input[type=radio].radio:hover:checked::before {
  background: var(--radiobox-bg-hover-checked);
}
input[type=radio].radio:hover:focus::before,
input[type=radio].radio:hover:active::before {
  background: var(--radiobox-bg-hover-checked);
}
input[type=radio].radio:focus::before,
input[type=radio].radio:active::before {
  outline: 1px solid var(--radiobox-outline-active);
}
input[type=radio].radio:checked::before {
  background: var(--radiobox-bg-default);
  border-color: var(--radiobox-stroke-default);
}
.radio:disabled {
  opacity: 0.6;
  cursor: auto;
}
label + .radio:disabled,
.radio:disabled + label {
  opacity: 0.6;
  cursor: auto;
}
.radio:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: var(--radiobox-fg-checked);
  width: 12px;
  height: 12px;
  border-radius: var(--radiobox-border-radius);
  transform: translate(-50%, -50%);
}
.line {
  background-color: var(--color-palette-gray-500);
  margin-top: var(--space-scale-3);
}
.skeleton {
  opacity: 0.3;
  display: inherit;
  background-color: var(--color-palette-gray-500);
  animation: pulse 1500ms ease-in-out;
  animation-iteration-count: infinite;
}
.skeleton--line {
  height: 1em;
  border-radius: var(--border-radius-round);
}
@keyframes pulse {
  50% {
    opacity: 0.1;
  }
}
.lds-dual-ring {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  --loader-bckgr: currentcolor;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
  border: 0.16em solid var(--loader-bckgr);
  border-color: var(--loader-bckgr) transparent var(--loader-bckgr) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.chip {
  --background-color: var(--chip-bg-fill-default);
  --alt-background-color: var(--chip-bg-alt-default);
  --text-color: var(--chip-fg-fill-default);
  --alt-text-color: var(--chip-fg-alt-default);
  padding: var(--chip-padding-v-md) var(--chip-padding-h-md);
  background-color: var(--background-color);
  color: var(--text-color);
  border-radius: var(--chip-border-radius);
  display: inline-flex;
  gap: var(--chip-space-between-md);
  align-items: center;
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
  transition: all 100ms ease-in-out;
}
.chip .icon,
.chip .chip__icon {
  width: var(--chip-icon-size-md);
  height: var(--chip-icon-size-md);
}
.chip--small {
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
  gap: var(--chip-space-between-sm);
}
.chip--small .icon,
.chip--small .chip__icon {
  width: var(--chip-icon-size-sm);
  height: var(--chip-icon-size-sm);
}
.chip--large {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
  gap: var(--chip-space-between-lg);
}
.chip--large .icon,
.chip--large .chip__icon {
  width: var(--chip-icon-size-lg);
  height: var(--chip-icon-size-lg);
}
.chip--clickable:not(.chip--inverse) {
  cursor: pointer;
}
.chip--clickable:not(.chip--inverse):hover {
  background-color: var(--alt-background-color);
  color: var(--alt-text-color);
}
.chip--primary {
  --background-color: var(--chip-bg-fill-primary);
  --alt-background-color: var(--chip-bg-alt-primary);
  --text-color: var(--chip-fg-fill-primary);
  --alt-text-color: var(--chip-fg-alt-primary);
}
.chip--secondary {
  --background-color: var(--chip-bg-fill-secondary);
  --alt-background-color: var(--chip-bg-alt-secondary);
  --text-color: var(--chip-fg-fill-secondary);
  --alt-text-color: var(--chip-fg-alt-secondary);
}
.chip--friendly,
.chip--success {
  --background-color: var(--chip-bg-fill-success);
  --alt-background-color: var(--chip-bg-alt-success);
  --text-color: var(--chip-fg-fill-success);
  --alt-text-color: var(--chip-fg-alt-success);
}
.chip--danger {
  --background-color: var(--chip-bg-fill-danger);
  --alt-background-color: var(--chip-bg-alt-danger);
  --text-color: var(--chip-fg-fill-danger);
  --alt-text-color: var(--chip-fg-alt-danger);
}
.chip--warning {
  --background-color: var(--chip-bg-fill-warning);
  --alt-background-color: var(--chip-bg-alt-warning);
  --text-color: var(--chip-fg-fill-warning);
  --alt-text-color: var(--chip-fg-alt-warning);
}
.chip--alt {
  background-color: var(--alt-background-color);
  color: var(--alt-text-color);
}
.chip--alt.chip--clickable {
  cursor: pointer;
}
.chip--alt.chip--clickable:hover {
  background-color: var(--background-color);
  color: var(--text-color);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.notification,
.alert,
.toast,
.snackbar {
  --background: var(--notification-bg-normal-default);
  --foreground: var(--notification-fg-normal-default);
  --background-alt: var(--notification-bg-alt-default);
  --foreground-alt: var(--notification-fg-alt-default);
  --radius: var(--notification-border-radius);
  --content-height: var(--notification-content-height);
  display: flex;
  align-items: flex-start;
  width: max-content;
  padding: var(--notification-padding-v) var(--notification-padding-h);
  gap: var(--notification-space-between);
  background: var(--background);
  color: var(--foreground);
  border-radius: var(--radius);
}
.notification__prefix,
.alert__prefix,
.toast__prefix,
.snackbar__prefix {
  display: flex;
  align-items: center;
}
.notification__prefix::before,
.alert__prefix::before,
.toast__prefix::before,
.snackbar__prefix::before {
  content: "";
  min-height: var(--content-height);
}
.notification__icon,
.alert__icon,
.toast__icon,
.snackbar__icon {
  width: var(--notification-icon-size);
  height: var(--notification-icon-size);
}
.notification__content,
.notification__header,
.alert__content,
.alert__header,
.toast__content,
.toast__header,
.snackbar__content,
.snackbar__header {
  min-height: var(--content-height);
}
.notification__content,
.alert__content,
.toast__content,
.snackbar__content {
  display: flex;
  flex-direction: column;
}
.notification__header,
.alert__header,
.toast__header,
.snackbar__header {
  display: flex;
  align-items: center;
  vertical-align: center;
  font-size: var(--text-label-md-size);
  line-height: var(--text-label-md-height);
  font-weight: var(--text-label-md-weight);
  font-style: var(--text-label-md-style);
}
.notification__subtext,
.alert__subtext,
.toast__subtext,
.snackbar__subtext {
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.notification__action.btn,
.notification__action .btn,
.alert__action.btn,
.alert__action .btn,
.toast__action.btn,
.toast__action .btn,
.snackbar__action.btn,
.snackbar__action .btn {
  height: var(--content-height);
}
.notification__action::after,
.alert__action::after,
.toast__action::after,
.snackbar__action::after {
  content: "";
  min-height: var(--content-height);
}
.notification--alt,
.alert--alt,
.toast--alt,
.snackbar--alt {
  background: var(--background-alt);
  color: var(--foreground-alt);
}
.notification--primary,
.alert--primary,
.toast--primary,
.snackbar--primary {
  --background: var(--notification-bg-normal-primary);
  --foreground: var(--notification-fg-normal-primary);
  --background-alt: var(--notification-bg-alt-primary);
  --foreground-alt: var(--notification-fg-alt-primary);
}
.notification--success,
.alert--success,
.toast--success,
.snackbar--success {
  --background: var(--notification-bg-normal-success);
  --foreground: var(--notification-fg-normal-success);
  --background-alt: var(--notification-bg-alt-success);
  --foreground-alt: var(--notification-fg-alt-success);
}
.notification--warning,
.alert--warning,
.toast--warning,
.snackbar--warning {
  --background: var(--notification-bg-normal-warning);
  --foreground: var(--notification-fg-normal-warning);
  --background-alt: var(--notification-bg-alt-warning);
  --foreground-alt: var(--notification-fg-alt-warning);
}
.notification--danger,
.alert--danger,
.toast--danger,
.snackbar--danger {
  --background: var(--notification-bg-normal-danger);
  --foreground: var(--notification-fg-normal-danger);
  --background-alt: var(--notification-bg-alt-danger);
  --foreground-alt: var(--notification-fg-alt-danger);
}
.notification--secondary,
.alert--secondary,
.toast--secondary,
.snackbar--secondary {
  --background: var(--notification-bg-normal-secondary);
  --foreground: var(--notification-fg-normal-secondary);
  --background-alt: var(--notification-bg-alt-secondary);
  --foreground-alt: var(--notification-fg-alt-secondary);
}
.snackbar,
.toast {
  position: fixed;
  --distance: var(--space-scale-4);
  animation: fade-in 200ms ease-in-out;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--notification-stroke);
}
.snackbar--top,
.toast--top {
  top: var(--distance);
}
.snackbar--bottom,
.toast--bottom {
  bottom: var(--distance);
}
.snackbar--center,
.toast--center {
  left: 50%;
  transform: translateX(-50%);
}
.snackbar--left,
.toast--left {
  left: var(--distance);
}
.snackbar--right,
.toast--right {
  right: var(--distance);
}
.snackbar--middle,
.toast--middle {
  top: 50%;
  transform: translateY(-50%);
}
.snackbar--center:where(.snackbar--middle, .toast--middle),
.toast--center:where(.snackbar--middle, .toast--middle) {
  transform: translateY(-50%) translateX(-50%);
}
.modal {
  --z-index: 102;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: auto;
  max-height: 100%;
  background-color: var(--modal-bg);
  z-index: var(--z-index);
  padding: var(--modal-padding);
  border-radius: var(--modal-border-radius);
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--modal-stroke);
  display: flex;
  flex-direction: column;
  gap: var(--modal-space-between);
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--modal-space-between);
}
.modal__header__close {
  justify-self: flex-end;
}
.modal__title {
  font-size: var(--text-heading-md-size);
  line-height: var(--text-heading-md-height);
  font-weight: var(--text-heading-md-weight);
  font-style: var(--text-heading-md-style);
}
.modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--modal-space-between);
}
.backdrop {
  --z-index: 101;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--backdrop-bg);
  opacity: 0.7;
  z-index: var(--z-index);
}
.breadcrumbs {
  display: inline-flex;
  padding: var(--breadcrumb-padding-v) 0;
}
.breadcrumb {
  position: relative;
  text-decoration: underline;
  transition: color 100ms ease-out;
  color: var(--breadcrumb-fg-default);
  cursor: pointer;
  font-size: var(--text-label-md-size);
  line-height: var(--text-label-md-height);
  font-weight: var(--text-label-md-weight);
  font-style: var(--text-label-md-style);
}
.breadcrumb--active {
  text-decoration: none;
  cursor: initial;
}
.breadcrumb:hover:not(.breadcrumb--active) {
  color: var(--color-fg-primary-default);
}
.breadcrumb--primary {
  color: var(--link-fg-primary);
}
.breadcrumb--on-hover {
  text-decoration: none;
}
.breadcrumb--on-hover:hover {
  text-decoration: underline;
}
.breadcrumbs > .breadcrumb + .breadcrumb {
  margin-left: var(--breadcrumb-space-between);
  padding-left: calc(2 * var(--breadcrumb-space-between));
}
.breadcrumbs > .breadcrumb + .breadcrumb::before {
  content: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20\ viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20class=%22feather%20feather-chevron-right%22%3E%3Cpolyline%20points=%229%2018%2015%2012%209%206%22%3E%3C/polyline%3E%3C/svg%3E);
  position: absolute;
  left: calc(var(--link-icon-size) / 4 * -1);
  bottom: 0;
  height: var(--link-icon-size);
  width: var(--link-icon-size);
  color: var(--breadcrumb-fg-separator);
}
.tab-container {
  display: flex;
  border-bottom: var(--tab-container-stroke-width) solid var(--tab-container-stroke);
  align-items: stretch;
}
.tab {
  --active-color: var(--tab-stroke-active);
  --text-color: var(--tab-fg-default);
  border-bottom: var(--tab-stroke-width) solid var(--tab-stroke-default);
  display: inline-flex;
  align-items: center;
  transition: background-color 200ms ease-out, border 200ms ease-out;
  padding: var(--tab-padding-v) var(--tab-padding-h);
  color: var(--text-color);
  cursor: pointer;
  margin-bottom: calc(var(--tab-container-stroke-width) * -1);
  font-size: var(--text-title-xs-size);
  line-height: var(--text-title-xs-height);
  font-weight: var(--text-title-xs-weight);
  font-style: var(--text-title-xs-style);
  gap: var(--tab-space-between);
}
.tab:hover {
  background-color: var(--tab-bg-hover);
}
.tab--active {
  border-bottom: var(--tab-stroke-width) solid var(--active-color);
}
.tab--danger {
  --active-color: var(--color-stroke-danger-emphasis);
}
.tab--warning {
  --active-color: var(--color-stroke-warning-emphasis);
}
.tab--friendly,
.tab--success {
  --active-color: var(--color-stroke-success-emphasis);
}
.tab--primary {
  --active-color: var(--color-stroke-primary-emphasis);
}
.tab--large {
  font-size: var(--text-title-lg-size);
  line-height: var(--text-title-lg-height);
  font-weight: var(--text-title-lg-weight);
  font-style: var(--text-title-lg-style);
}
progress,
.progress {
  --color-track: var(--progress-bg);
  --size-track: min(var(--progress-bar-size-md), 1ex);
  --color-progress: var(--progress-fg);
  --border-radius-progress: var(--progress-bar-border-radius);
  --gradient-track-indeterminate:
    linear-gradient(
      
      to right,
      var(--color-track) 45%,
      var(--color-progress) 0%,
      var(--color-progress) 55%,
      var(--color-track) 0% );
  --track-size-indeterminate: 225% 100%;
  --track-animation-indeterminate: progress-loading 2s infinite ease;
}
progress--small,
.progress--small {
  --size-track: min(var(--progress-bar-size-sm), 1ex);
}
progress--large,
.progress--large {
  --size-track: min(var(--progress-bar-size-lg), 1ex);
}
progress,
.progress {
  appearance: none;
  border: none;
  position: relative;
  height: var(--size-track);
  border-radius: var(--border-radius-progress);
  overflow: hidden;
}
progress:focus-visible,
.progress:focus-visible {
  outline-color: var(--color-progress);
}
progress[value]::-webkit-progress-bar,
.progress[value]::-webkit-progress-bar {
  background-color: var(--color-track);
}
progress[value]::-webkit-progress-value,
.progress[value]::-webkit-progress-value {
  background-color: var(--color-progress);
  transition: inline-size 0.25s ease-out;
}
progress[value]::-moz-progress-bar,
.progress[value]::-moz-progress-bar {
  background-color: var(--color-progress);
}
progress:indeterminate::after,
.progress:indeterminate::after {
  content: "";
  inset: 0;
  position: absolute;
  background: var(--gradient-track-indeterminate);
  background-size: var(--track-size-indeterminate);
  background-position: right;
  animation: var(--track-animation-indeterminate);
}
progress:indeterminate::-webkit-progress-bar,
.progress:indeterminate::-webkit-progress-bar {
  background: var(--gradient-track-indeterminate);
  background-size: var(--track-size-indeterminate);
  background-position: right;
  animation: var(--track-animation-indeterminate);
}
progress:indeterminate::-moz-progress-bar,
.progress:indeterminate::-moz-progress-bar {
  background: var(--gradient-track-indeterminate);
  background-size: var(--track-size-indeterminate);
  background-position: right;
  animation: var(--track-animation-indeterminate);
}
@keyframes progress-loading {
  50% {
    background-position: left;
  }
}
.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
.dropdown {
  border-radius: var(--dropdown-border-radius);
  padding: var(--dropdown-padding-v) var(--dropdown-padding-h);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--dropdown-stroke-default);
  background-color: var(--color-bg-default);
  display: inline-flex;
  flex-direction: column;
  width: max-content;
}
.toggle {
  --animation-speed: 100ms;
  --slider-point-padding: calc( (var(--toggle-height) - var(--toggle-point-size)) / 2 );
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--toggle-space-between);
  cursor: pointer;
}
.toggle:hover .slider {
  background-color: var(--toggle-bg-hover-default);
}
.toggle:hover input:checked + .slider {
  background-color: var(--toggle-bg-hover-checked);
}
.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: relative;
  width: var(--toggle-width);
  height: var(--toggle-height);
  background-color: var(--toggle-bg-default);
  -webkit-transition: var(--animation-speed);
  transition: var(--animation-speed);
  border-radius: var(--toggle-border-radius);
}
.slider:before {
  position: absolute;
  content: "";
  height: var(--toggle-point-size);
  width: var(--toggle-point-size);
  left: var(--slider-point-padding);
  bottom: var(--slider-point-padding);
  background-color: var(--toggle-fg-default);
  -webkit-transition: var(--animation-speed);
  transition: var(--animation-speed);
  border-radius: var(--toggle-border-radius);
}
input:checked + .slider {
  background-color: var(--toggle-bg-checked);
}
input:focus + .slider {
  box-shadow: 0 0 1px var(--toggle-outline-active);
}
input:checked + .slider:before {
  --transform-amount: calc( var(--toggle-width) - (var(--slider-point-padding) * 2) - var(--toggle-point-size) );
  -ms-transform: translateX(var(--transform-amount));
  transform: translateX(var(--transform-amount));
}
.tooltip {
  --z-index: 105;
  position: absolute;
  padding: var(--tooltip-padding-v) var(--tooltip-padding-h);
  background-color: var(--tooltip-normal-bg);
  color: var(--tooltip-normal-fg);
  border-radius: var(--tooltip-border-radius);
  box-shadow: var(--shadow-md);
  z-index: var(--z-index);
  border: 1px solid var(--color-stroke-subtle);
  width: max-content;
  display: flex;
  align-items: center;
  gap: var(--tooltip-space-between);
}
.tooltip--alt {
  background-color: var(--tooltip-alt-bg);
  color: var(--tooltip-alt-fg);
}
.tooltip--top {
  bottom: calc(100% + var(--tooltip-distance));
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--right {
  top: 50%;
  left: calc(100% + var(--tooltip-distance));
  transform: translateY(-50%);
}
.tooltip--bottom {
  top: calc(100% + var(--tooltip-distance));
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--left {
  top: 50%;
  right: calc(100% + var(--tooltip-distance));
  transform: translateY(-50%);
}
.tooltip-wrapper {
  position: relative;
  width: max-content;
}
.tooltip-wrapper .tooltip {
  visibility: hidden;
}
.tooltip-wrapper:hover .tooltip {
  visibility: visible;
  animation: fade-in 150ms ease-in-out;
}
.indicator {
  --background: var(--indicator-bg-normal-default);
  --foreground: var(--indicator-fg-normal-default);
  --background-alt: var(--indicator-bg-alt-default);
  --foreground-alt: var(--indicator-fg-alt-default);
  --size: var(--indicator-count-size);
  --border-width: 1px;
  --border-color: white;
  border-radius: var(--indicator-border-radius);
  min-width: var(--indicator-count-size);
  width: min-content;
  height: var(--indicator-count-size);
  background-color: var(--background);
  color: var(--foreground);
  box-sizing: border-box;
  white-space: nowrap;
  padding: 0 var(--space-scale-1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-2);
  font-weight: var(--text-weight-bold);
  letter-spacing: 0.25px;
  line-height: normal;
  text-align: center;
}
.indicator:empty {
  --size: var(--indicator-normal-size);
  min-width: 0;
  width: var(--indicator-normal-size);
  height: var(--indicator-normal-size);
  padding: 0;
}
.indicator--top-right {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%) translateY(-50%);
  border: var(--border-width) solid var(--border-color);
}
.indicator--top-left {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%) translateY(-50%);
  border: var(--border-width) solid var(--border-color);
}
.indicator--bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(50%) translateY(50%);
  border: var(--border-width) solid var(--border-color);
}
.indicator--bottom-left {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-50%) translateY(50%);
  border: var(--border-width) solid var(--border-color);
}
.indicator--primary {
  --background: var(--indicator-bg-normal-primary);
  --foreground: var(--indicator-fg-normal-primary);
  --background-alt: var(--indicator-bg-alt-primary);
  --foreground-alt: var(--indicator-fg-alt-primary);
}
.indicator--secondary {
  --background: var(--indicator-bg-normal-secondary);
  --foreground: var(--indicator-fg-normal-secondary);
  --background-alt: var(--indicator-bg-alt-secondary);
  --foreground-alt: var(--indicator-fg-alt-secondary);
}
.indicator--success {
  --background: var(--indicator-bg-normal-success);
  --foreground: var(--indicator-fg-normal-success);
  --background-alt: var(--indicator-bg-alt-success);
  --foreground-alt: var(--indicator-fg-alt-success);
}
.indicator--danger {
  --background: var(--indicator-bg-normal-danger);
  --foreground: var(--indicator-fg-normal-danger);
  --background-alt: var(--indicator-bg-alt-danger);
  --foreground-alt: var(--indicator-fg-alt-danger);
}
.indicator--warning {
  --background: var(--indicator-bg-normal-warning);
  --foreground: var(--indicator-fg-normal-warning);
  --background-alt: var(--indicator-bg-alt-warning);
  --foreground-alt: var(--indicator-fg-alt-warning);
}
.indicator--alt {
  background-color: var(--background-alt);
  color: var(--foreground-alt);
}
.link {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--link-space-between);
  width: max-content;
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
  text-decoration: underline;
  color: var(--link-fg-default);
}
.link__icon {
  width: var(--link-icon-size);
  height: var(--link-icon-size);
}
.link--on-hover {
  text-decoration: none;
}
.link--on-hover:hover {
  text-decoration: underline;
}
.link--bolder {
  font-weight: var(--text-weight-bold);
}
.link--primary {
  color: var(--link-fg-primary);
}
.link--secondary {
  color: var(--link-fg-secondary);
}
.link--inverse {
  color: var(--link-fg-inverse);
}
.link--inverse:visited,
.link--inverse .link--visited {
  color: var(--link-fg-inverse);
}
.link:visited,
.link--visited {
  color: var(--link-fg-visited);
}
.bottom-bar {
  display: flex;
  justify-content: stretch;
  padding: var(--nav-bottom-padding-v) var(--nav-bottom-padding-h);
  gap: var(--nav-list-space-between);
  width: 100%;
}
.bottom-bar > * {
  flex: 1;
}
@media all and (max-width: 400px) {
  .bottom-bar {
    gap: 0;
    padding: 0;
  }
  .bottom-bar .navigation-item {
    padding: var(--nav-item-vertical-padding-v) 0;
    font-size: var(--text-body-xs-size);
    line-height: var(--text-body-xs-height);
    font-weight: var(--text-body-xs-weight);
    font-style: var(--text-body-xs-style);
    border-radius: var(--border-radius-none);
  }
}
.sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--nav-sidebar-space-between);
  padding: var(--nav-sidebar-padding-v) var(--nav-sidebar-drawer-padding-h);
  background-color: var(--color-bg-default);
  height: 100%;
  min-width: var(--nav-sidebar-drawer-width, 300px);
}
.sidebar--alt {
  background-color: var(--color-bg-alt);
}
.sidebar--floating {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
}
.sidebar--raised {
  box-shadow: var(--shadow-lg);
  border-right: 1px solid var(--color-stroke-subtle);
}
.sidebar--rail {
  padding: var(--nav-sidebar-padding-v) var(--nav-sidebar-rail-padding-h);
  width: fit-content;
  align-items: center;
  min-width: auto;
}
.navigation-list {
  display: flex;
  flex-direction: column;
  gap: var(--nav-list-space-between);
  list-style: none;
}
.navigation-title {
  color: var(--nav-item-fg-alt);
  font-size: var(--text-title-xs-size);
  line-height: var(--text-title-xs-height);
  font-weight: var(--text-title-xs-weight);
  font-style: var(--text-title-xs-style);
  padding: var(--nav-item-horizontal-padding-v) var(--nav-item-padding-h);
}
.toolbar {
  display: flex;
  align-items: center;
  background-color: var(--color-bg-default);
  color: var(--color-fg-default);
  padding: var(--nav-toolbar-padding);
  gap: var(--nav-toolbar-space-between);
  position: relative;
}
.toolbar--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.toolbar .toolbar__logo {
  height: 30px;
}
.toolbar__main {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--nav-toolbar-space-between);
  justify-content: flex-end;
}
.toolbar__actions,
.toolbar__navigation-list {
  display: flex;
  align-items: center;
  gap: var(--nav-toolbar-space-between);
}
.toolbar .navigation-item {
  gap: var(--space-scale-1);
  width: auto;
}
.toolbar--website {
  justify-content: center;
}
.toolbar--website .toolbar__content {
  display: flex;
  align-items: center;
  gap: var(--nav-toolbar-space-between);
  width: 100%;
  max-width: var(--nav-toolbar-website-max-width);
  height: var(--nav-toolbar-website-height);
}
.toolbar--website .toolbar__logo {
  height: var(--nav-toolbar-website-height);
  width: 200px;
}
.toolbar--website .toolbar__logo .toolbar__logo-box {
  height: calc(var(--nav-toolbar-website-height) + 59px);
  box-shadow: var(--shadow-md);
  position: absolute;
  top: 0;
}
.toolbar--website .toolbar__main {
  flex-direction: column;
  align-items: flex-end;
  justify-content: stretch;
}
.toolbar--website .toolbar__navigation-list {
  width: 100%;
  justify-content: flex-end;
}
.toolbar--website .navigation-item {
  width: 100%;
  flex: 1;
  max-width: var(--nav-item-max-width);
  justify-content: center;
}
.toolbar--website .navigation-item .navigation-item__text {
  flex: unset;
}
.toolbar--raised {
  box-shadow: var(--shadow-md);
}
.item,
.navigation-item,
.dropdown-item {
  padding: var(--item-padding-v) var(--item-padding-h);
  background-color: var(--item-bg-default);
  color: var(--item-fg-default);
  display: flex;
  align-items: center;
  gap: var(--item-space-between);
  cursor: pointer;
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
  border-radius: var(--item-border-radius);
}
.item:hover:not(:disabled):not(.item--disabled),
.item:hover:not(:disabled):not(.navigation-item--disabled),
.item:hover:not(:disabled):not(.dropdown-item--disabled),
.navigation-item:hover:not(:disabled):not(.item--disabled),
.navigation-item:hover:not(:disabled):not(.navigation-item--disabled),
.navigation-item:hover:not(:disabled):not(.dropdown-item--disabled),
.dropdown-item:hover:not(:disabled):not(.item--disabled),
.dropdown-item:hover:not(:disabled):not(.navigation-item--disabled),
.dropdown-item:hover:not(:disabled):not(.dropdown-item--disabled) {
  background-color: var(--item-bg-hover);
}
.item:active,
.navigation-item:active,
.dropdown-item:active {
  outline: 1px solid var(--item-stroke-active);
}
.item:focus,
.navigation-item:focus,
.dropdown-item:focus {
  outline: 1px solid var(--item-stroke-active);
}
.item--disabled,
.item:disabled,
.navigation-item--disabled,
.navigation-item:disabled,
.dropdown-item--disabled,
.dropdown-item:disabled {
  opacity: 0.6;
  cursor: inherit;
}
.item__text,
.navigation-item__text,
.dropdown-item__text {
  flex: 1;
}
.item__texts,
.navigation-item__texts,
.dropdown-item__texts {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.item__subtext,
.navigation-item__subtext,
.dropdown-item__subtext {
  color: var(--item-fg-alt);
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.item__icon,
.navigation-item__icon,
.dropdown-item__icon {
  color: var(--item-fg-icon-default);
  position: relative;
}
.item__extra,
.navigation-item__extra,
.dropdown-item__extra {
  color: var(--item-fg-alt);
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.item--selected,
.navigation-item--selected,
.dropdown-item--selected {
  background-color: var(--item-bg-selected);
  color: var(--item-fg-selected);
}
.item--selected .item__subtext,
.item--selected .navigation-item__subtext,
.item--selected .dropdown-item__subtext,
.navigation-item--selected .item__subtext,
.navigation-item--selected .navigation-item__subtext,
.navigation-item--selected .dropdown-item__subtext,
.dropdown-item--selected .item__subtext,
.dropdown-item--selected .navigation-item__subtext,
.dropdown-item--selected .dropdown-item__subtext {
  color: var(--item-fg-selected);
}
.item--selected .item__icon,
.item--selected .navigation-item__icon,
.item--selected .dropdown-item__icon,
.navigation-item--selected .item__icon,
.navigation-item--selected .navigation-item__icon,
.navigation-item--selected .dropdown-item__icon,
.dropdown-item--selected .item__icon,
.dropdown-item--selected .navigation-item__icon,
.dropdown-item--selected .dropdown-item__icon {
  color: var(--item-fg-icon-selected);
}
.item__avatar,
.navigation-item__avatar,
.dropdown-item__avatar {
  width: var(--item-avatar-size);
  height: var(--item-avatar-size);
  border-radius: var(--item-avatar-radius-default);
  object-fit: cover;
}
.item__avatar--round,
.navigation-item__avatar--round,
.dropdown-item__avatar--round {
  border-radius: var(--item-avatar-radius-round);
}
.item--vertical,
.navigation-item--vertical,
.dropdown-item--vertical {
  flex-direction: column;
  padding: var(--nav-item-vertical-padding-v) var(--item-padding-h);
  gap: var(--nav-item-vertical-space-between);
  border-radius: var(--nav-item-vertical-border-radius);
}
.list-title,
.dropdown-title,
.navigation-title {
  color: var(--item-fg-alt);
  font-size: var(--text-title-xs-size);
  line-height: var(--text-title-xs-height);
  font-weight: var(--text-title-xs-weight);
  font-style: var(--text-title-xs-style);
  padding: var(--item-padding-v) var(--item-padding-h);
}
.divider,
.navigation-divider,
.dropdown-divider {
  border-top: 1px solid var(--dropdown-divider-stroke);
  margin: var(--item-padding-h) 0;
  width: 100%;
}
.accordion {
  display: flex;
  flex-direction: column;
}
.accordion--divided .accordion__item {
  border-bottom: 1px solid var(--accordion-divider-color);
}
.accordion--divided .accordion__item:last-child {
  border-bottom: none;
}
.accordion__item {
  display: flex;
  flex-direction: column;
}
.accordion__item--divided {
  border-bottom: 1px solid var(--accordion-divider-color);
}
.accordion__item__content {
  display: inherit;
  padding: var(--accordion-content-padding);
}
.accordion__item__icon {
  transition: transform 100ms ease-in-out;
  transform: rotateZ(0deg);
}
.accordion__item--collapsed .accordion__item__content {
  display: none;
}
.accordion__item--collapsed .accordion__item__icon {
  transform: rotateZ(-90deg);
}
.tree {
  display: flex;
  flex-direction: column;
}
.tree__item {
  display: flex;
  flex-direction: column;
}
.tree__item__children {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--tree-offset-padding-l) + var(--tree-offset-width));
}
.tree__item__children::before {
  position: absolute;
  content: "";
  left: calc(var(--tree-offset-padding-l) + var(--tree-offset-width) / 2);
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--tree-offset-color);
}
.tree__item__icon {
  transition: transform 100ms ease-in-out;
  transform: rotateZ(0deg);
}
.tree__item--collapsed .tree__item__children {
  display: none;
}
.tree__item--collapsed .tree__item__icon {
  transform: rotateZ(-90deg);
}
.pagination {
  display: flex;
  gap: var(--pagination-space-between);
  align-items: center;
}
.pagination__page-info {
  font-size: vaR(--pagination-page-info-size);
  color: var(--pagination-page-info-color);
  line-height: var(--pagination-page-info-height);
  font-weight: var(--pagination-page-info-weight);
}
.pagination__result-count {
  font-size: var(--pagination-result-count-size);
  color: var(--pagination-result-count-color);
  line-height: var(--pagination-result-count-height);
  font-weight: var(--pagination-result-count-weight);
  padding: 0 var(--pagination-space-between);
}
.pagination__page-count {
  font-size: var(--pagination-page-count-size);
  color: var(--pagination-page-count-color);
  line-height: var(--pagination-page-count-height);
  font-weight: var(--pagination-page-count-weight);
}
.stepper {
  display: flex;
}
.stepper--vertical {
  flex-direction: column;
}
.stepper--vertical .step {
  flex-direction: column;
  gap: var(--stepper-space-between-vertical);
}
.step {
  display: flex;
  gap: var(--stepper-space-between-horizontal);
  --line-color: var(--stepper-stroke-default);
}
.step__header {
  display: flex;
  gap: var(--stepper-space-between-horizontal);
  align-items: center;
  padding: var(--stepper-padding-vertical) var(--stepper-padding-horizontal);
}
.step__texts {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.step--previous {
  --line-color: var(--button-stroke-active);
}
.step .step__line {
  flex: 1;
  content: "";
  min-width: var(--stepper-line-min-width);
  height: 4px;
  width: 100%;
  background-color: var(--line-color);
  border-radius: var(--border-radius-full);
}
.step--vertical {
  flex-direction: column;
  gap: var(--stepper-space-between-vertical);
}
.step--vertical .step__line {
  flex: none;
  min-width: 0;
  height: inherit;
  min-height: var(--stepper-line-min-height);
  width: 2px;
  margin: 0 calc(var(--stepper-padding-horizontal));
}
.step--vertical .step__content {
  display: flex;
  align-items: stretch;
  padding: var(--stepper-padding-vertical) var(--stepper-padding-horizontal);
}
.step--clickable .step__header {
  cursor: pointer;
  transition: background-color 100ms ease;
  border-radius: var(--border-radius-rounded);
}
.step--clickable .step__header:hover {
  background: var(--color-bg-alt);
}
.step--clickable .step__header:focus {
  outline: 1px solid var(--button-stroke-active);
  outline-offset: 2px;
}
.step--clickable .step__header:focus-visible {
  outline: 1px solid var(--button-stroke-active);
  outline-offset: 2px;
}
.step--clickable .step__header:focus:not(:focus-visible) {
  outline: none;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animation-fade-in {
  animation: fade-in 300ms ease-in-out;
}
.animation-speed--75 {
  animation-duration: 75ms;
}
.animation-speed--100 {
  animation-duration: 100ms;
}
.animation-speed--fast,
.animation-speed--150 {
  animation-duration: 150ms;
}
.animation-speed--200 {
  animation-duration: 200ms;
}
.animation-speed--medium,
.animation-speed--300 {
  animation-duration: 300ms;
}
.animation-speed--slow,
.animation-speed--500 {
  animation-duration: 500ms;
}
.animation-speed--700 {
  animation-duration: 700ms;
}
.animation-speed--1000 {
  animation-duration: 1000ms;
}
.animation-timing--ease-in-out {
  animation-timing-function: ease-in-out;
}
.animation-timing--ease-in {
  animation-timing-function: ease-in;
}
.animation-timing--ease-out {
  animation-timing-function: ease-out;
}
.animation-timing--linear {
  animation-timing-function: linear;
}
.text-color-gray-050 {
  color: var(--color-palette-gray-050);
}
.bg-color-gray-050 {
  background-color: var(--color-palette-gray-050);
}
.text-color-blue-050 {
  color: var(--color-palette-blue-050);
}
.bg-color-blue-050 {
  background-color: var(--color-palette-blue-050);
}
.text-color-green-050 {
  color: var(--color-palette-green-050);
}
.bg-color-green-050 {
  background-color: var(--color-palette-green-050);
}
.text-color-light-green-050 {
  color: var(--color-palette-light-green-050);
}
.bg-color-light-green-050 {
  background-color: var(--color-palette-light-green-050);
}
.text-color-yellow-050 {
  color: var(--color-palette-yellow-050);
}
.bg-color-yellow-050 {
  background-color: var(--color-palette-yellow-050);
}
.text-color-orange-050 {
  color: var(--color-palette-orange-050);
}
.bg-color-orange-050 {
  background-color: var(--color-palette-orange-050);
}
.text-color-mo-blue-050 {
  color: var(--color-palette-mo-blue-050);
}
.bg-color-mo-blue-050 {
  background-color: var(--color-palette-mo-blue-050);
}
.text-color-red-050 {
  color: var(--color-palette-red-050);
}
.bg-color-red-050 {
  background-color: var(--color-palette-red-050);
}
.text-color-gray-100 {
  color: var(--color-palette-gray-100);
}
.bg-color-gray-100 {
  background-color: var(--color-palette-gray-100);
}
.text-color-blue-100 {
  color: var(--color-palette-blue-100);
}
.bg-color-blue-100 {
  background-color: var(--color-palette-blue-100);
}
.text-color-green-100 {
  color: var(--color-palette-green-100);
}
.bg-color-green-100 {
  background-color: var(--color-palette-green-100);
}
.text-color-light-green-100 {
  color: var(--color-palette-light-green-100);
}
.bg-color-light-green-100 {
  background-color: var(--color-palette-light-green-100);
}
.text-color-yellow-100 {
  color: var(--color-palette-yellow-100);
}
.bg-color-yellow-100 {
  background-color: var(--color-palette-yellow-100);
}
.text-color-orange-100 {
  color: var(--color-palette-orange-100);
}
.bg-color-orange-100 {
  background-color: var(--color-palette-orange-100);
}
.text-color-mo-blue-100 {
  color: var(--color-palette-mo-blue-100);
}
.bg-color-mo-blue-100 {
  background-color: var(--color-palette-mo-blue-100);
}
.text-color-red-100 {
  color: var(--color-palette-red-100);
}
.bg-color-red-100 {
  background-color: var(--color-palette-red-100);
}
.text-color-gray-200 {
  color: var(--color-palette-gray-200);
}
.bg-color-gray-200 {
  background-color: var(--color-palette-gray-200);
}
.text-color-blue-200 {
  color: var(--color-palette-blue-200);
}
.bg-color-blue-200 {
  background-color: var(--color-palette-blue-200);
}
.text-color-green-200 {
  color: var(--color-palette-green-200);
}
.bg-color-green-200 {
  background-color: var(--color-palette-green-200);
}
.text-color-light-green-200 {
  color: var(--color-palette-light-green-200);
}
.bg-color-light-green-200 {
  background-color: var(--color-palette-light-green-200);
}
.text-color-yellow-200 {
  color: var(--color-palette-yellow-200);
}
.bg-color-yellow-200 {
  background-color: var(--color-palette-yellow-200);
}
.text-color-orange-200 {
  color: var(--color-palette-orange-200);
}
.bg-color-orange-200 {
  background-color: var(--color-palette-orange-200);
}
.text-color-mo-blue-200 {
  color: var(--color-palette-mo-blue-200);
}
.bg-color-mo-blue-200 {
  background-color: var(--color-palette-mo-blue-200);
}
.text-color-red-200 {
  color: var(--color-palette-red-200);
}
.bg-color-red-200 {
  background-color: var(--color-palette-red-200);
}
.text-color-gray-300 {
  color: var(--color-palette-gray-300);
}
.bg-color-gray-300 {
  background-color: var(--color-palette-gray-300);
}
.text-color-blue-300 {
  color: var(--color-palette-blue-300);
}
.bg-color-blue-300 {
  background-color: var(--color-palette-blue-300);
}
.text-color-green-300 {
  color: var(--color-palette-green-300);
}
.bg-color-green-300 {
  background-color: var(--color-palette-green-300);
}
.text-color-light-green-300 {
  color: var(--color-palette-light-green-300);
}
.bg-color-light-green-300 {
  background-color: var(--color-palette-light-green-300);
}
.text-color-yellow-300 {
  color: var(--color-palette-yellow-300);
}
.bg-color-yellow-300 {
  background-color: var(--color-palette-yellow-300);
}
.text-color-orange-300 {
  color: var(--color-palette-orange-300);
}
.bg-color-orange-300 {
  background-color: var(--color-palette-orange-300);
}
.text-color-mo-blue-300 {
  color: var(--color-palette-mo-blue-300);
}
.bg-color-mo-blue-300 {
  background-color: var(--color-palette-mo-blue-300);
}
.text-color-red-300 {
  color: var(--color-palette-red-300);
}
.bg-color-red-300 {
  background-color: var(--color-palette-red-300);
}
.text-color-gray-400 {
  color: var(--color-palette-gray-400);
}
.bg-color-gray-400 {
  background-color: var(--color-palette-gray-400);
}
.text-color-blue-400 {
  color: var(--color-palette-blue-400);
}
.bg-color-blue-400 {
  background-color: var(--color-palette-blue-400);
}
.text-color-green-400 {
  color: var(--color-palette-green-400);
}
.bg-color-green-400 {
  background-color: var(--color-palette-green-400);
}
.text-color-light-green-400 {
  color: var(--color-palette-light-green-400);
}
.bg-color-light-green-400 {
  background-color: var(--color-palette-light-green-400);
}
.text-color-yellow-400 {
  color: var(--color-palette-yellow-400);
}
.bg-color-yellow-400 {
  background-color: var(--color-palette-yellow-400);
}
.text-color-orange-400 {
  color: var(--color-palette-orange-400);
}
.bg-color-orange-400 {
  background-color: var(--color-palette-orange-400);
}
.text-color-mo-blue-400 {
  color: var(--color-palette-mo-blue-400);
}
.bg-color-mo-blue-400 {
  background-color: var(--color-palette-mo-blue-400);
}
.text-color-red-400 {
  color: var(--color-palette-red-400);
}
.bg-color-red-400 {
  background-color: var(--color-palette-red-400);
}
.text-color-gray-500 {
  color: var(--color-palette-gray-500);
}
.bg-color-gray-500 {
  background-color: var(--color-palette-gray-500);
}
.text-color-blue-500 {
  color: var(--color-palette-blue-500);
}
.bg-color-blue-500 {
  background-color: var(--color-palette-blue-500);
}
.text-color-green-500 {
  color: var(--color-palette-green-500);
}
.bg-color-green-500 {
  background-color: var(--color-palette-green-500);
}
.text-color-light-green-500 {
  color: var(--color-palette-light-green-500);
}
.bg-color-light-green-500 {
  background-color: var(--color-palette-light-green-500);
}
.text-color-yellow-500 {
  color: var(--color-palette-yellow-500);
}
.bg-color-yellow-500 {
  background-color: var(--color-palette-yellow-500);
}
.text-color-orange-500 {
  color: var(--color-palette-orange-500);
}
.bg-color-orange-500 {
  background-color: var(--color-palette-orange-500);
}
.text-color-mo-blue-500 {
  color: var(--color-palette-mo-blue-500);
}
.bg-color-mo-blue-500 {
  background-color: var(--color-palette-mo-blue-500);
}
.text-color-red-500 {
  color: var(--color-palette-red-500);
}
.bg-color-red-500 {
  background-color: var(--color-palette-red-500);
}
.text-color-gray-600 {
  color: var(--color-palette-gray-600);
}
.bg-color-gray-600 {
  background-color: var(--color-palette-gray-600);
}
.text-color-blue-600 {
  color: var(--color-palette-blue-600);
}
.bg-color-blue-600 {
  background-color: var(--color-palette-blue-600);
}
.text-color-green-600 {
  color: var(--color-palette-green-600);
}
.bg-color-green-600 {
  background-color: var(--color-palette-green-600);
}
.text-color-light-green-600 {
  color: var(--color-palette-light-green-600);
}
.bg-color-light-green-600 {
  background-color: var(--color-palette-light-green-600);
}
.text-color-yellow-600 {
  color: var(--color-palette-yellow-600);
}
.bg-color-yellow-600 {
  background-color: var(--color-palette-yellow-600);
}
.text-color-orange-600 {
  color: var(--color-palette-orange-600);
}
.bg-color-orange-600 {
  background-color: var(--color-palette-orange-600);
}
.text-color-mo-blue-600 {
  color: var(--color-palette-mo-blue-600);
}
.bg-color-mo-blue-600 {
  background-color: var(--color-palette-mo-blue-600);
}
.text-color-red-600 {
  color: var(--color-palette-red-600);
}
.bg-color-red-600 {
  background-color: var(--color-palette-red-600);
}
.text-color-gray-700 {
  color: var(--color-palette-gray-700);
}
.bg-color-gray-700 {
  background-color: var(--color-palette-gray-700);
}
.text-color-blue-700 {
  color: var(--color-palette-blue-700);
}
.bg-color-blue-700 {
  background-color: var(--color-palette-blue-700);
}
.text-color-green-700 {
  color: var(--color-palette-green-700);
}
.bg-color-green-700 {
  background-color: var(--color-palette-green-700);
}
.text-color-light-green-700 {
  color: var(--color-palette-light-green-700);
}
.bg-color-light-green-700 {
  background-color: var(--color-palette-light-green-700);
}
.text-color-yellow-700 {
  color: var(--color-palette-yellow-700);
}
.bg-color-yellow-700 {
  background-color: var(--color-palette-yellow-700);
}
.text-color-orange-700 {
  color: var(--color-palette-orange-700);
}
.bg-color-orange-700 {
  background-color: var(--color-palette-orange-700);
}
.text-color-mo-blue-700 {
  color: var(--color-palette-mo-blue-700);
}
.bg-color-mo-blue-700 {
  background-color: var(--color-palette-mo-blue-700);
}
.text-color-red-700 {
  color: var(--color-palette-red-700);
}
.bg-color-red-700 {
  background-color: var(--color-palette-red-700);
}
.text-color-gray-800 {
  color: var(--color-palette-gray-800);
}
.bg-color-gray-800 {
  background-color: var(--color-palette-gray-800);
}
.text-color-blue-800 {
  color: var(--color-palette-blue-800);
}
.bg-color-blue-800 {
  background-color: var(--color-palette-blue-800);
}
.text-color-green-800 {
  color: var(--color-palette-green-800);
}
.bg-color-green-800 {
  background-color: var(--color-palette-green-800);
}
.text-color-light-green-800 {
  color: var(--color-palette-light-green-800);
}
.bg-color-light-green-800 {
  background-color: var(--color-palette-light-green-800);
}
.text-color-yellow-800 {
  color: var(--color-palette-yellow-800);
}
.bg-color-yellow-800 {
  background-color: var(--color-palette-yellow-800);
}
.text-color-orange-800 {
  color: var(--color-palette-orange-800);
}
.bg-color-orange-800 {
  background-color: var(--color-palette-orange-800);
}
.text-color-mo-blue-800 {
  color: var(--color-palette-mo-blue-800);
}
.bg-color-mo-blue-800 {
  background-color: var(--color-palette-mo-blue-800);
}
.text-color-red-800 {
  color: var(--color-palette-red-800);
}
.bg-color-red-800 {
  background-color: var(--color-palette-red-800);
}
.text-color-gray-900 {
  color: var(--color-palette-gray-900);
}
.bg-color-gray-900 {
  background-color: var(--color-palette-gray-900);
}
.text-color-blue-900 {
  color: var(--color-palette-blue-900);
}
.bg-color-blue-900 {
  background-color: var(--color-palette-blue-900);
}
.text-color-green-900 {
  color: var(--color-palette-green-900);
}
.bg-color-green-900 {
  background-color: var(--color-palette-green-900);
}
.text-color-light-green-900 {
  color: var(--color-palette-light-green-900);
}
.bg-color-light-green-900 {
  background-color: var(--color-palette-light-green-900);
}
.text-color-yellow-900 {
  color: var(--color-palette-yellow-900);
}
.bg-color-yellow-900 {
  background-color: var(--color-palette-yellow-900);
}
.text-color-orange-900 {
  color: var(--color-palette-orange-900);
}
.bg-color-orange-900 {
  background-color: var(--color-palette-orange-900);
}
.text-color-mo-blue-900 {
  color: var(--color-palette-mo-blue-900);
}
.bg-color-mo-blue-900 {
  background-color: var(--color-palette-mo-blue-900);
}
.text-color-red-900 {
  color: var(--color-palette-red-900);
}
.bg-color-red-900 {
  background-color: var(--color-palette-red-900);
}
.text-color-gray-1000 {
  color: var(--color-palette-gray-1000);
}
.bg-color-gray-1000 {
  background-color: var(--color-palette-gray-1000);
}
.text-color-blue-1000 {
  color: var(--color-palette-blue-1000);
}
.bg-color-blue-1000 {
  background-color: var(--color-palette-blue-1000);
}
.text-color-green-1000 {
  color: var(--color-palette-green-1000);
}
.bg-color-green-1000 {
  background-color: var(--color-palette-green-1000);
}
.text-color-light-green-1000 {
  color: var(--color-palette-light-green-1000);
}
.bg-color-light-green-1000 {
  background-color: var(--color-palette-light-green-1000);
}
.text-color-yellow-1000 {
  color: var(--color-palette-yellow-1000);
}
.bg-color-yellow-1000 {
  background-color: var(--color-palette-yellow-1000);
}
.text-color-orange-1000 {
  color: var(--color-palette-orange-1000);
}
.bg-color-orange-1000 {
  background-color: var(--color-palette-orange-1000);
}
.text-color-mo-blue-1000 {
  color: var(--color-palette-mo-blue-1000);
}
.bg-color-mo-blue-1000 {
  background-color: var(--color-palette-mo-blue-1000);
}
.text-color-red-1000 {
  color: var(--color-palette-red-1000);
}
.bg-color-red-1000 {
  background-color: var(--color-palette-red-1000);
}
.bg-default {
  background-color: var(--color-bg-default);
}
.bg-alt {
  background-color: var(--color-bg-alt);
}
.bg-emphasis {
  background-color: var(--color-bg-emphasis);
}
.bg-bolder {
  background-color: var(--color-bg-bolder);
}
.bg-primary {
  background-color: var(--color-bg-primary-default);
}
.bg-primary-bolder {
  background-color: var(--color-bg-primary-bolder);
}
.bg-primary-emphasis {
  background-color: var(--color-bg-primary-emphasis);
}
.bg-primary-brand {
  background-color: var(--color-bg-primary-emphasis);
}
.bg-secondary {
  background-color: var(--color-bg-secondary-default);
}
.bg-secondary-bolder {
  background-color: var(--color-bg-secondary-bolder);
}
.bg-secondary-emphasis {
  background-color: var(--color-bg-secondary-emphasis);
}
.bg-secondary-brand {
  background-color: var(--color-bg-secondary-emphasis);
}
.bg-success {
  background-color: var(--color-bg-success-default);
}
.bg-success-bolder {
  background-color: var(--color-bg-success-bolder);
}
.bg-success-emphasis {
  background-color: var(--color-bg-success-emphasis);
}
.bg-success-brand {
  background-color: var(--color-bg-success-emphasis);
}
.bg-warning {
  background-color: var(--color-bg-warning-default);
}
.bg-warning-bolder {
  background-color: var(--color-bg-warning-bolder);
}
.bg-warning-emphasis {
  background-color: var(--color-bg-warning-emphasis);
}
.bg-warning-brand {
  background-color: var(--color-bg-warning-emphasis);
}
.bg-danger {
  background-color: var(--color-bg-danger-default);
}
.bg-danger-bolder {
  background-color: var(--color-bg-danger-bolder);
}
.bg-danger-emphasis {
  background-color: var(--color-bg-danger-emphasis);
}
.bg-danger-brand {
  background-color: var(--color-bg-danger-emphasis);
}
.fg-default {
  color: var(--color-fg-default);
}
.fg-muted {
  color: var(--color-fg-muted);
}
.fg-subtle {
  color: var(--color-fg-subtle);
}
.fg-inverse {
  color: var(--color-fg-inverse);
}
.fg-primary {
  color: var(--color-fg-primary-default);
}
.fg-primary-bolder {
  color: var(--color-fg-primary-bolder);
}
.fg-primary-inverse {
  color: var(--color-fg-primary-inverse);
}
.fg-secondary {
  color: var(--color-fg-secondary-default);
}
.fg-secondary-bolder {
  color: var(--color-fg-secondary-bolder);
}
.fg-secondary-inverse {
  color: var(--color-fg-secondary-inverse);
}
.fg-success {
  color: var(--color-fg-success-default);
}
.fg-success-bolder {
  color: var(--color-fg-success-bolder);
}
.fg-success-inverse {
  color: var(--color-fg-success-inverse);
}
.fg-warning {
  color: var(--color-fg-warning-default);
}
.fg-warning-bolder {
  color: var(--color-fg-warning-bolder);
}
.fg-warning-inverse {
  color: var(--color-fg-warning-inverse);
}
.fg-danger {
  color: var(--color-fg-danger-default);
}
.fg-danger-bolder {
  color: var(--color-fg-danger-bolder);
}
.fg-danger-inverse {
  color: var(--color-fg-danger-inverse);
}
.stroke-default {
  border-color: var(--color-stroke-default);
}
.stroke-muted {
  border-color: var(--color-stroke-muted);
}
.stroke-subtle {
  border-color: var(--color-stroke-subtle);
}
.stroke-primary {
  border-color: var(--color-stroke-primary-default);
}
.stroke-primary-bolder {
  border-color: var(--color-stroke-primary-bolder);
}
.stroke-primary-emphasis {
  border-color: var(--color-stroke-primary-emphasis);
}
.stroke-secondary {
  border-color: var(--color-stroke-secondary-default);
}
.stroke-secondary-bolder {
  border-color: var(--color-stroke-secondary-bolder);
}
.stroke-secondary-emphasis {
  border-color: var(--color-stroke-secondary-emphasis);
}
.stroke-success {
  border-color: var(--color-stroke-success-default);
}
.stroke-success-bolder {
  border-color: var(--color-stroke-success-bolder);
}
.stroke-success-emphasis {
  border-color: var(--color-stroke-success-emphasis);
}
.stroke-warning {
  border-color: var(--color-stroke-warning-default);
}
.stroke-warning-bolder {
  border-color: var(--color-stroke-warning-bolder);
}
.stroke-warning-emphasis {
  border-color: var(--color-stroke-warning-emphasis);
}
.stroke-danger {
  border-color: var(--color-stroke-danger-default);
}
.stroke-danger-bolder {
  border-color: var(--color-stroke-danger-bolder);
}
.stroke-danger-emphasis {
  border-color: var(--color-stroke-danger-emphasis);
}
.cursor--inital {
  cursor: initial;
}
.cursor--pointer {
  cursor: pointer;
}
.cursor--auto {
  cursor: auto;
}
.cursor--default {
  cursor: default;
}
.cursor--none {
  cursor: none;
}
.cursor--context-menu {
  cursor: context-menu;
}
.cursor--help {
  cursor: help;
}
.cursor--progress {
  cursor: progress;
}
.cursor--wait {
  cursor: wait;
}
.cursor--cell {
  cursor: cell;
}
.cursor--crosshair {
  cursor: crosshair;
}
.cursor--text {
  cursor: text;
}
.cursor--vertical-text {
  cursor: vertical-text;
}
.cursor--alias {
  cursor: alias;
}
.cursor--copy {
  cursor: copy;
}
.cursor--move {
  cursor: move;
}
.cursor--no-drop {
  cursor: no-drop;
}
.cursor--not-allowed {
  cursor: not-allowed;
}
.cursor--grab {
  cursor: grab;
}
.cursor--grabbing {
  cursor: grabbing;
}
.cursor--all-scroll {
  cursor: all-scroll;
}
.cursor--col-resize {
  cursor: col-resize;
}
.cursor--row-resize {
  cursor: row-resize;
}
.cursor--zoom-in {
  cursor: zoom-in;
}
.cursor--zoom-out {
  cursor: zoom-out;
}
.clamp-text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp-text--one-line {
  -webkit-line-clamp: 1;
}
.clamp-text--two-lines {
  -webkit-line-clamp: 2;
}
.clamp-text--three-lines {
  -webkit-line-clamp: 3;
}
.max-text-block-width {
  max-width: 700px;
}
.user-select--none {
  -webkit-user-select: none;
  user-select: none;
}
.display-xl {
  font-size: var(--text-display-xl-size);
  line-height: var(--text-display-xl-height);
  font-weight: var(--text-display-xl-weight);
  font-style: var(--text-display-xl-style);
}
.display-lg {
  font-size: var(--text-display-lg-size);
  line-height: var(--text-display-lg-height);
  font-weight: var(--text-display-lg-weight);
  font-style: var(--text-display-lg-style);
}
.display-md {
  font-size: var(--text-display-md-size);
  line-height: var(--text-display-md-height);
  font-weight: var(--text-display-md-weight);
  font-style: var(--text-display-md-style);
}
.display-sm {
  font-size: var(--text-display-sm-size);
  line-height: var(--text-display-sm-height);
  font-weight: var(--text-display-sm-weight);
  font-style: var(--text-display-sm-style);
}
.heading-xl {
  font-size: var(--text-heading-xl-size);
  line-height: var(--text-heading-xl-height);
  font-weight: var(--text-heading-xl-weight);
  font-style: var(--text-heading-xl-style);
}
.heading-lg {
  font-size: var(--text-heading-lg-size);
  line-height: var(--text-heading-lg-height);
  font-weight: var(--text-heading-lg-weight);
  font-style: var(--text-heading-lg-style);
}
.heading-md {
  font-size: var(--text-heading-md-size);
  line-height: var(--text-heading-md-height);
  font-weight: var(--text-heading-md-weight);
  font-style: var(--text-heading-md-style);
}
.heading-sm {
  font-size: var(--text-heading-sm-size);
  line-height: var(--text-heading-sm-height);
  font-weight: var(--text-heading-sm-weight);
  font-style: var(--text-heading-sm-style);
}
.title-lg {
  font-size: var(--text-title-lg-size);
  line-height: var(--text-title-lg-height);
  font-weight: var(--text-title-lg-weight);
  font-style: var(--text-title-lg-style);
}
.title-md {
  font-size: var(--text-title-md-size);
  line-height: var(--text-title-md-height);
  font-weight: var(--text-title-md-weight);
  font-style: var(--text-title-md-style);
}
.title-sm {
  font-size: var(--text-title-sm-size);
  line-height: var(--text-title-sm-height);
  font-weight: var(--text-title-sm-weight);
  font-style: var(--text-title-sm-style);
}
.title-xs {
  font-size: var(--text-title-xs-size);
  line-height: var(--text-title-xs-height);
  font-weight: var(--text-title-xs-weight);
  font-style: var(--text-title-xs-style);
}
.highlight-lg {
  font-size: var(--text-highlight-lg-size);
  line-height: var(--text-highlight-lg-height);
  font-weight: var(--text-highlight-lg-weight);
  font-style: var(--text-highlight-lg-style);
}
.highlight-md {
  font-size: var(--text-highlight-md-size);
  line-height: var(--text-highlight-md-height);
  font-weight: var(--text-highlight-md-weight);
  font-style: var(--text-highlight-md-style);
}
.highlight-sm {
  font-size: var(--text-highlight-sm-size);
  line-height: var(--text-highlight-sm-height);
  font-weight: var(--text-highlight-sm-weight);
  font-style: var(--text-highlight-sm-style);
}
.highlight-xs {
  font-size: var(--text-highlight-xs-size);
  line-height: var(--text-highlight-xs-height);
  font-weight: var(--text-highlight-xs-weight);
  font-style: var(--text-highlight-xs-style);
}
.label-lg {
  font-size: var(--text-label-lg-size);
  line-height: var(--text-label-lg-height);
  font-weight: var(--text-label-lg-weight);
  font-style: var(--text-label-lg-style);
}
.label-md {
  font-size: var(--text-label-md-size);
  line-height: var(--text-label-md-height);
  font-weight: var(--text-label-md-weight);
  font-style: var(--text-label-md-style);
}
.label-sm {
  font-size: var(--text-label-sm-size);
  line-height: var(--text-label-sm-height);
  font-weight: var(--text-label-sm-weight);
  font-style: var(--text-label-sm-style);
}
.label-xs {
  font-size: var(--text-label-xs-size);
  line-height: var(--text-label-xs-height);
  font-weight: var(--text-label-xs-weight);
  font-style: var(--text-label-xs-style);
}
.body-xxl {
  font-size: var(--text-body-xxl-size);
  line-height: var(--text-body-xxl-height);
  font-weight: var(--text-body-xxl-weight);
  font-style: var(--text-body-xxl-style);
}
.body-xl {
  font-size: var(--text-body-xl-size);
  line-height: var(--text-body-xl-height);
  font-weight: var(--text-body-xl-weight);
  font-style: var(--text-body-xl-style);
}
.body-lg {
  font-size: var(--text-body-lg-size);
  line-height: var(--text-body-lg-height);
  font-weight: var(--text-body-lg-weight);
  font-style: var(--text-body-lg-style);
}
.body-md {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.body-sm {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.body-xs {
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.link-default {
  text-decoration: underline;
}
.link-default:visited {
  color: var(--link-fg-visited);
}
.link-bolder {
  font-weight: var(--text-weight-bold);
}
.link-primary {
  color: var(--link-fg-primary);
}
.link-inverse {
  color: var(--link-fg-inverse);
}
.link-on-hover {
  text-decoration: none;
}
.link-on-hover:hover {
  text-decoration: underline;
}
@media screen and (min-width: 750px) {
  .heading-01,
  h1 {
    font-size: var(--text-heading-lg-size);
    line-height: var(--text-heading-lg-height);
    font-weight: var(--text-heading-lg-weight);
    font-style: var(--text-heading-lg-style);
  }
  .heading-02,
  h2 {
    font-size: var(--text-heading-md-size);
    line-height: var(--text-heading-md-height);
    font-weight: var(--text-heading-md-weight);
    font-style: var(--text-heading-md-style);
  }
  .heading-03,
  h3 {
    font-size: var(--text-heading-sm-size);
    line-height: var(--text-heading-sm-height);
    font-weight: var(--text-heading-sm-weight);
    font-style: var(--text-heading-sm-style);
  }
  .heading-04,
  h4 {
    font-size: var(--text-title-lg-size);
    line-height: var(--text-title-lg-height);
    font-weight: var(--text-title-lg-weight);
    font-style: var(--text-title-lg-style);
  }
  .subheading-01,
  h5 {
    font-size: var(--text-title-md-size);
    line-height: var(--text-title-md-height);
    font-weight: var(--text-title-md-weight);
    font-style: var(--text-title-md-style);
  }
  .subheading-02,
  h6 {
    font-size: var(--text-title-sm-size);
    line-height: var(--text-title-sm-height);
    font-weight: var(--text-title-sm-weight);
    font-style: var(--text-title-sm-style);
  }
  .caption,
  label {
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-height);
    font-weight: var(--text-label-sm-weight);
    font-style: var(--text-label-sm-style);
  }
}
@media screen and (max-width: 750px) {
  .heading-01,
  h1 {
    font-size: var(--text-heading-md-size);
    line-height: var(--text-heading-md-height);
    font-weight: var(--text-heading-md-weight);
    font-style: var(--text-heading-md-style);
  }
  .heading-02,
  h2 {
    font-size: var(--text-heading-sm-size);
    line-height: var(--text-heading-sm-height);
    font-weight: var(--text-heading-sm-weight);
    font-style: var(--text-heading-sm-style);
  }
  .heading-03,
  h3 {
    font-size: var(--text-title-lg-size);
    line-height: var(--text-title-lg-height);
    font-weight: var(--text-title-lg-weight);
    font-style: var(--text-title-lg-style);
  }
  .heading-04,
  h4 {
    font-size: var(--text-title-md-size);
    line-height: var(--text-title-md-height);
    font-weight: var(--text-title-md-weight);
    font-style: var(--text-title-md-style);
  }
  .subheading-01,
  h5 {
    font-size: var(--text-title-sm-size);
    line-height: var(--text-title-sm-height);
    font-weight: var(--text-title-sm-weight);
    font-style: var(--text-title-sm-style);
  }
  .subheading-02,
  h6 {
    font-size: var(--text-title-xs-size);
    line-height: var(--text-title-xs-height);
    font-weight: var(--text-title-xs-weight);
    font-style: var(--text-title-xs-style);
  }
  .caption,
  label {
    font-size: var(--text-label-sm-size);
    line-height: var(--text-label-sm-height);
    font-weight: var(--text-label-sm-weight);
    font-style: var(--text-label-sm-style);
  }
}
.text {
  font-size: var(--text-body-md-size);
  line-height: var(--text-body-md-height);
  font-weight: var(--text-body-md-weight);
  font-style: var(--text-body-md-style);
}
.text--small {
  font-size: var(--text-body-sm-size);
  line-height: var(--text-body-sm-height);
  font-weight: var(--text-body-sm-weight);
  font-style: var(--text-body-sm-style);
}
.text--small-x {
  font-size: var(--text-body-xs-size);
  line-height: var(--text-body-xs-height);
  font-weight: var(--text-body-xs-weight);
  font-style: var(--text-body-xs-style);
}
.text--bold {
  font-weight: var(--text-weight-bold);
}
.text--medium {
  font-weight: var(--text-weight-medium);
}
.text--normal {
  font-weight: var(--text-weight-normal);
}
.text--no-wrap {
  white-space: nowrap;
}
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-semibold: 600;
    --radius-lg: 0.5rem;
    --shadow-md: var(--shadow-md);
    --shadow-lg: var(--shadow-lg);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--text-font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius: var(--border-radius-rounded);
    --color-warning: var(--color-fg-warning-default);
    --color-vis-01: var(--color-vis-01);
    --color-vis-02: var(--color-vis-02);
    --color-vis-03: var(--color-vis-03);
    --color-vis-04: var(--color-vis-04);
    --color-vis-05: var(--color-vis-05);
    --color-vis-06: var(--color-vis-06);
    --color-vis-07: var(--color-vis-07);
    --color-vis-08: var(--color-vis-08);
    --color-vis-09: var(--color-vis-09);
    --color-vis-10: var(--color-vis-10);
    --color-vis-11: var(--color-vis-11);
    --color-vis-12: var(--color-vis-12);
    --color-fg-default: var(--color-fg-default);
    --color-fg-muted: var(--color-fg-muted);
    --color-fg-subtle: var(--color-fg-subtle);
    --color-fg-inverse: var(--color-fg-inverse);
    --color-fg-primary-default: var(--color-fg-primary-default);
    --color-fg-primary-bolder: var(--color-fg-primary-bolder);
    --color-fg-primary-inverse: var(--color-fg-primary-inverse);
    --color-fg-success-default: var(--color-fg-success-default);
    --color-fg-success-bolder: var(--color-fg-success-bolder);
    --color-fg-success-inverse: var(--color-fg-success-inverse);
    --color-fg-warning-default: var(--color-fg-warning-default);
    --color-fg-warning-bolder: var(--color-fg-warning-bolder);
    --color-fg-warning-inverse: var(--color-fg-warning-inverse);
    --color-fg-danger-default: var(--color-fg-danger-default);
    --color-fg-danger-bolder: var(--color-fg-danger-bolder);
    --color-fg-danger-inverse: var(--color-fg-danger-inverse);
    --color-fg-secondary-default: var(--color-fg-secondary-default);
    --color-fg-secondary-bolder: var(--color-fg-secondary-bolder);
    --color-fg-secondary-inverse: var(--color-fg-secondary-inverse);
    --color-bg-default: var(--color-bg-default);
    --color-bg-alt: var(--color-bg-alt);
    --color-bg-emphasis: var(--color-bg-emphasis);
    --color-bg-bolder: var(--color-bg-bolder);
    --color-bg-bold: var(--color-bg-bold);
    --color-bg-primary-default: var(--color-bg-primary-default);
    --color-bg-primary-bolder: var(--color-bg-primary-bolder);
    --color-bg-primary-emphasis: var(--color-bg-primary-emphasis);
    --color-bg-primary-brand: var(--color-bg-primary-brand);
    --color-bg-success-default: var(--color-bg-success-default);
    --color-bg-success-bolder: var(--color-bg-success-bolder);
    --color-bg-success-emphasis: var(--color-bg-success-emphasis);
    --color-bg-success-brand: var(--color-bg-success-brand);
    --color-bg-warning-default: var(--color-bg-warning-default);
    --color-bg-warning-bolder: var(--color-bg-warning-bolder);
    --color-bg-warning-emphasis: var(--color-bg-warning-emphasis);
    --color-bg-warning-brand: var(--color-bg-warning-brand);
    --color-bg-danger-default: var(--color-bg-danger-default);
    --color-bg-danger-bolder: var(--color-bg-danger-bolder);
    --color-bg-danger-emphasis: var(--color-bg-danger-emphasis);
    --color-bg-secondary-default: var(--color-bg-secondary-default);
    --color-bg-secondary-bolder: var(--color-bg-secondary-bolder);
    --color-bg-secondary-emphasis: var(--color-bg-secondary-emphasis);
    --color-bg-secondary-brand: var(--color-bg-secondary-brand);
    --color-stroke-default: var(--color-stroke-default);
    --color-stroke-muted: var(--color-stroke-muted);
    --color-stroke-subtle: var(--color-stroke-subtle);
    --color-stroke-primary-default: var(--color-stroke-primary-default);
    --color-stroke-primary-bolder: var(--color-stroke-primary-bolder);
    --color-stroke-primary-emphasis: var(--color-stroke-primary-emphasis);
    --color-stroke-success-default: var(--color-stroke-success-default);
    --color-stroke-success-bolder: var(--color-stroke-success-bolder);
    --color-stroke-success-emphasis: var(--color-stroke-success-emphasis);
    --color-stroke-warning-default: var(--color-stroke-warning-default);
    --color-stroke-warning-bolder: var(--color-stroke-warning-bolder);
    --color-stroke-warning-emphasis: var(--color-stroke-warning-emphasis);
    --color-stroke-danger-default: var(--color-stroke-danger-default);
    --color-stroke-danger-bolder: var(--color-stroke-danger-bolder);
    --color-stroke-danger-emphasis: var(--color-stroke-danger-emphasis);
    --color-stroke-secondary-default: var(--color-stroke-secondary-default);
    --color-stroke-secondary-bolder: var(--color-stroke-secondary-bolder);
    --color-stroke-secondary-emphasis: var(--color-stroke-secondary-emphasis);
    --text-2: var(--text-scale-2);
    --shadow-none: var(--shadow-none);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: var(--space-scale-0);
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[102\] {
    z-index: 102;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-1 {
    margin-inline: var(--space-scale-1);
  }
  .my-4 {
    margin-block: var(--space-scale-4);
  }
  .mt-1 {
    margin-top: var(--space-scale-1);
  }
  .mt-2 {
    margin-top: var(--space-scale-2);
  }
  .mt-3 {
    margin-top: var(--space-scale-3);
  }
  .mt-5 {
    margin-top: var(--space-scale-5);
  }
  .mt-6 {
    margin-top: var(--space-scale-6);
  }
  .mb-2 {
    margin-bottom: var(--space-scale-2);
  }
  .mb-3 {
    margin-bottom: var(--space-scale-3);
  }
  .mb-4 {
    margin-bottom: var(--space-scale-4);
  }
  .mb-6 {
    margin-bottom: var(--space-scale-6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .\!h-\[1em\] {
    height: 1em !important;
  }
  .h-2 {
    height: var(--space-scale-2);
  }
  .h-4 {
    height: var(--space-scale-4);
  }
  .h-5 {
    height: var(--space-scale-5);
  }
  .h-8 {
    height: var(--space-scale-8);
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-full {
    height: 100%;
  }
  .h-min {
    height: min-content;
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .\!w-\[1em\] {
    width: 1em !important;
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-1\/5 {
    width: calc(1 / 5 * 100%);
  }
  .w-1\/6 {
    width: calc(1 / 6 * 100%);
  }
  .w-4 {
    width: var(--space-scale-4);
  }
  .w-5 {
    width: var(--space-scale-5);
  }
  .w-8 {
    width: var(--space-scale-8);
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-0 {
    min-width: var(--space-scale-0);
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: var(--space-scale-1);
  }
  .gap-2 {
    gap: var(--space-scale-2);
  }
  .gap-3 {
    gap: var(--space-scale-3);
  }
  .gap-4 {
    gap: var(--space-scale-4);
  }
  .gap-5 {
    gap: var(--space-scale-5);
  }
  .gap-6 {
    gap: var(--space-scale-6);
  }
  .gap-7 {
    gap: var(--space-scale-7);
  }
  .gap-8 {
    gap: var(--space-scale-8);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-scale-1) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-scale-1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-scale-2) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-scale-2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--space-scale-3) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--space-scale-3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: var(--border-radius-rounded);
  }
  .rounded-full {
    border-radius: var(--border-radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--border-radius-rounded);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-error {
    border-color: var(--color-fg-danger-default);
  }
  .border-primary {
    border-color: var(--color-fg-primary-default);
  }
  .border-stroke-danger-default {
    border-color: var(--color-stroke-danger-default);
  }
  .border-stroke-muted {
    border-color: var(--color-stroke-muted);
  }
  .border-stroke-primary-emphasis {
    border-color: var(--color-stroke-primary-emphasis);
  }
  .border-stroke-subtle {
    border-color: var(--color-stroke-subtle);
  }
  .border-success {
    border-color: var(--color-fg-success-default);
  }
  .border-white {
    border-color: var(--color-basic-white);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .bg-bg-alt {
    background-color: var(--color-bg-alt);
  }
  .bg-bg-danger-default {
    background-color: var(--color-bg-danger-default);
  }
  .bg-bg-primary-default {
    background-color: var(--color-bg-primary-default);
  }
  .bg-bg-secondary-bolder {
    background-color: var(--color-bg-secondary-bolder);
  }
  .bg-primary {
    background-color: var(--color-fg-primary-default);
  }
  .bg-white {
    background-color: var(--color-basic-white);
  }
  .p-2 {
    padding: var(--space-scale-2);
  }
  .p-3 {
    padding: var(--space-scale-3);
  }
  .p-4 {
    padding: var(--space-scale-4);
  }
  .p-5 {
    padding: var(--space-scale-5);
  }
  .p-6 {
    padding: var(--space-scale-6);
  }
  .p-8 {
    padding: var(--space-scale-8);
  }
  .px-2 {
    padding-inline: var(--space-scale-2);
  }
  .px-3 {
    padding-inline: var(--space-scale-3);
  }
  .py-1 {
    padding-block: var(--space-scale-1);
  }
  .py-2 {
    padding-block: var(--space-scale-2);
  }
  .py-4 {
    padding-block: var(--space-scale-4);
  }
  .py-6 {
    padding-block: var(--space-scale-6);
  }
  .py-8 {
    padding-block: var(--space-scale-8);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-\[1\.5rem\] {
    font-size: 1.5rem;
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .font-medium {
    --tw-font-weight: var(--text-weight-medium);
    font-weight: var(--text-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-error {
    color: var(--color-fg-danger-default);
  }
  .text-fg-danger-default {
    color: var(--color-fg-danger-default);
  }
  .text-fg-muted {
    color: var(--color-fg-muted);
  }
  .text-fg-primary-bolder {
    color: var(--color-fg-primary-bolder);
  }
  .text-fg-primary-default {
    color: var(--color-fg-primary-default);
  }
  .text-fg-subtle {
    color: var(--color-fg-subtle);
  }
  .text-gray-500 {
    color: var(--color-palette-gray-500);
  }
  .text-gray-600 {
    color: var(--color-palette-gray-600);
  }
  .text-primary {
    color: var(--color-fg-primary-default);
  }
  .text-red-500 {
    color: var(--color-palette-red-500);
  }
  .text-success {
    color: var(--color-fg-success-default);
  }
  .text-white {
    color: var(--color-basic-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .italic {
    font-style: italic;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .empty\:hidden:empty {
    display: none;
  }
  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }
  }
  .focus\:ring-primary:focus {
    --tw-ring-color: var(--color-fg-primary-default);
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

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