/* ../../../../../execroot/_main/bazel-out/k8-opt/bin/ui/static/css/styles.css */
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url(./media/Inter-roman.var-R3I2ABCH.woff2) format("woff2");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src:
    local("Material Icons"),
    local("MaterialIcons-Regular"),
    url(./media/MaterialIcons-Regular-P2RAEPXM.woff2) format("woff2");
}
button[data-balloon] {
  overflow: visible;
}
[data-balloon] {
  position: relative;
}
[data-balloon]::after {
  position: absolute;
  z-index: 10;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: normal !important;
  font-size: 12px !important;
  font-family: sans-serif !important;
  font-style: normal !important;
  white-space: nowrap;
  text-align: center;
  text-shadow: none !important;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: all 0.18s ease-out 0.5s;
  content: attr(data-balloon);
  pointer-events: none;
}
[data-balloon]::before {
  position: absolute;
  z-index: 10;
  width: 18px;
  height: 6px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  transition: all 0.18s ease-out 0.5s;
  content: "";
  pointer-events: none;
}
[data-balloon]:hover::before,
[data-balloon]:hover::after,
[data-balloon][data-balloon-visible]::before,
[data-balloon][data-balloon-visible]::after {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  pointer-events: none;
}
[data-balloon].font-awesome::after {
  font-family: FontAwesome;
}
[data-balloon][data-balloon-break]::after {
  white-space: pre;
}
[data-balloon][data-balloon-blunt]::before,
[data-balloon][data-balloon-blunt]::after {
  transition: none;
}
[data-balloon][data-balloon-pos=up]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}
[data-balloon][data-balloon-pos=up]::before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 6px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}
[data-balloon][data-balloon-pos=up]:hover::after,
[data-balloon][data-balloon-pos=up][data-balloon-visible]::after {
  transform: translate(-50%, 0);
}
[data-balloon][data-balloon-pos=up]:hover::before,
[data-balloon][data-balloon-pos=up][data-balloon-visible]::before {
  transform: translate(-50%, 0);
}
[data-balloon][data-balloon-pos=up-left]::after {
  bottom: 100%;
  right: 0;
  margin-bottom: 11px;
  transform: translate(0, 10px);
  transform-origin: top;
}
[data-balloon][data-balloon-pos=up-left]::before {
  bottom: 100%;
  right: 5px;
  margin-bottom: 5px;
  transform: translate(0, 10px);
  transform-origin: top;
}
[data-balloon][data-balloon-pos=up-left]:hover::after,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]::after {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=up-left]:hover::before,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]::before {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=up-right]::after {
  bottom: 100%;
  left: 0;
  margin-bottom: 11px;
  transform: translate(0, 10px);
  transform-origin: top;
}
[data-balloon][data-balloon-pos=up-right]::before {
  bottom: 100%;
  left: 5px;
  margin-bottom: 5px;
  transform: translate(0, 10px);
  transform-origin: top;
}
[data-balloon][data-balloon-pos=up-right]:hover::after,
[data-balloon][data-balloon-pos=up-right][data-balloon-visible]::after {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=up-right]:hover::before,
[data-balloon][data-balloon-pos=up-right][data-balloon-visible]::before {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=down]::after {
  top: 100%;
  left: 50%;
  margin-top: 11px;
  transform: translate(-50%, -10px);
}
[data-balloon][data-balloon-pos=down]::before {
  top: 100%;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  transform: translate(-50%, -10px);
}
[data-balloon][data-balloon-pos=down]:hover::after,
[data-balloon][data-balloon-pos=down][data-balloon-visible]::after {
  transform: translate(-50%, 0);
}
[data-balloon][data-balloon-pos=down]:hover::before,
[data-balloon][data-balloon-pos=down][data-balloon-visible]::before {
  transform: translate(-50%, 0);
}
[data-balloon][data-balloon-pos=down-right]::after {
  top: 100%;
  left: 0;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  margin-top: 11px;
  transform: translate(0, -10px);
}
[data-balloon][data-balloon-pos=down-right]::before {
  top: 100%;
  left: 5px;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  transform: translate(0, -10px);
}
[data-balloon][data-balloon-pos=down-right]:hover::after,
[data-balloon][data-balloon-pos=down-right][data-balloon-visible]::after {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=down-right]:hover::before,
[data-balloon][data-balloon-pos=down-right][data-balloon-visible]::before {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=down-left]::after {
  top: 100%;
  right: 0;
  margin-top: 11px;
  transform: translate(0, -10px);
}
[data-balloon][data-balloon-pos=down-left]::before {
  top: 100%;
  right: 5px;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  transform: translate(0, -10px);
}
[data-balloon][data-balloon-pos=down-left]:hover::after,
[data-balloon][data-balloon-pos=down-left][data-balloon-visible]::after {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=down-left]:hover::before,
[data-balloon][data-balloon-pos=down-left][data-balloon-visible]::before {
  transform: translate(0, 0);
}
[data-balloon][data-balloon-pos=left]::after {
  top: 50%;
  right: 100%;
  margin-right: 11px;
  transform: translate(10px, -50%);
}
[data-balloon][data-balloon-pos=left]::before {
  top: 50%;
  right: 100%;
  width: 6px;
  height: 18px;
  margin-right: 5px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  transform: translate(10px, -50%);
}
[data-balloon][data-balloon-pos=left]:hover::after,
[data-balloon][data-balloon-pos=left][data-balloon-visible]::after {
  transform: translate(0, -50%);
}
[data-balloon][data-balloon-pos=left]:hover::before,
[data-balloon][data-balloon-pos=left][data-balloon-visible]::before {
  transform: translate(0, -50%);
}
[data-balloon][data-balloon-pos=right]::after {
  top: 50%;
  left: 100%;
  margin-left: 11px;
  transform: translate(-10px, -50%);
}
[data-balloon][data-balloon-pos=right]::before {
  top: 50%;
  left: 100%;
  width: 6px;
  height: 18px;
  margin-left: 5px;
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  transform: translate(-10px, -50%);
}
[data-balloon][data-balloon-pos=right]:hover::after,
[data-balloon][data-balloon-pos=right][data-balloon-visible]::after {
  transform: translate(0, -50%);
}
[data-balloon][data-balloon-pos=right]:hover::before,
[data-balloon][data-balloon-pos=right][data-balloon-visible]::before {
  transform: translate(0, -50%);
}
[data-balloon][data-balloon-length=small]::after {
  width: 80px;
  white-space: normal;
}
[data-balloon][data-balloon-length=medium]::after {
  width: 150px;
  white-space: normal;
}
[data-balloon][data-balloon-length=large]::after {
  width: 260px;
  white-space: normal;
}
[data-balloon][data-balloon-length=xlarge]::after {
  width: 380px;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  [data-balloon][data-balloon-length=xlarge]::after {
    width: 90vw;
    white-space: normal;
  }
}
[data-balloon][data-balloon-length=fit]::after {
  width: 100%;
  white-space: normal;
}
:root {
  --base-color-02: #fafafa;
  --base-color-06: #adadad;
  --positive-action-color-04: #32814a;
  --negative-action-color-05: #8f2323;
  --muted-text-color: #ccc;
  --border-faint: solid 1px #dadde2;
}
.monaco-editor .suggest-widget .docs.markdown-docs {
  font-family:
    Inter,
    -apple-system,
    system,
    "San Francisco",
    ".SFNSDisplay-Regular",
    "Segoe UI",
    Segoe,
    "Segoe WP",
    "Helvetica Neue",
    helvetica,
    "Lucida Grande",
    arial,
    sans-serif;
}
.elm-overlay {
  z-index: 2 !important;
}
:root,
:host {
  --font-family-sans:
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    helvetica,
    arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-family-heading:
    interui,
    -apple-system,
    blinkmacsystemfont,
    "Helvetica Neue",
    "Segoe UI",
    oxygen,
    ubuntu,
    cantarell,
    "Open Sans",
    sans-serif;
  --font-family-monospace:
    "SFMono-Regular",
    consolas,
    "Liberation Mono",
    menlo,
    courier,
    monospace;
}
.settings-header {
  flex: 0 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 34px;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  display: grid;
  grid-template: "t" auto "d" auto / 1fr auto;
}
.settings-header__description {
  grid-area: d;
  margin: 10px 0;
}
.settings-header__text {
  grid-area: t;
  font-weight: 400;
  font-size: 24px;
}
#root,
.root__content {
  position: relative;
  width: 100%;
  height: 100%;
}
.admin-page {
  z-index: 1;
  display: grid;
  grid-template: "menu content" 1fr / fit-content(200px) 1fr;
  height: 100%;
}
.admin-page__content {
  grid-area: content;
  overflow: hidden;
}
.page {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.auth-lock-social-buttons-pane {
  display: flex;
  flex-direction: column;
}
.auth-lock-social-buttons-pane p {
  order: 4;
  margin-top: 16px !important;
}
.auth0-lock-header {
  display: none !important;
}
.auth0-lock.auth0-lock {
  z-index: 1 !important;
}
.auth0-lock.auth0-lock .auth0-lock-cred-pane {
  background: none !important;
}
.block__content--padded {
  margin-top: 20px;
}
.block-item {
  position: relative;
  display: grid;
  grid-template: "icon title title star" ". description description star" ". details details details" auto / 26px 1fr 1fr -webkit-min-content;
  grid-template: "icon title title star" ". description description star" ". details details details" auto / 26px 1fr 1fr min-content;
}
.block-item:first-child {
  margin-top: 30px;
}
.block-item__icon {
  grid-area: icon;
}
.block-item__title {
  grid-area: title;
}
.block-item__description {
  grid-area: description;
}
.block-item__favorite {
  grid-area: star;
}
.block-item__details {
  grid-area: details;
}
.stream-download-page__info {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6px;
}
.stream-download-page__info-value {
  max-width: 60%;
  padding: 0 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.stream-download-page__actions {
  margin-top: 30px;
}
.vertical-split-view {
  display: grid;
  grid-template: "h  h  h " -webkit-min-content "h2 h2 h2" -webkit-min-content "l  .  r " 1fr "l  .  d " auto / 1fr 0px var(--width);
  grid-template: "h  h  h " min-content "h2 h2 h2" min-content "l  .  r " 1fr "l  .  d " auto / 1fr 0px var(--width);
  width: 100%;
  height: 100%;
  --width: 450px;
}
.vertical-split-view-partition-page {
  grid-template: "h  h  h " -webkit-min-content "h2 h2 h2" -webkit-min-content "l  .  r " 1fr "l  .  d " auto / 1fr 0 var(--width);
  grid-template: "h  h  h " min-content "h2 h2 h2" min-content "l  .  r " 1fr "l  .  d " auto / 1fr 0 var(--width);
  --width: 350px;
}
.vertical-split-view--equal {
  --width: 50%;
}
.vertical-split-view__top2:not(:empty) {
  grid-area: h2;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .vertical-split-view__top2:not(:empty)) {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.vertical-split-view__segment--left {
  grid-area: l;
}
.vertical-split-view__details {
  grid-area: d;
}
.vertical-split-view__segment--right {
  grid-area: r;
}
.vertical-split-view__segment--wide {
  grid-row: 3 / -1;
  grid-column: 1 / -1;
}
.table td,
.table th {
  padding: 8px;
}
.table th {
  padding: 16px 8px;
  white-space: nowrap;
  text-align: left;
}
.table td:first-child,
.table th:first-child {
  padding-left: 16px;
}
.table td:last-child,
.table th:last-child {
  padding-right: 16px;
}
.table tr:not(:last-child) {
  border-bottom: 1px solid var(--border-faint);
}
.table {
  width: 100%;
}
.table th ~ td {
  white-space: nowrap;
}
.pill-segments {
  --pill-segments-radius: 6px;
}
.pill-segments__segments {
  display: flex;
}
.pill-segments__segment {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pill-segments__segment-value {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 34px;
  padding: 16px;
  font-size: 20px;
}
.pill-segments__segment:first-of-type .pill-segments__segment-value {
  border-top-left-radius: var(--pill-segments-radius);
  border-bottom-left-radius: var(--pill-segments-radius);
}
.pill-segments__segment:last-of-type .pill-segments__segment-value {
  border-top-right-radius: var(--pill-segments-radius);
  border-bottom-right-radius: var(--pill-segments-radius);
}
.checklist {
  margin: 10px 10px;
  padding: 0;
  list-style: none;
}
.node__size-stats-container {
  position: relative;
}
.node__size-stats-container:hover .node__size-stats {
  display: block;
}
.node__size-stats {
  position: absolute;
  top: calc(100% - 5px);
  left: 10px;
  z-index: 1;
  display: none;
  min-width: 250px;
}
.query-quotas-page .qq-settings-box--bold,
.query-quotas-page .user-override--bold,
.query-quotas-page .bold {
  font-weight: bold;
}
.query-quotas-page h1,
.query-quotas-page h2,
.query-quotas-page h3,
.query-quotas-page h4,
.query-quotas-page p {
  font-family: var(--font-family-heading);
}
.query-quotas-page p {
  margin-bottom: 20px;
}
.query-quotas-page h3 {
  font-weight: bold;
}
.query-quotas-page .qq-settings-box--edit {
  max-height: inherit;
}
.query-quotas-page .qq-settings-box--edit__button-container {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}
.query-quotas-page .qq-settings-box--edit__button-container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.query-quotas-page .user-override {
  display: grid;
  grid-column-gap: 100px;
  grid-template-areas: "top ..." "left left" "right bottom";
  grid-template-rows: auto auto auto;
  grid-template-columns: 440px auto;
}
.query-quotas-page .user-override__top {
  grid-area: top;
}
.query-quotas-page .user-override__left {
  grid-area: left;
  padding-bottom: 20px;
}
.query-quotas-page .user-override__right {
  grid-area: right;
}
.query-quotas-page .user-override__bottom {
  grid-area: bottom;
}
.query-quotas-page .user-override__bottom h3 {
  margin-top: 0;
}
.query-quotas-page .user-override__user-info {
  display: flex;
  align-items: center;
}
.query-quotas-page .user-override__display-name {
  font-weight: bold;
}
.query-quotas-page .user-list__item {
  display: grid;
  grid-template-areas: "left right";
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  align-items: center;
  height: 50px;
  padding: 0 15px;
  cursor: pointer;
}
.query-quotas-page .user-list__display-name {
  margin-right: 10px;
}
.query-quotas-page .user-list__username {
  font-size: 12px;
}
.admin-page__content.admin-users {
  display: flex;
}
@keyframes tab-content-loaded {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.readonly-alert {
  min-width: 0;
  padding: 15px;
  padding-bottom: 0;
}
.kafka-cluster__left-indent-1 {
  padding-left: 32px;
}
.kafka-cluster__left-indent-2 {
  padding-left: 64px;
}
.kafka-cluster__left-indent-3 {
  padding-left: 96px;
}
.kafka-cluster__dash-stats div.error {
  --tw-text-opacity: 1;
  color: rgb(232 18 26 / var(--tw-text-opacity));
}
:is(.dark .kafka-cluster__dash-stats div.error) {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.kafka-cluster__dash-stats div.success {
  --tw-text-opacity: 1;
  color: rgb(18 99 72 / var(--tw-text-opacity));
}
:is(.dark .kafka-cluster__dash-stats div.success) {
  --tw-text-opacity: 1;
  color: rgb(6 229 183 / var(--tw-text-opacity));
}
.admin-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  overflow-y: auto;
}
.admin-content > div {
  align-self: stretch;
}
.edit-table__row-number-container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
.edit-table__row-number-text {
  position: relative;
  z-index: 1;
  padding: 0 4px;
}
.edit-table__row-drag {
  position: absolute;
  top: 0;
  display: flex;
  bottom: 0;
  width: 100%;
  z-index: 2;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
  visibility: hidden;
}
.edit-table__row-drag i {
  position: absolute;
  margin-left: -7px;
}
.edit-table__row-number-container:hover .edit-table__row-drag {
  visibility: visible;
}
.edit-table__row-about-to-swap .edit-table__row-number-container:hover .edit-table__row-drag {
  visibility: hidden;
}
.edit-table__row-about-to-swap td,
.edit-table__row-about-to-swap textarea {
  background-color: #ccc;
}
:is(.dark .edit-table__row-about-to-swap td),
:is(.dark .edit-table__row-about-to-swap textarea) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 50 118 / var(--tw-bg-opacity));
}
.autoresizing-input-field::after {
  content: attr(data-cell-content) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.autoresizing-input-field > textarea {
  overflow: hidden;
}
.autoresizing-input-field > textarea,
.autoresizing-input-field::after {
  padding: 4px;
  font: inherit;
  grid-area: 1 / 1 / 2 / 2;
}
.csv-file-header:has(textarea:focus) {
  outline-width: 2px;
  outline-style: solid;
  outline-offset: -1px;
  outline-color: #2bb2ca;
}
:is(.dark .csv-file-header:has(textarea:focus)) {
  outline-color: #456ce3;
}
.autoresizing-input-field textarea:focus {
  outline: none;
}
.queries-dropdown {
  --row-height: 20px;
  --lower-row-height: 16px;
}
.queries-dropdown__default-icon {
  display: flex;
  flex-direction: column;
  grid-area: default-icon;
  justify-content: center;
  margin-left: 8px;
  padding-right: 2px;
  padding-left: 8px;
  border-left: 1px solid #808080;
}
.queries-dropdown__type-icon {
  grid-area: type-icon;
}
.queries-dropdown__saved-query-default {
  display: flex;
  flex-direction: column;
  grid-area: default-query;
  justify-content: center;
  padding-right: 8px;
  text-align: left;
}
.queries-dropdown__extra {
  color: #403e3e;
}
.queries-dropdown__star-container {
  grid-area: star;
  height: var(--lower-row-height);
}
.queries-dropdown__query--saved {
  grid-template: "query     query query        query         query query       run-button" var( --row-height ) "type-icon type star  default-icon default-query empty-space run-button" var( --lower-row-height ) / auto auto auto auto 1fr auto;
}
.queries-dropdown__query-text {
  grid-area: query;
  height: var(--row-height);
}
.queries-dropdown__active-query-header {
  display: grid;
  padding: 8px 16px;
  box-shadow: 0 1px var(--arrow-size) rgba(0, 0, 0, 0.3);
}
.queries-dropdown__active-query-header--recent {
  grid-row-gap: 2px;
  grid-template: "time-boundary save-button" auto / 1fr auto;
}
.queries-dropdown__active-query---saved {
  grid-row-gap: 2px;
  grid-template: "query-name query-name query-name" "time-boundary edit-buttons edit-buttons" / 1fr auto auto;
}
.queries-dropdown__active-query-name {
  grid-area: query-name;
}
.queries-dropdown__active-query-edit-buttons {
  grid-area: edit-buttons;
}
.queries-dropdown__query--recent {
  grid-row-gap: 2px;
  grid-template: "query     query query query       run-button" var(--row-height) "type-icon type  time  empty-space run-button" var(--lower-row-height) / auto auto auto 1fr auto;
}
.queries-dropdown__query {
  display: grid;
  grid-row-gap: 2px;
  width: 100%;
  padding: 8px 16px;
}
.queries-dropdown__query-time {
  grid-area: time-boundary;
}
.queries-dropdown__type {
  grid-area: type;
}
.dashboard-page {
  display: grid;
  flex: 1 1 auto;
  grid-template: "breadcrumbs  breadcrumbs " auto "top-panel    top-panel   " auto "active-panel inspector   " auto "widgets      inspector   " 1fr / 1fr auto;
}
.dashboard-page__breadcrumbs {
  grid-area: breadcrumbs;
}
.dashboard__top-panel {
  z-index: 3;
  grid-area: top-panel;
}
.dashboard-page__body-panel {
  z-index: 2;
  grid-area: active-panel;
}
.dashboard-page__body-widgets-area {
  grid-area: widgets;
  overflow-x: hidden;
  overflow-y: hidden;
}
.dashboard-page__inspector {
  grid-area: inspector;
  z-index: 2;
  position: relative;
  display: flex;
  align-items: stretch;
}
.dashboard-page__prefix-panel {
  display: grid;
  flex: 0 0 auto;
  grid-template: "d . b" auto ". . ." 4px "i i i" 1fr / auto auto auto;
  padding: 8px 12px 12px;
}
.dashboard-page__prefix-popup-empty {
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  width: 400px;
  padding: 10px;
  font-size: 14px;
  white-space: normal;
  text-align: center;
}
.dashboard-page__prefix-dropdown {
  display: flex;
  grid-area: d;
  align-items: center;
}
.dashboard-page__prefix-buttons {
  display: grid;
  grid-area: b;
  grid-auto-flow: column;
  grid-gap: 10px;
  justify-content: end;
}
.dashboard-page__prefix-input {
  grid-area: i;
}
.dashboard-note {
  flex: 1 1;
  padding: 0 16px;
  overflow: auto;
}
.dashboard-note-textfield {
  flex: 1 1;
  padding: 12px;
  border: none;
  resize: none;
  background-color: inherit;
}
.widget-box__time {
  grid-area: time;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.widget-box__content {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  justify-content: center;
  min-height: 1px;
  cursor: default;
  padding: 0px;
  padding-bottom: 0.25rem;
}
.widget-box__footer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 4px 16px;
}
.widget-box__footer-help {
  display: inline-block;
  margin-left: 16px;
  color: #999;
  font-size: 10px;
}
.widget-container__with-menu-open {
  z-index: 1000 !important;
}
.datasource__item {
  padding: 1rem;
}
.datasource__item:first-child {
  padding-left: 0px;
}
.datasource__item ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dataspace-status--no-datasources {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  line-height: 40px;
  text-align: center;
}
.event-forwarding__rule-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
.event-forwarding__top {
  display: flex;
  justify-content: space-between;
}
.event-forwarding__bottom {
  display: flex;
}
.event-forwarding__forwarder-select {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 40%;
}
.event-forwarding__buttons {
  display: flex;
  flex: 1;
  align-self: flex-end;
  justify-content: flex-end;
  gap: 16px;
}
.event-forwarding__dev-view {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-retention-page {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.retention-dataspace__warn-message-newline {
  line-height: 8px;
}
.ingest-listener-endpoints__dialog-content form {
  display: grid;
  grid-auto-flow: row;
  grid-column-gap: 16px;
  grid-template-columns: 400px;
}
.install-wizard__section {
  display: flex;
  flex-direction: column;
  width: 800px;
  margin: 16px;
}
.install-wizard__installing-title {
  font-size: 20px;
  color: #666;
}
.install-wizard__logo {
  -o-object-fit: contain;
  object-fit: contain;
  width: 32px;
  margin-right: 16px;
}
.install-wizard__title {
  font-weight: 700;
  font-size: 24px;
}
.install-wizard__subsequent-warning {
  margin-top: 16px;
}
.install-wizard__component-category--faded-out {
  opacity: 0.5;
}
.install-wizard__assign-tokens-checkbox {
  grid-area: checkbox;
  margin-right: 16px;
}
.install-wizard__assign-tokens-title {
  grid-area: title;
  font-weight: 700;
}
.install-wizard__assign-tokens-description {
  grid-area: text-body;
  font-style: italic;
}
.install-wizard__updated-component {
  margin-left: 8px;
  color: var(--base-color-06);
  font-weight: 700;
  font-style: italic;
}
.install-wizard__removed-component {
  margin-left: 8px;
  color: var(--negative-action-color-05);
  font-weight: 700;
  font-style: italic;
}
.install-wizard__back-button-container button {
  margin: 0;
}
.install-wizard__new-component {
  margin-left: 8px;
  color: var(--positive-action-color-04);
  font-weight: 700;
  font-style: italic;
}
.install-wizard__back-button-container {
  display: flex;
  flex: 1;
  justify-content: left;
  margin: 0;
}
.install-wizard__component-title {
  margin-bottom: 8px;
  font-weight: 700;
}
.install-wizard__assign-tokens-link {
  grid-area: text-link;
  margin-top: 16px;
  font-style: italic;
}
.install-wizard__assign-tokens-box {
  display: grid;
  grid-template: "checkbox title" auto "checkbox text-body" auto "checkbox text-link" auto / auto 1fr;
  padding: 16px;
  background-color: var(--base-color-02);
}
.install-wizard__assign-ingest-tokens-title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 18px;
}
.install-wizard__secondary-button-container {
  margin-right: 16px;
}
.export-wizard__duplicate-warning {
  padding-top: 10px;
}
.export-wizard__icon {
  display: grid;
  grid-template-columns: [icon-text] 85% [icon-img] auto;
}
.export-wizard__icon-text {
  grid-area: icon-text;
}
.export-wizard__icon-img {
  grid-area: icon-img;
  justify-self: center;
  align-self: center;
}
.test-case {
  display: grid;
  grid-template: "status text" auto "status error" auto / 10px 1fr;
}
.test-case__errors {
  grid-area: error;
}
.test-case__status {
  grid-area: status;
}
.test-case__textarea {
  grid-area: text;
  font-size: 14px;
  font-family: monospace;
}
.connection-table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
#the-sandbox-explination {
  max-width: 900px;
  margin: 0 40px;
}
.explination {
  display: grid;
  grid-template: "i . t" auto "i . d" auto / 104px 40px auto;
}
.explination__title {
  grid-area: t;
}
.explination__icon {
  grid-area: i;
  width: 130px;
  height: 130px;
  background-image: url(./media/sandbox_diagram-CESAZLA6.svg);
  background-repeat: no-repeat;
  background-size: 130px 130px;
}
.explination__description {
  grid-area: d;
}
.type-picker {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.type-picker__items {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 40px;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}
@media screen and (max-width: 900px) {
  .type-picker__items {
    grid-auto-flow: row;
  }
}
.type-picker__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  height: 400px;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
}
.type-picker__item--disabled {
  opacity: 0.6;
  filter: grayscale(100%);
}
.overview__full {
  grid-row: 3 / -1;
  grid-column: 1 / -1;
}
.type-picker__item-icon {
  width: 100%;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
}
.type-picker__item--repo .type-picker__item-icon {
  background-image: url(./media/repo-diagram-ARNUYDGQ.svg);
  background-size: 230px 230px;
}
.type-picker__item--view .type-picker__item-icon {
  background-image: url(./media/view-diagram-TACYBOXI.svg);
  background-size: 230px 230px;
}
.type-picker__item--federated-view .type-picker__item-icon {
  background-image: url(./media/federated-view-diagram-VY2IEE5E.svg);
  background-size: 230px 230px;
}
.keybindings-dialog {
  padding: 20px;
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
  grid-template-columns: 2fr 3fr 2fr;
  justify-content: center;
}
.jump-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
}
.jump-panel label {
  margin: 0 8px;
}
.jump-panel__window {
  flex: 0 0 auto;
  width: 500px;
  margin-top: 170px;
}
.jump-panel__items {
  max-height: 200px;
  overflow-y: scroll;
}
.jump-panel__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 28px;
  padding: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.jump-panel__item:hover {
  cursor: pointer;
}
.permissions-management {
  display: flex;
  height: 100%;
  width: 100%;
  min-height: 0;
}
.permissions-management__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.snow {
  position: fixed;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  z-index: 999;
  box-shadow: 1px 1px slategrey;
}
.snow:nth-child(1) {
  opacity: 0.3394;
  transform: translate(77.3335vw, -10px) scale(0.8957);
  animation: fall-1 20s -13s linear infinite;
}
@keyframes fall-1 {
  51.371% {
    transform: translate(72.78vw, 51.371vh) scale(0.8957);
  }
  to {
    transform: translate(75.05675vw, 100vh) scale(0.8957);
  }
}
.snow:nth-child(2) {
  opacity: 0.5584;
  transform: translate(37.6905vw, -10px) scale(0.817);
  animation: fall-2 13s -27s linear infinite;
}
@keyframes fall-2 {
  43.319% {
    transform: translate(36.5304vw, 43.319vh) scale(0.817);
  }
  to {
    transform: translate(37.11045vw, 100vh) scale(0.817);
  }
}
.snow:nth-child(3) {
  opacity: 0.371;
  transform: translate(84.0772vw, -10px) scale(0.6652);
  animation: fall-3 25s -28s linear infinite;
}
@keyframes fall-3 {
  51.9% {
    transform: translate(75.2456vw, 51.9vh) scale(0.6652);
  }
  to {
    transform: translate(79.6614vw, 100vh) scale(0.6652);
  }
}
.snow:nth-child(4) {
  opacity: 0.4621;
  transform: translate(35.5795vw, -10px) scale(0.4211);
  animation: fall-4 11s -15s linear infinite;
}
@keyframes fall-4 {
  31.784% {
    transform: translate(26.7585vw, 31.784vh) scale(0.4211);
  }
  to {
    transform: translate(31.169vw, 100vh) scale(0.4211);
  }
}
.snow:nth-child(5) {
  opacity: 0.1145;
  transform: translate(55.9181vw, -10px) scale(0.6776);
  animation: fall-5 21s -17s linear infinite;
}
@keyframes fall-5 {
  47.973% {
    transform: translate(63.0339vw, 47.973vh) scale(0.6776);
  }
  to {
    transform: translate(59.476vw, 100vh) scale(0.6776);
  }
}
.snow:nth-child(6) {
  opacity: 0.0314;
  transform: translate(73.5566vw, -10px) scale(0.3792);
  animation: fall-6 23s -14s linear infinite;
}
@keyframes fall-6 {
  47.822% {
    transform: translate(81.1235vw, 47.822vh) scale(0.3792);
  }
  to {
    transform: translate(77.34005vw, 100vh) scale(0.3792);
  }
}
.snow:nth-child(7) {
  opacity: 0.5491;
  transform: translate(60.7432vw, -10px) scale(0.6495);
  animation: fall-7 24s -24s linear infinite;
}
@keyframes fall-7 {
  37.885% {
    transform: translate(54.4556vw, 37.885vh) scale(0.6495);
  }
  to {
    transform: translate(57.5994vw, 100vh) scale(0.6495);
  }
}
.snow:nth-child(8) {
  opacity: 0.8212;
  transform: translate(79.763vw, -10px) scale(0.712);
  animation: fall-8 11s -24s linear infinite;
}
@keyframes fall-8 {
  55.308% {
    transform: translate(79.5687vw, 55.308vh) scale(0.712);
  }
  to {
    transform: translate(79.66585vw, 100vh) scale(0.712);
  }
}
.snow:nth-child(9) {
  opacity: 0.528;
  transform: translate(33.9002vw, -10px) scale(0.1873);
  animation: fall-9 18s -22s linear infinite;
}
@keyframes fall-9 {
  74.253% {
    transform: translate(30.0813vw, 74.253vh) scale(0.1873);
  }
  to {
    transform: translate(31.99075vw, 100vh) scale(0.1873);
  }
}
.snow:nth-child(10) {
  opacity: 0.7532;
  transform: translate(64.5717vw, -10px) scale(0.882);
  animation: fall-10 18s -23s linear infinite;
}
@keyframes fall-10 {
  79.763% {
    transform: translate(61.6971vw, 79.763vh) scale(0.882);
  }
  to {
    transform: translate(63.1344vw, 100vh) scale(0.882);
  }
}
.snow:nth-child(11) {
  opacity: 0.177;
  transform: translate(19.9669vw, -10px) scale(0.9021);
  animation: fall-11 12s -30s linear infinite;
}
@keyframes fall-11 {
  73.857% {
    transform: translate(20.1309vw, 73.857vh) scale(0.9021);
  }
  to {
    transform: translate(20.0489vw, 100vh) scale(0.9021);
  }
}
.snow:nth-child(12) {
  opacity: 0.0773;
  transform: translate(98.1359vw, -10px) scale(0.1526);
  animation: fall-12 14s -8s linear infinite;
}
@keyframes fall-12 {
  59.263% {
    transform: translate(92.1519vw, 59.263vh) scale(0.1526);
  }
  to {
    transform: translate(95.1439vw, 100vh) scale(0.1526);
  }
}
.snow:nth-child(13) {
  opacity: 0.5173;
  transform: translate(35.4377vw, -10px) scale(0.065);
  animation: fall-13 18s -22s linear infinite;
}
@keyframes fall-13 {
  33.466% {
    transform: translate(40.0541vw, 33.466vh) scale(0.065);
  }
  to {
    transform: translate(37.7459vw, 100vh) scale(0.065);
  }
}
.snow:nth-child(14) {
  opacity: 0.6306;
  transform: translate(72.3608vw, -10px) scale(0.784);
  animation: fall-14 21s -14s linear infinite;
}
@keyframes fall-14 {
  34.081% {
    transform: translate(63.6047vw, 34.081vh) scale(0.784);
  }
  to {
    transform: translate(67.98275vw, 100vh) scale(0.784);
  }
}
.snow:nth-child(15) {
  opacity: 0.9482;
  transform: translate(71.1652vw, -10px) scale(0.1695);
  animation: fall-15 19s -27s linear infinite;
}
@keyframes fall-15 {
  55.415% {
    transform: translate(79.1297vw, 55.415vh) scale(0.1695);
  }
  to {
    transform: translate(75.14745vw, 100vh) scale(0.1695);
  }
}
.snow:nth-child(16) {
  opacity: 0.511;
  transform: translate(66.2734vw, -10px) scale(0.3815);
  animation: fall-16 11s -22s linear infinite;
}
@keyframes fall-16 {
  31.828% {
    transform: translate(73.6291vw, 31.828vh) scale(0.3815);
  }
  to {
    transform: translate(69.95125vw, 100vh) scale(0.3815);
  }
}
.snow:nth-child(17) {
  opacity: 0.7938;
  transform: translate(59.8438vw, -10px) scale(0.4952);
  animation: fall-17 21s -29s linear infinite;
}
@keyframes fall-17 {
  56.706% {
    transform: translate(67.4821vw, 56.706vh) scale(0.4952);
  }
  to {
    transform: translate(63.66295vw, 100vh) scale(0.4952);
  }
}
.snow:nth-child(18) {
  opacity: 0.3814;
  transform: translate(36.0666vw, -10px) scale(0.8988);
  animation: fall-18 13s -2s linear infinite;
}
@keyframes fall-18 {
  37.338% {
    transform: translate(37.7096vw, 37.338vh) scale(0.8988);
  }
  to {
    transform: translate(36.8881vw, 100vh) scale(0.8988);
  }
}
.snow:nth-child(19) {
  opacity: 0.4082;
  transform: translate(80.4022vw, -10px) scale(0.9349);
  animation: fall-19 14s -12s linear infinite;
}
@keyframes fall-19 {
  58.574% {
    transform: translate(84.6941vw, 58.574vh) scale(0.9349);
  }
  to {
    transform: translate(82.54815vw, 100vh) scale(0.9349);
  }
}
.snow:nth-child(20) {
  opacity: 0.7282;
  transform: translate(47.3183vw, -10px) scale(0.8366);
  animation: fall-20 14s -7s linear infinite;
}
@keyframes fall-20 {
  72.404% {
    transform: translate(39.0233vw, 72.404vh) scale(0.8366);
  }
  to {
    transform: translate(43.1708vw, 100vh) scale(0.8366);
  }
}
.snow:nth-child(21) {
  opacity: 0.4453;
  transform: translate(95.9594vw, -10px) scale(0.6199);
  animation: fall-21 11s -12s linear infinite;
}
@keyframes fall-21 {
  46.351% {
    transform: translate(98.0279vw, 46.351vh) scale(0.6199);
  }
  to {
    transform: translate(96.99365vw, 100vh) scale(0.6199);
  }
}
.snow:nth-child(22) {
  opacity: 0.6427;
  transform: translate(1.4587vw, -10px) scale(0.5935);
  animation: fall-22 18s -30s linear infinite;
}
@keyframes fall-22 {
  60.795% {
    transform: translate(1.2346vw, 60.795vh) scale(0.5935);
  }
  to {
    transform: translate(1.34665vw, 100vh) scale(0.5935);
  }
}
.snow:nth-child(23) {
  opacity: 0.6561;
  transform: translate(91.6092vw, -10px) scale(0.7241);
  animation: fall-23 22s -14s linear infinite;
}
@keyframes fall-23 {
  66.86% {
    transform: translate(91.5988vw, 66.86vh) scale(0.7241);
  }
  to {
    transform: translate(91.604vw, 100vh) scale(0.7241);
  }
}
.snow:nth-child(24) {
  opacity: 0.8799;
  transform: translate(11.9233vw, -10px) scale(0.1602);
  animation: fall-24 26s -6s linear infinite;
}
@keyframes fall-24 {
  35.67% {
    transform: translate(4.8309vw, 35.67vh) scale(0.1602);
  }
  to {
    transform: translate(8.3771vw, 100vh) scale(0.1602);
  }
}
.snow:nth-child(25) {
  opacity: 0.1073;
  transform: translate(35.6224vw, -10px) scale(0.1022);
  animation: fall-25 26s -22s linear infinite;
}
@keyframes fall-25 {
  66.504% {
    transform: translate(33.1238vw, 66.504vh) scale(0.1022);
  }
  to {
    transform: translate(34.3731vw, 100vh) scale(0.1022);
  }
}
.snow:nth-child(26) {
  opacity: 0.9472;
  transform: translate(35.2681vw, -10px) scale(0.7837);
  animation: fall-26 19s -27s linear infinite;
}
@keyframes fall-26 {
  52.861% {
    transform: translate(40.0247vw, 52.861vh) scale(0.7837);
  }
  to {
    transform: translate(37.6464vw, 100vh) scale(0.7837);
  }
}
.snow:nth-child(27) {
  opacity: 0.8855;
  transform: translate(32.5413vw, -10px) scale(0.1807);
  animation: fall-27 22s -10s linear infinite;
}
@keyframes fall-27 {
  48.801% {
    transform: translate(39.7559vw, 48.801vh) scale(0.1807);
  }
  to {
    transform: translate(36.1486vw, 100vh) scale(0.1807);
  }
}
.snow:nth-child(28) {
  opacity: 0.8066;
  transform: translate(4.2471vw, -10px) scale(0.5763);
  animation: fall-28 10s -2s linear infinite;
}
@keyframes fall-28 {
  66.259% {
    transform: translate(-4.2202vw, 66.259vh) scale(0.5763);
  }
  to {
    transform: translate(0.01345vw, 100vh) scale(0.5763);
  }
}
.snow:nth-child(29) {
  opacity: 0.0364;
  transform: translate(88.2417vw, -10px) scale(0.004);
  animation: fall-29 14s -14s linear infinite;
}
@keyframes fall-29 {
  39.287% {
    transform: translate(90.2075vw, 39.287vh) scale(0.004);
  }
  to {
    transform: translate(89.2246vw, 100vh) scale(0.004);
  }
}
.snow:nth-child(30) {
  opacity: 0.4899;
  transform: translate(13.8771vw, -10px) scale(0.4286);
  animation: fall-30 10s -17s linear infinite;
}
@keyframes fall-30 {
  43.995% {
    transform: translate(18.6636vw, 43.995vh) scale(0.4286);
  }
  to {
    transform: translate(16.27035vw, 100vh) scale(0.4286);
  }
}
.snow:nth-child(31) {
  opacity: 0.1877;
  transform: translate(1.8248vw, -10px) scale(0.3549);
  animation: fall-31 25s -21s linear infinite;
}
@keyframes fall-31 {
  63.579% {
    transform: translate(0.0922vw, 63.579vh) scale(0.3549);
  }
  to {
    transform: translate(0.9585vw, 100vh) scale(0.3549);
  }
}
.snow:nth-child(32) {
  opacity: 0.0836;
  transform: translate(64.8695vw, -10px) scale(0.6556);
  animation: fall-32 21s -9s linear infinite;
}
@keyframes fall-32 {
  76.97% {
    transform: translate(72.7789vw, 76.97vh) scale(0.6556);
  }
  to {
    transform: translate(68.8242vw, 100vh) scale(0.6556);
  }
}
.snow:nth-child(33) {
  opacity: 0.8823;
  transform: translate(74.0201vw, -10px) scale(0.5503);
  animation: fall-33 27s -26s linear infinite;
}
@keyframes fall-33 {
  54.139% {
    transform: translate(71.5817vw, 54.139vh) scale(0.5503);
  }
  to {
    transform: translate(72.8009vw, 100vh) scale(0.5503);
  }
}
.snow:nth-child(34) {
  opacity: 0.6246;
  transform: translate(95.6976vw, -10px) scale(0.1058);
  animation: fall-34 24s -24s linear infinite;
}
@keyframes fall-34 {
  52.749% {
    transform: translate(99.3193vw, 52.749vh) scale(0.1058);
  }
  to {
    transform: translate(97.50845vw, 100vh) scale(0.1058);
  }
}
.snow:nth-child(35) {
  opacity: 0.0207;
  transform: translate(14.8288vw, -10px) scale(0.3804);
  animation: fall-35 17s -9s linear infinite;
}
@keyframes fall-35 {
  39.651% {
    transform: translate(11.0635vw, 39.651vh) scale(0.3804);
  }
  to {
    transform: translate(12.94615vw, 100vh) scale(0.3804);
  }
}
.snow:nth-child(36) {
  opacity: 0.6968;
  transform: translate(36.9882vw, -10px) scale(0.2811);
  animation: fall-36 12s -2s linear infinite;
}
@keyframes fall-36 {
  71.057% {
    transform: translate(44.803vw, 71.057vh) scale(0.2811);
  }
  to {
    transform: translate(40.8956vw, 100vh) scale(0.2811);
  }
}
.snow:nth-child(37) {
  opacity: 0.7771;
  transform: translate(72.9536vw, -10px) scale(0.0551);
  animation: fall-37 13s -17s linear infinite;
}
@keyframes fall-37 {
  36.827% {
    transform: translate(65.5439vw, 36.827vh) scale(0.0551);
  }
  to {
    transform: translate(69.24875vw, 100vh) scale(0.0551);
  }
}
.snow:nth-child(38) {
  opacity: 0.9711;
  transform: translate(91.6082vw, -10px) scale(0.9458);
  animation: fall-38 18s -27s linear infinite;
}
@keyframes fall-38 {
  37.343% {
    transform: translate(93.3068vw, 37.343vh) scale(0.9458);
  }
  to {
    transform: translate(92.4575vw, 100vh) scale(0.9458);
  }
}
.snow:nth-child(39) {
  opacity: 0.8617;
  transform: translate(52.5068vw, -10px) scale(0.6323);
  animation: fall-39 16s -3s linear infinite;
}
@keyframes fall-39 {
  71.183% {
    transform: translate(45.3462vw, 71.183vh) scale(0.6323);
  }
  to {
    transform: translate(48.9265vw, 100vh) scale(0.6323);
  }
}
.snow:nth-child(40) {
  opacity: 0.944;
  transform: translate(61.1364vw, -10px) scale(0.8974);
  animation: fall-40 21s -6s linear infinite;
}
@keyframes fall-40 {
  79.435% {
    transform: translate(60.3439vw, 79.435vh) scale(0.8974);
  }
  to {
    transform: translate(60.74015vw, 100vh) scale(0.8974);
  }
}
.snow:nth-child(41) {
  opacity: 0.0536;
  transform: translate(26.646vw, -10px) scale(0.0739);
  animation: fall-41 16s -23s linear infinite;
}
@keyframes fall-41 {
  34.043% {
    transform: translate(21.626vw, 34.043vh) scale(0.0739);
  }
  to {
    transform: translate(24.136vw, 100vh) scale(0.0739);
  }
}
.snow:nth-child(42) {
  opacity: 0.4342;
  transform: translate(26.772vw, -10px) scale(0.0915);
  animation: fall-42 20s -21s linear infinite;
}
@keyframes fall-42 {
  59.736% {
    transform: translate(22.0454vw, 59.736vh) scale(0.0915);
  }
  to {
    transform: translate(24.4087vw, 100vh) scale(0.0915);
  }
}
.snow:nth-child(43) {
  opacity: 0.8678;
  transform: translate(85.0757vw, -10px) scale(0.707);
  animation: fall-43 14s -23s linear infinite;
}
@keyframes fall-43 {
  62.113% {
    transform: translate(76.6224vw, 62.113vh) scale(0.707);
  }
  to {
    transform: translate(80.84905vw, 100vh) scale(0.707);
  }
}
.snow:nth-child(44) {
  opacity: 0.222;
  transform: translate(83.6876vw, -10px) scale(0.8757);
  animation: fall-44 22s -30s linear infinite;
}
@keyframes fall-44 {
  42.991% {
    transform: translate(78.8201vw, 42.991vh) scale(0.8757);
  }
  to {
    transform: translate(81.25385vw, 100vh) scale(0.8757);
  }
}
.snow:nth-child(45) {
  opacity: 0.0653;
  transform: translate(93.9076vw, -10px) scale(0.2203);
  animation: fall-45 25s -23s linear infinite;
}
@keyframes fall-45 {
  44.939% {
    transform: translate(90.0252vw, 44.939vh) scale(0.2203);
  }
  to {
    transform: translate(91.9664vw, 100vh) scale(0.2203);
  }
}
.snow:nth-child(46) {
  opacity: 0.7009;
  transform: translate(84.9302vw, -10px) scale(0.4087);
  animation: fall-46 10s -18s linear infinite;
}
@keyframes fall-46 {
  43.076% {
    transform: translate(84.7791vw, 43.076vh) scale(0.4087);
  }
  to {
    transform: translate(84.85465vw, 100vh) scale(0.4087);
  }
}
.snow:nth-child(47) {
  opacity: 0.048;
  transform: translate(19.0948vw, -10px) scale(0.9442);
  animation: fall-47 20s -2s linear infinite;
}
@keyframes fall-47 {
  45.851% {
    transform: translate(13.8609vw, 45.851vh) scale(0.9442);
  }
  to {
    transform: translate(16.47785vw, 100vh) scale(0.9442);
  }
}
.snow:nth-child(48) {
  opacity: 0.977;
  transform: translate(2.3008vw, -10px) scale(0.3494);
  animation: fall-48 22s -17s linear infinite;
}
@keyframes fall-48 {
  55.65% {
    transform: translate(7.1101vw, 55.65vh) scale(0.3494);
  }
  to {
    transform: translate(4.70545vw, 100vh) scale(0.3494);
  }
}
.snow:nth-child(49) {
  opacity: 0.0202;
  transform: translate(35.0276vw, -10px) scale(0.4256);
  animation: fall-49 19s -26s linear infinite;
}
@keyframes fall-49 {
  48.517% {
    transform: translate(35.9003vw, 48.517vh) scale(0.4256);
  }
  to {
    transform: translate(35.46395vw, 100vh) scale(0.4256);
  }
}
.snow:nth-child(50) {
  opacity: 0.3458;
  transform: translate(23.3048vw, -10px) scale(0.7309);
  animation: fall-50 21s -8s linear infinite;
}
@keyframes fall-50 {
  31.316% {
    transform: translate(27.5003vw, 31.316vh) scale(0.7309);
  }
  to {
    transform: translate(25.40255vw, 100vh) scale(0.7309);
  }
}
.snow:nth-child(51) {
  opacity: 0.8901;
  transform: translate(41.168vw, -10px) scale(0.4031);
  animation: fall-51 26s -14s linear infinite;
}
@keyframes fall-51 {
  46.965% {
    transform: translate(32.5209vw, 46.965vh) scale(0.4031);
  }
  to {
    transform: translate(36.84445vw, 100vh) scale(0.4031);
  }
}
.snow:nth-child(52) {
  opacity: 0.4186;
  transform: translate(60.7601vw, -10px) scale(0.0712);
  animation: fall-52 24s -6s linear infinite;
}
@keyframes fall-52 {
  40.249% {
    transform: translate(64.419vw, 40.249vh) scale(0.0712);
  }
  to {
    transform: translate(62.58955vw, 100vh) scale(0.0712);
  }
}
.snow:nth-child(53) {
  opacity: 0.8473;
  transform: translate(90.4002vw, -10px) scale(0.7421);
  animation: fall-53 17s -7s linear infinite;
}
@keyframes fall-53 {
  61.13% {
    transform: translate(95.2742vw, 61.13vh) scale(0.7421);
  }
  to {
    transform: translate(92.8372vw, 100vh) scale(0.7421);
  }
}
.snow:nth-child(54) {
  opacity: 0.6149;
  transform: translate(97.9292vw, -10px) scale(0.011);
  animation: fall-54 15s -27s linear infinite;
}
@keyframes fall-54 {
  71.875% {
    transform: translate(107.8112vw, 71.875vh) scale(0.011);
  }
  to {
    transform: translate(102.8702vw, 100vh) scale(0.011);
  }
}
.snow:nth-child(55) {
  opacity: 0.6893;
  transform: translate(74.1949vw, -10px) scale(0.682);
  animation: fall-55 25s -17s linear infinite;
}
@keyframes fall-55 {
  56.237% {
    transform: translate(67.2566vw, 56.237vh) scale(0.682);
  }
  to {
    transform: translate(70.72575vw, 100vh) scale(0.682);
  }
}
.snow:nth-child(56) {
  opacity: 0.8563;
  transform: translate(37.0468vw, -10px) scale(0.9048);
  animation: fall-56 23s -29s linear infinite;
}
@keyframes fall-56 {
  75.605% {
    transform: translate(41.2435vw, 75.605vh) scale(0.9048);
  }
  to {
    transform: translate(39.14515vw, 100vh) scale(0.9048);
  }
}
.snow:nth-child(57) {
  opacity: 0.0091;
  transform: translate(47.7938vw, -10px) scale(0.9856);
  animation: fall-57 17s -9s linear infinite;
}
@keyframes fall-57 {
  48.573% {
    transform: translate(43.5162vw, 48.573vh) scale(0.9856);
  }
  to {
    transform: translate(45.655vw, 100vh) scale(0.9856);
  }
}
.snow:nth-child(58) {
  opacity: 0.2559;
  transform: translate(52.1282vw, -10px) scale(0.4915);
  animation: fall-58 11s -23s linear infinite;
}
@keyframes fall-58 {
  53.189% {
    transform: translate(48.9032vw, 53.189vh) scale(0.4915);
  }
  to {
    transform: translate(50.5157vw, 100vh) scale(0.4915);
  }
}
.snow:nth-child(59) {
  opacity: 0.4848;
  transform: translate(44.8973vw, -10px) scale(0.9431);
  animation: fall-59 27s -6s linear infinite;
}
@keyframes fall-59 {
  30.557% {
    transform: translate(41.7873vw, 30.557vh) scale(0.9431);
  }
  to {
    transform: translate(43.3423vw, 100vh) scale(0.9431);
  }
}
.snow:nth-child(60) {
  opacity: 0.5221;
  transform: translate(74.4917vw, -10px) scale(0.1818);
  animation: fall-60 20s -1s linear infinite;
}
@keyframes fall-60 {
  54.068% {
    transform: translate(82.7394vw, 54.068vh) scale(0.1818);
  }
  to {
    transform: translate(78.61555vw, 100vh) scale(0.1818);
  }
}
.snow:nth-child(61) {
  opacity: 0.4299;
  transform: translate(71.8204vw, -10px) scale(0.7895);
  animation: fall-61 26s -28s linear infinite;
}
@keyframes fall-61 {
  61.701% {
    transform: translate(76.7511vw, 61.701vh) scale(0.7895);
  }
  to {
    transform: translate(74.28575vw, 100vh) scale(0.7895);
  }
}
.snow:nth-child(62) {
  opacity: 0.3349;
  transform: translate(52.7309vw, -10px) scale(0.1649);
  animation: fall-62 13s -16s linear infinite;
}
@keyframes fall-62 {
  76.035% {
    transform: translate(59.6735vw, 76.035vh) scale(0.1649);
  }
  to {
    transform: translate(56.2022vw, 100vh) scale(0.1649);
  }
}
.snow:nth-child(63) {
  opacity: 0.8514;
  transform: translate(67.6192vw, -10px) scale(0.9973);
  animation: fall-63 12s -12s linear infinite;
}
@keyframes fall-63 {
  74.312% {
    transform: translate(73.0344vw, 74.312vh) scale(0.9973);
  }
  to {
    transform: translate(70.3268vw, 100vh) scale(0.9973);
  }
}
.snow:nth-child(64) {
  opacity: 0.6456;
  transform: translate(17.7692vw, -10px) scale(0.268);
  animation: fall-64 16s -4s linear infinite;
}
@keyframes fall-64 {
  46.414% {
    transform: translate(23.511vw, 46.414vh) scale(0.268);
  }
  to {
    transform: translate(20.6401vw, 100vh) scale(0.268);
  }
}
.snow:nth-child(65) {
  opacity: 0.4079;
  transform: translate(53.9496vw, -10px) scale(0.0248);
  animation: fall-65 14s -25s linear infinite;
}
@keyframes fall-65 {
  36.814% {
    transform: translate(53.2988vw, 36.814vh) scale(0.0248);
  }
  to {
    transform: translate(53.6242vw, 100vh) scale(0.0248);
  }
}
.snow:nth-child(66) {
  opacity: 0.8938;
  transform: translate(31.4614vw, -10px) scale(0.1509);
  animation: fall-66 27s -16s linear infinite;
}
@keyframes fall-66 {
  39.347% {
    transform: translate(29.0406vw, 39.347vh) scale(0.1509);
  }
  to {
    transform: translate(30.251vw, 100vh) scale(0.1509);
  }
}
.snow:nth-child(67) {
  opacity: 0.6311;
  transform: translate(63.3598vw, -10px) scale(0.3888);
  animation: fall-67 25s -18s linear infinite;
}
@keyframes fall-67 {
  58.778% {
    transform: translate(66.0618vw, 58.778vh) scale(0.3888);
  }
  to {
    transform: translate(64.7108vw, 100vh) scale(0.3888);
  }
}
.snow:nth-child(68) {
  opacity: 0.2971;
  transform: translate(91.2791vw, -10px) scale(0.0833);
  animation: fall-68 21s -28s linear infinite;
}
@keyframes fall-68 {
  45.268% {
    transform: translate(97.7124vw, 45.268vh) scale(0.0833);
  }
  to {
    transform: translate(94.49575vw, 100vh) scale(0.0833);
  }
}
.snow:nth-child(69) {
  opacity: 0.5786;
  transform: translate(96.8463vw, -10px) scale(0.8302);
  animation: fall-69 28s -18s linear infinite;
}
@keyframes fall-69 {
  39.501% {
    transform: translate(87.9652vw, 39.501vh) scale(0.8302);
  }
  to {
    transform: translate(92.40575vw, 100vh) scale(0.8302);
  }
}
.snow:nth-child(70) {
  opacity: 0.744;
  transform: translate(70.4914vw, -10px) scale(0.3424);
  animation: fall-70 14s -29s linear infinite;
}
@keyframes fall-70 {
  66.861% {
    transform: translate(69.5143vw, 66.861vh) scale(0.3424);
  }
  to {
    transform: translate(70.00285vw, 100vh) scale(0.3424);
  }
}
.snow:nth-child(71) {
  opacity: 0.7055;
  transform: translate(28.6649vw, -10px) scale(0.6583);
  animation: fall-71 21s -12s linear infinite;
}
@keyframes fall-71 {
  43.74% {
    transform: translate(18.9082vw, 43.74vh) scale(0.6583);
  }
  to {
    transform: translate(23.78655vw, 100vh) scale(0.6583);
  }
}
.snow:nth-child(72) {
  opacity: 0.1479;
  transform: translate(25.6852vw, -10px) scale(0.4641);
  animation: fall-72 13s -8s linear infinite;
}
@keyframes fall-72 {
  37.357% {
    transform: translate(18.3285vw, 37.357vh) scale(0.4641);
  }
  to {
    transform: translate(22.00685vw, 100vh) scale(0.4641);
  }
}
.snow:nth-child(73) {
  opacity: 0.911;
  transform: translate(54.3078vw, -10px) scale(0.1027);
  animation: fall-73 29s -8s linear infinite;
}
@keyframes fall-73 {
  44.176% {
    transform: translate(46.1498vw, 44.176vh) scale(0.1027);
  }
  to {
    transform: translate(50.2288vw, 100vh) scale(0.1027);
  }
}
.snow:nth-child(74) {
  opacity: 0.0216;
  transform: translate(97.448vw, -10px) scale(0.5234);
  animation: fall-74 25s -20s linear infinite;
}
@keyframes fall-74 {
  70.043% {
    transform: translate(96.704vw, 70.043vh) scale(0.5234);
  }
  to {
    transform: translate(97.076vw, 100vh) scale(0.5234);
  }
}
.snow:nth-child(75) {
  opacity: 0.9684;
  transform: translate(71.9795vw, -10px) scale(0.2694);
  animation: fall-75 19s -4s linear infinite;
}
@keyframes fall-75 {
  43.365% {
    transform: translate(77.4465vw, 43.365vh) scale(0.2694);
  }
  to {
    transform: translate(74.713vw, 100vh) scale(0.2694);
  }
}
.snow:nth-child(76) {
  opacity: 0.6192;
  transform: translate(39.7336vw, -10px) scale(0.1524);
  animation: fall-76 16s -10s linear infinite;
}
@keyframes fall-76 {
  67.901% {
    transform: translate(33.7886vw, 67.901vh) scale(0.1524);
  }
  to {
    transform: translate(36.7611vw, 100vh) scale(0.1524);
  }
}
.snow:nth-child(77) {
  opacity: 0.3064;
  transform: translate(49.8053vw, -10px) scale(0.7541);
  animation: fall-77 14s -6s linear infinite;
}
@keyframes fall-77 {
  39.658% {
    transform: translate(42.6867vw, 39.658vh) scale(0.7541);
  }
  to {
    transform: translate(46.246vw, 100vh) scale(0.7541);
  }
}
.snow:nth-child(78) {
  opacity: 0.9343;
  transform: translate(84.8511vw, -10px) scale(0.4429);
  animation: fall-78 23s -9s linear infinite;
}
@keyframes fall-78 {
  40.894% {
    transform: translate(87.1735vw, 40.894vh) scale(0.4429);
  }
  to {
    transform: translate(86.0123vw, 100vh) scale(0.4429);
  }
}
.snow:nth-child(79) {
  opacity: 0.0286;
  transform: translate(81.3914vw, -10px) scale(0.6524);
  animation: fall-79 19s -5s linear infinite;
}
@keyframes fall-79 {
  53.949% {
    transform: translate(73.8583vw, 53.949vh) scale(0.6524);
  }
  to {
    transform: translate(77.62485vw, 100vh) scale(0.6524);
  }
}
.snow:nth-child(80) {
  opacity: 0.1013;
  transform: translate(49.8774vw, -10px) scale(0.3546);
  animation: fall-80 13s -29s linear infinite;
}
@keyframes fall-80 {
  41.904% {
    transform: translate(52.0573vw, 41.904vh) scale(0.3546);
  }
  to {
    transform: translate(50.96735vw, 100vh) scale(0.3546);
  }
}
.snow:nth-child(81) {
  opacity: 0.5625;
  transform: translate(54.7841vw, -10px) scale(0.3709);
  animation: fall-81 20s -19s linear infinite;
}
@keyframes fall-81 {
  48.423% {
    transform: translate(48.5782vw, 48.423vh) scale(0.3709);
  }
  to {
    transform: translate(51.68115vw, 100vh) scale(0.3709);
  }
}
.snow:nth-child(82) {
  opacity: 0.3813;
  transform: translate(14.6653vw, -10px) scale(0.1417);
  animation: fall-82 16s -29s linear infinite;
}
@keyframes fall-82 {
  51.468% {
    transform: translate(22.6673vw, 51.468vh) scale(0.1417);
  }
  to {
    transform: translate(18.6663vw, 100vh) scale(0.1417);
  }
}
.snow:nth-child(83) {
  opacity: 0.3244;
  transform: translate(46.9694vw, -10px) scale(0.3624);
  animation: fall-83 22s -26s linear infinite;
}
@keyframes fall-83 {
  51.661% {
    transform: translate(47.0232vw, 51.661vh) scale(0.3624);
  }
  to {
    transform: translate(46.9963vw, 100vh) scale(0.3624);
  }
}
.snow:nth-child(84) {
  opacity: 0.9271;
  transform: translate(16.5308vw, -10px) scale(0.3153);
  animation: fall-84 16s -29s linear infinite;
}
@keyframes fall-84 {
  31.844% {
    transform: translate(11.8599vw, 31.844vh) scale(0.3153);
  }
  to {
    transform: translate(14.19535vw, 100vh) scale(0.3153);
  }
}
.snow:nth-child(85) {
  opacity: 0.2168;
  transform: translate(38.7558vw, -10px) scale(0.5047);
  animation: fall-85 11s -22s linear infinite;
}
@keyframes fall-85 {
  58.548% {
    transform: translate(32.6797vw, 58.548vh) scale(0.5047);
  }
  to {
    transform: translate(35.71775vw, 100vh) scale(0.5047);
  }
}
.snow:nth-child(86) {
  opacity: 0.7408;
  transform: translate(3.0525vw, -10px) scale(0.5682);
  animation: fall-86 20s -5s linear infinite;
}
@keyframes fall-86 {
  75.483% {
    transform: translate(12.4768vw, 75.483vh) scale(0.5682);
  }
  to {
    transform: translate(7.76465vw, 100vh) scale(0.5682);
  }
}
.snow:nth-child(87) {
  opacity: 0.7123;
  transform: translate(57.5508vw, -10px) scale(0.1768);
  animation: fall-87 16s -25s linear infinite;
}
@keyframes fall-87 {
  79.525% {
    transform: translate(65.0945vw, 79.525vh) scale(0.1768);
  }
  to {
    transform: translate(61.32265vw, 100vh) scale(0.1768);
  }
}
.snow:nth-child(88) {
  opacity: 0.8962;
  transform: translate(49.0015vw, -10px) scale(0.7302);
  animation: fall-88 12s -1s linear infinite;
}
@keyframes fall-88 {
  64.322% {
    transform: translate(49.3101vw, 64.322vh) scale(0.7302);
  }
  to {
    transform: translate(49.1558vw, 100vh) scale(0.7302);
  }
}
.snow:nth-child(89) {
  opacity: 0.0071;
  transform: translate(56.1222vw, -10px) scale(0.8199);
  animation: fall-89 11s -20s linear infinite;
}
@keyframes fall-89 {
  76.456% {
    transform: translate(62.9023vw, 76.456vh) scale(0.8199);
  }
  to {
    transform: translate(59.51225vw, 100vh) scale(0.8199);
  }
}
.snow:nth-child(90) {
  opacity: 0.9559;
  transform: translate(13.5984vw, -10px) scale(0.8381);
  animation: fall-90 24s -6s linear infinite;
}
@keyframes fall-90 {
  65.752% {
    transform: translate(12.0316vw, 65.752vh) scale(0.8381);
  }
  to {
    transform: translate(12.815vw, 100vh) scale(0.8381);
  }
}
.snow:nth-child(91) {
  opacity: 0.5082;
  transform: translate(20.7652vw, -10px) scale(0.6466);
  animation: fall-91 10s -7s linear infinite;
}
@keyframes fall-91 {
  75.868% {
    transform: translate(16.3494vw, 75.868vh) scale(0.6466);
  }
  to {
    transform: translate(18.5573vw, 100vh) scale(0.6466);
  }
}
.snow:nth-child(92) {
  opacity: 0.3091;
  transform: translate(50.8026vw, -10px) scale(0.238);
  animation: fall-92 25s -28s linear infinite;
}
@keyframes fall-92 {
  44.721% {
    transform: translate(47.0577vw, 44.721vh) scale(0.238);
  }
  to {
    transform: translate(48.93015vw, 100vh) scale(0.238);
  }
}
.snow:nth-child(93) {
  opacity: 0.4917;
  transform: translate(53.2096vw, -10px) scale(0.5345);
  animation: fall-93 28s -13s linear infinite;
}
@keyframes fall-93 {
  53.889% {
    transform: translate(56.3418vw, 53.889vh) scale(0.5345);
  }
  to {
    transform: translate(54.7757vw, 100vh) scale(0.5345);
  }
}
.snow:nth-child(94) {
  opacity: 0.1643;
  transform: translate(84.2586vw, -10px) scale(0.9169);
  animation: fall-94 24s -19s linear infinite;
}
@keyframes fall-94 {
  41.621% {
    transform: translate(81.4482vw, 41.621vh) scale(0.9169);
  }
  to {
    transform: translate(82.8534vw, 100vh) scale(0.9169);
  }
}
.snow:nth-child(95) {
  opacity: 0.4815;
  transform: translate(80.877vw, -10px) scale(0.6718);
  animation: fall-95 15s -5s linear infinite;
}
@keyframes fall-95 {
  74.819% {
    transform: translate(77.5958vw, 74.819vh) scale(0.6718);
  }
  to {
    transform: translate(79.2364vw, 100vh) scale(0.6718);
  }
}
.snow:nth-child(96) {
  opacity: 0.7918;
  transform: translate(63.4109vw, -10px) scale(0.4023);
  animation: fall-96 25s -8s linear infinite;
}
@keyframes fall-96 {
  31.17% {
    transform: translate(65.2788vw, 31.17vh) scale(0.4023);
  }
  to {
    transform: translate(64.34485vw, 100vh) scale(0.4023);
  }
}
.snow:nth-child(97) {
  opacity: 0.5763;
  transform: translate(81.845vw, -10px) scale(0.9851);
  animation: fall-97 12s -17s linear infinite;
}
@keyframes fall-97 {
  68.79% {
    transform: translate(79.3657vw, 68.79vh) scale(0.9851);
  }
  to {
    transform: translate(80.60535vw, 100vh) scale(0.9851);
  }
}
.snow:nth-child(98) {
  opacity: 0.6254;
  transform: translate(34.7893vw, -10px) scale(0.4563);
  animation: fall-98 13s -12s linear infinite;
}
@keyframes fall-98 {
  78.358% {
    transform: translate(27.3776vw, 78.358vh) scale(0.4563);
  }
  to {
    transform: translate(31.08345vw, 100vh) scale(0.4563);
  }
}
.snow:nth-child(99) {
  opacity: 0.0193;
  transform: translate(83.6532vw, -10px) scale(0.7068);
  animation: fall-99 12s -4s linear infinite;
}
@keyframes fall-99 {
  61.492% {
    transform: translate(90.3454vw, 61.492vh) scale(0.7068);
  }
  to {
    transform: translate(86.9993vw, 100vh) scale(0.7068);
  }
}
.snow:nth-child(100) {
  opacity: 0.9614;
  transform: translate(0.8165vw, -10px) scale(0.1569);
  animation: fall-100 28s -24s linear infinite;
}
@keyframes fall-100 {
  74.903% {
    transform: translate(10.1304vw, 74.903vh) scale(0.1569);
  }
  to {
    transform: translate(5.47345vw, 100vh) scale(0.1569);
  }
}
.snow:nth-child(101) {
  opacity: 0.41;
  transform: translate(35.5257vw, -10px) scale(0.5866);
  animation: fall-101 10s -23s linear infinite;
}
@keyframes fall-101 {
  60.126% {
    transform: translate(37.6851vw, 60.126vh) scale(0.5866);
  }
  to {
    transform: translate(36.6054vw, 100vh) scale(0.5866);
  }
}
.snow:nth-child(102) {
  opacity: 0.8341;
  transform: translate(77.3094vw, -10px) scale(0.3495);
  animation: fall-102 13s -19s linear infinite;
}
@keyframes fall-102 {
  36.262% {
    transform: translate(68.59vw, 36.262vh) scale(0.3495);
  }
  to {
    transform: translate(72.9497vw, 100vh) scale(0.3495);
  }
}
.snow:nth-child(103) {
  opacity: 0.4785;
  transform: translate(91.4217vw, -10px) scale(0.6947);
  animation: fall-103 18s -8s linear infinite;
}
@keyframes fall-103 {
  77.61% {
    transform: translate(96.5858vw, 77.61vh) scale(0.6947);
  }
  to {
    transform: translate(94.00375vw, 100vh) scale(0.6947);
  }
}
.snow:nth-child(104) {
  opacity: 0.0976;
  transform: translate(69.5362vw, -10px) scale(0.8901);
  animation: fall-104 25s -10s linear infinite;
}
@keyframes fall-104 {
  62.265% {
    transform: translate(71.1722vw, 62.265vh) scale(0.8901);
  }
  to {
    transform: translate(70.3542vw, 100vh) scale(0.8901);
  }
}
.snow:nth-child(105) {
  opacity: 0.6203;
  transform: translate(78.8505vw, -10px) scale(0.8335);
  animation: fall-105 14s -26s linear infinite;
}
@keyframes fall-105 {
  74.271% {
    transform: translate(82.0211vw, 74.271vh) scale(0.8335);
  }
  to {
    transform: translate(80.4358vw, 100vh) scale(0.8335);
  }
}
.snow:nth-child(106) {
  opacity: 0.8959;
  transform: translate(91.1019vw, -10px) scale(0.4314);
  animation: fall-106 14s -7s linear infinite;
}
@keyframes fall-106 {
  54.382% {
    transform: translate(94.264vw, 54.382vh) scale(0.4314);
  }
  to {
    transform: translate(92.68295vw, 100vh) scale(0.4314);
  }
}
.snow:nth-child(107) {
  opacity: 0.6478;
  transform: translate(46.0784vw, -10px) scale(0.5958);
  animation: fall-107 22s -21s linear infinite;
}
@keyframes fall-107 {
  57.47% {
    transform: translate(47.4094vw, 57.47vh) scale(0.5958);
  }
  to {
    transform: translate(46.7439vw, 100vh) scale(0.5958);
  }
}
.snow:nth-child(108) {
  opacity: 0.8891;
  transform: translate(45.4065vw, -10px) scale(0.601);
  animation: fall-108 10s -25s linear infinite;
}
@keyframes fall-108 {
  65.094% {
    transform: translate(53.401vw, 65.094vh) scale(0.601);
  }
  to {
    transform: translate(49.40375vw, 100vh) scale(0.601);
  }
}
.snow:nth-child(109) {
  opacity: 0.9814;
  transform: translate(60.5671vw, -10px) scale(0.9085);
  animation: fall-109 19s -19s linear infinite;
}
@keyframes fall-109 {
  68.025% {
    transform: translate(67.0101vw, 68.025vh) scale(0.9085);
  }
  to {
    transform: translate(63.7886vw, 100vh) scale(0.9085);
  }
}
.snow:nth-child(110) {
  opacity: 0.2116;
  transform: translate(8.3605vw, -10px) scale(0.5581);
  animation: fall-110 19s -11s linear infinite;
}
@keyframes fall-110 {
  79.831% {
    transform: translate(16.5557vw, 79.831vh) scale(0.5581);
  }
  to {
    transform: translate(12.4581vw, 100vh) scale(0.5581);
  }
}
.snow:nth-child(111) {
  opacity: 0.0722;
  transform: translate(66.7604vw, -10px) scale(0.1015);
  animation: fall-111 11s -6s linear infinite;
}
@keyframes fall-111 {
  41.658% {
    transform: translate(62.1204vw, 41.658vh) scale(0.1015);
  }
  to {
    transform: translate(64.4404vw, 100vh) scale(0.1015);
  }
}
.snow:nth-child(112) {
  opacity: 0.8863;
  transform: translate(81.6716vw, -10px) scale(0.976);
  animation: fall-112 22s -23s linear infinite;
}
@keyframes fall-112 {
  52.778% {
    transform: translate(85.867vw, 52.778vh) scale(0.976);
  }
  to {
    transform: translate(83.7693vw, 100vh) scale(0.976);
  }
}
.snow:nth-child(113) {
  opacity: 0.3086;
  transform: translate(51.6213vw, -10px) scale(0.5879);
  animation: fall-113 13s -6s linear infinite;
}
@keyframes fall-113 {
  72.897% {
    transform: translate(51.0893vw, 72.897vh) scale(0.5879);
  }
  to {
    transform: translate(51.3553vw, 100vh) scale(0.5879);
  }
}
.snow:nth-child(114) {
  opacity: 0.8809;
  transform: translate(75.9764vw, -10px) scale(0.067);
  animation: fall-114 13s -21s linear infinite;
}
@keyframes fall-114 {
  44.342% {
    transform: translate(81.9663vw, 44.342vh) scale(0.067);
  }
  to {
    transform: translate(78.97135vw, 100vh) scale(0.067);
  }
}
.snow:nth-child(115) {
  opacity: 0.8051;
  transform: translate(1.0393vw, -10px) scale(0.2441);
  animation: fall-115 26s -25s linear infinite;
}
@keyframes fall-115 {
  44.673% {
    transform: translate(-5.9104vw, 44.673vh) scale(0.2441);
  }
  to {
    transform: translate(-2.43555vw, 100vh) scale(0.2441);
  }
}
.snow:nth-child(116) {
  opacity: 0.0231;
  transform: translate(1.803vw, -10px) scale(0.5189);
  animation: fall-116 23s -15s linear infinite;
}
@keyframes fall-116 {
  72.525% {
    transform: translate(8.0621vw, 72.525vh) scale(0.5189);
  }
  to {
    transform: translate(4.93255vw, 100vh) scale(0.5189);
  }
}
.snow:nth-child(117) {
  opacity: 0.4069;
  transform: translate(36.5233vw, -10px) scale(0.6171);
  animation: fall-117 29s -7s linear infinite;
}
@keyframes fall-117 {
  33.227% {
    transform: translate(37.8556vw, 33.227vh) scale(0.6171);
  }
  to {
    transform: translate(37.18945vw, 100vh) scale(0.6171);
  }
}
.snow:nth-child(118) {
  opacity: 0.485;
  transform: translate(46.4556vw, -10px) scale(0.0299);
  animation: fall-118 24s -6s linear infinite;
}
@keyframes fall-118 {
  43.398% {
    transform: translate(39.7006vw, 43.398vh) scale(0.0299);
  }
  to {
    transform: translate(43.0781vw, 100vh) scale(0.0299);
  }
}
.snow:nth-child(119) {
  opacity: 0.485;
  transform: translate(62.9692vw, -10px) scale(0.1045);
  animation: fall-119 23s -7s linear infinite;
}
@keyframes fall-119 {
  58.235% {
    transform: translate(59.0656vw, 58.235vh) scale(0.1045);
  }
  to {
    transform: translate(61.0174vw, 100vh) scale(0.1045);
  }
}
.snow:nth-child(120) {
  opacity: 0.7287;
  transform: translate(4.003vw, -10px) scale(0.9701);
  animation: fall-120 20s -17s linear infinite;
}
@keyframes fall-120 {
  76.67% {
    transform: translate(6.2019vw, 76.67vh) scale(0.9701);
  }
  to {
    transform: translate(5.10245vw, 100vh) scale(0.9701);
  }
}
.snow:nth-child(121) {
  opacity: 0.69;
  transform: translate(98.8083vw, -10px) scale(0.2171);
  animation: fall-121 29s -16s linear infinite;
}
@keyframes fall-121 {
  48.112% {
    transform: translate(90.8542vw, 48.112vh) scale(0.2171);
  }
  to {
    transform: translate(94.83125vw, 100vh) scale(0.2171);
  }
}
.snow:nth-child(122) {
  opacity: 0.5943;
  transform: translate(25.4746vw, -10px) scale(0.7022);
  animation: fall-122 27s -1s linear infinite;
}
@keyframes fall-122 {
  49.948% {
    transform: translate(27.1253vw, 49.948vh) scale(0.7022);
  }
  to {
    transform: translate(26.29995vw, 100vh) scale(0.7022);
  }
}
.snow:nth-child(123) {
  opacity: 0.099;
  transform: translate(24.7097vw, -10px) scale(0.2826);
  animation: fall-123 28s -18s linear infinite;
}
@keyframes fall-123 {
  74.933% {
    transform: translate(24.2985vw, 74.933vh) scale(0.2826);
  }
  to {
    transform: translate(24.5041vw, 100vh) scale(0.2826);
  }
}
.snow:nth-child(124) {
  opacity: 0.8201;
  transform: translate(84.3163vw, -10px) scale(0.7421);
  animation: fall-124 16s -15s linear infinite;
}
@keyframes fall-124 {
  66.301% {
    transform: translate(79.6216vw, 66.301vh) scale(0.7421);
  }
  to {
    transform: translate(81.96895vw, 100vh) scale(0.7421);
  }
}
.snow:nth-child(125) {
  opacity: 0.1987;
  transform: translate(51.4396vw, -10px) scale(0.3561);
  animation: fall-125 27s -21s linear infinite;
}
@keyframes fall-125 {
  55.39% {
    transform: translate(58.5892vw, 55.39vh) scale(0.3561);
  }
  to {
    transform: translate(55.0144vw, 100vh) scale(0.3561);
  }
}
.snow:nth-child(126) {
  opacity: 0.7289;
  transform: translate(77.3131vw, -10px) scale(0.0613);
  animation: fall-126 19s -19s linear infinite;
}
@keyframes fall-126 {
  52.228% {
    transform: translate(79.4625vw, 52.228vh) scale(0.0613);
  }
  to {
    transform: translate(78.3878vw, 100vh) scale(0.0613);
  }
}
.snow:nth-child(127) {
  opacity: 0.075;
  transform: translate(30.4359vw, -10px) scale(0.3585);
  animation: fall-127 25s -6s linear infinite;
}
@keyframes fall-127 {
  56.485% {
    transform: translate(35.4013vw, 56.485vh) scale(0.3585);
  }
  to {
    transform: translate(32.9186vw, 100vh) scale(0.3585);
  }
}
.snow:nth-child(128) {
  opacity: 0.3693;
  transform: translate(93.2253vw, -10px) scale(0.1518);
  animation: fall-128 19s -26s linear infinite;
}
@keyframes fall-128 {
  48.694% {
    transform: translate(96.1794vw, 48.694vh) scale(0.1518);
  }
  to {
    transform: translate(94.70235vw, 100vh) scale(0.1518);
  }
}
.snow:nth-child(129) {
  opacity: 0.1818;
  transform: translate(61.3125vw, -10px) scale(0.9323);
  animation: fall-129 24s -2s linear infinite;
}
@keyframes fall-129 {
  68.951% {
    transform: translate(60.0816vw, 68.951vh) scale(0.9323);
  }
  to {
    transform: translate(60.69705vw, 100vh) scale(0.9323);
  }
}
.snow:nth-child(130) {
  opacity: 0.0035;
  transform: translate(42.2066vw, -10px) scale(0.3274);
  animation: fall-130 24s -10s linear infinite;
}
@keyframes fall-130 {
  31.179% {
    transform: translate(51.8447vw, 31.179vh) scale(0.3274);
  }
  to {
    transform: translate(47.02565vw, 100vh) scale(0.3274);
  }
}
.snow:nth-child(131) {
  opacity: 0.8124;
  transform: translate(13.8214vw, -10px) scale(0.0387);
  animation: fall-131 26s -3s linear infinite;
}
@keyframes fall-131 {
  50.386% {
    transform: translate(12.4992vw, 50.386vh) scale(0.0387);
  }
  to {
    transform: translate(13.1603vw, 100vh) scale(0.0387);
  }
}
.snow:nth-child(132) {
  opacity: 0.3963;
  transform: translate(95.5635vw, -10px) scale(0.3573);
  animation: fall-132 18s -5s linear infinite;
}
@keyframes fall-132 {
  62.943% {
    transform: translate(101.6259vw, 62.943vh) scale(0.3573);
  }
  to {
    transform: translate(98.5947vw, 100vh) scale(0.3573);
  }
}
.snow:nth-child(133) {
  opacity: 0.9806;
  transform: translate(21.6553vw, -10px) scale(0.2356);
  animation: fall-133 17s -23s linear infinite;
}
@keyframes fall-133 {
  63.421% {
    transform: translate(24.5234vw, 63.421vh) scale(0.2356);
  }
  to {
    transform: translate(23.08935vw, 100vh) scale(0.2356);
  }
}
.snow:nth-child(134) {
  opacity: 0.5433;
  transform: translate(28.2309vw, -10px) scale(0.4097);
  animation: fall-134 17s -27s linear infinite;
}
@keyframes fall-134 {
  51.914% {
    transform: translate(34.4076vw, 51.914vh) scale(0.4097);
  }
  to {
    transform: translate(31.31925vw, 100vh) scale(0.4097);
  }
}
.snow:nth-child(135) {
  opacity: 0.9973;
  transform: translate(10.8935vw, -10px) scale(0.8873);
  animation: fall-135 24s -14s linear infinite;
}
@keyframes fall-135 {
  38.201% {
    transform: translate(12.89vw, 38.201vh) scale(0.8873);
  }
  to {
    transform: translate(11.89175vw, 100vh) scale(0.8873);
  }
}
.snow:nth-child(136) {
  opacity: 0.6901;
  transform: translate(57.1841vw, -10px) scale(0.8653);
  animation: fall-136 29s -29s linear infinite;
}
@keyframes fall-136 {
  30.992% {
    transform: translate(48.1896vw, 30.992vh) scale(0.8653);
  }
  to {
    transform: translate(52.68685vw, 100vh) scale(0.8653);
  }
}
.snow:nth-child(137) {
  opacity: 0.859;
  transform: translate(92.4719vw, -10px) scale(0.9735);
  animation: fall-137 10s -16s linear infinite;
}
@keyframes fall-137 {
  51.267% {
    transform: translate(91.4632vw, 51.267vh) scale(0.9735);
  }
  to {
    transform: translate(91.96755vw, 100vh) scale(0.9735);
  }
}
.snow:nth-child(138) {
  opacity: 0.0274;
  transform: translate(21.1818vw, -10px) scale(0.4485);
  animation: fall-138 28s -4s linear infinite;
}
@keyframes fall-138 {
  41.556% {
    transform: translate(17.9844vw, 41.556vh) scale(0.4485);
  }
  to {
    transform: translate(19.5831vw, 100vh) scale(0.4485);
  }
}
.snow:nth-child(139) {
  opacity: 0.3505;
  transform: translate(65.9049vw, -10px) scale(0.9998);
  animation: fall-139 25s -30s linear infinite;
}
@keyframes fall-139 {
  40.55% {
    transform: translate(62.7105vw, 40.55vh) scale(0.9998);
  }
  to {
    transform: translate(64.3077vw, 100vh) scale(0.9998);
  }
}
.snow:nth-child(140) {
  opacity: 0.1319;
  transform: translate(13.9387vw, -10px) scale(0.7682);
  animation: fall-140 20s -4s linear infinite;
}
@keyframes fall-140 {
  57.687% {
    transform: translate(14.517vw, 57.687vh) scale(0.7682);
  }
  to {
    transform: translate(14.22785vw, 100vh) scale(0.7682);
  }
}
.snow:nth-child(141) {
  opacity: 0.4076;
  transform: translate(87.1736vw, -10px) scale(0.5395);
  animation: fall-141 28s -21s linear infinite;
}
@keyframes fall-141 {
  59.413% {
    transform: translate(96.7809vw, 59.413vh) scale(0.5395);
  }
  to {
    transform: translate(91.97725vw, 100vh) scale(0.5395);
  }
}
.snow:nth-child(142) {
  opacity: 0.0117;
  transform: translate(44.5705vw, -10px) scale(0.6961);
  animation: fall-142 10s -5s linear infinite;
}
@keyframes fall-142 {
  47.893% {
    transform: translate(36.5157vw, 47.893vh) scale(0.6961);
  }
  to {
    transform: translate(40.5431vw, 100vh) scale(0.6961);
  }
}
.snow:nth-child(143) {
  opacity: 0.7034;
  transform: translate(64.9098vw, -10px) scale(0.0194);
  animation: fall-143 28s -18s linear infinite;
}
@keyframes fall-143 {
  69.992% {
    transform: translate(64.3914vw, 69.992vh) scale(0.0194);
  }
  to {
    transform: translate(64.6506vw, 100vh) scale(0.0194);
  }
}
.snow:nth-child(144) {
  opacity: 0.6777;
  transform: translate(56.8653vw, -10px) scale(0.5875);
  animation: fall-144 25s -7s linear infinite;
}
@keyframes fall-144 {
  78.798% {
    transform: translate(50.4104vw, 78.798vh) scale(0.5875);
  }
  to {
    transform: translate(53.63785vw, 100vh) scale(0.5875);
  }
}
.snow:nth-child(145) {
  opacity: 0.6199;
  transform: translate(67.0671vw, -10px) scale(0.9184);
  animation: fall-145 15s -2s linear infinite;
}
@keyframes fall-145 {
  51.512% {
    transform: translate(76.0442vw, 51.512vh) scale(0.9184);
  }
  to {
    transform: translate(71.55565vw, 100vh) scale(0.9184);
  }
}
.snow:nth-child(146) {
  opacity: 0.1803;
  transform: translate(36.8174vw, -10px) scale(0.7053);
  animation: fall-146 11s -29s linear infinite;
}
@keyframes fall-146 {
  41.095% {
    transform: translate(41.2264vw, 41.095vh) scale(0.7053);
  }
  to {
    transform: translate(39.0219vw, 100vh) scale(0.7053);
  }
}
.snow:nth-child(147) {
  opacity: 0.0999;
  transform: translate(11.5997vw, -10px) scale(0.0177);
  animation: fall-147 16s -28s linear infinite;
}
@keyframes fall-147 {
  32.032% {
    transform: translate(9.3542vw, 32.032vh) scale(0.0177);
  }
  to {
    transform: translate(10.47695vw, 100vh) scale(0.0177);
  }
}
.snow:nth-child(148) {
  opacity: 0.2919;
  transform: translate(33.1632vw, -10px) scale(0.7717);
  animation: fall-148 16s -15s linear infinite;
}
@keyframes fall-148 {
  67.394% {
    transform: translate(36.1605vw, 67.394vh) scale(0.7717);
  }
  to {
    transform: translate(34.66185vw, 100vh) scale(0.7717);
  }
}
.snow:nth-child(149) {
  opacity: 0.2525;
  transform: translate(58.7616vw, -10px) scale(0.6952);
  animation: fall-149 25s -1s linear infinite;
}
@keyframes fall-149 {
  56.131% {
    transform: translate(54.9323vw, 56.131vh) scale(0.6952);
  }
  to {
    transform: translate(56.84695vw, 100vh) scale(0.6952);
  }
}
.snow:nth-child(150) {
  opacity: 0.5886;
  transform: translate(59.2721vw, -10px) scale(0.7049);
  animation: fall-150 28s -17s linear infinite;
}
@keyframes fall-150 {
  36.796% {
    transform: translate(56.6059vw, 36.796vh) scale(0.7049);
  }
  to {
    transform: translate(57.939vw, 100vh) scale(0.7049);
  }
}
.snow:nth-child(151) {
  opacity: 0.6185;
  transform: translate(25.4192vw, -10px) scale(0.7559);
  animation: fall-151 20s -1s linear infinite;
}
@keyframes fall-151 {
  64.499% {
    transform: translate(19.3442vw, 64.499vh) scale(0.7559);
  }
  to {
    transform: translate(22.3817vw, 100vh) scale(0.7559);
  }
}
.snow:nth-child(152) {
  opacity: 0.6443;
  transform: translate(11.3196vw, -10px) scale(0.5188);
  animation: fall-152 30s -9s linear infinite;
}
@keyframes fall-152 {
  78.833% {
    transform: translate(3.9537vw, 78.833vh) scale(0.5188);
  }
  to {
    transform: translate(7.63665vw, 100vh) scale(0.5188);
  }
}
.snow:nth-child(153) {
  opacity: 0.6589;
  transform: translate(16.4698vw, -10px) scale(0.1634);
  animation: fall-153 25s -3s linear infinite;
}
@keyframes fall-153 {
  31.669% {
    transform: translate(18.7538vw, 31.669vh) scale(0.1634);
  }
  to {
    transform: translate(17.6118vw, 100vh) scale(0.1634);
  }
}
.snow:nth-child(154) {
  opacity: 0.8325;
  transform: translate(84.0744vw, -10px) scale(0.1061);
  animation: fall-154 10s -16s linear infinite;
}
@keyframes fall-154 {
  77.216% {
    transform: translate(87.8646vw, 77.216vh) scale(0.1061);
  }
  to {
    transform: translate(85.9695vw, 100vh) scale(0.1061);
  }
}
.snow:nth-child(155) {
  opacity: 0.8119;
  transform: translate(92.5098vw, -10px) scale(0.038);
  animation: fall-155 15s -24s linear infinite;
}
@keyframes fall-155 {
  32.753% {
    transform: translate(102.0802vw, 32.753vh) scale(0.038);
  }
  to {
    transform: translate(97.295vw, 100vh) scale(0.038);
  }
}
.snow:nth-child(156) {
  opacity: 0.3778;
  transform: translate(74.0696vw, -10px) scale(0.8706);
  animation: fall-156 28s -18s linear infinite;
}
@keyframes fall-156 {
  74.406% {
    transform: translate(80.8609vw, 74.406vh) scale(0.8706);
  }
  to {
    transform: translate(77.46525vw, 100vh) scale(0.8706);
  }
}
.snow:nth-child(157) {
  opacity: 0.019;
  transform: translate(36.6328vw, -10px) scale(0.5338);
  animation: fall-157 30s -26s linear infinite;
}
@keyframes fall-157 {
  31.206% {
    transform: translate(42.5663vw, 31.206vh) scale(0.5338);
  }
  to {
    transform: translate(39.59955vw, 100vh) scale(0.5338);
  }
}
.snow:nth-child(158) {
  opacity: 0.734;
  transform: translate(18.9941vw, -10px) scale(0.1315);
  animation: fall-158 13s -21s linear infinite;
}
@keyframes fall-158 {
  52.434% {
    transform: translate(11.5141vw, 52.434vh) scale(0.1315);
  }
  to {
    transform: translate(15.2541vw, 100vh) scale(0.1315);
  }
}
.snow:nth-child(159) {
  opacity: 0.2275;
  transform: translate(25.1165vw, -10px) scale(0.6044);
  animation: fall-159 17s -30s linear infinite;
}
@keyframes fall-159 {
  35.044% {
    transform: translate(24.9105vw, 35.044vh) scale(0.6044);
  }
  to {
    transform: translate(25.0135vw, 100vh) scale(0.6044);
  }
}
.snow:nth-child(160) {
  opacity: 0.5895;
  transform: translate(76.1422vw, -10px) scale(0.1069);
  animation: fall-160 24s -14s linear infinite;
}
@keyframes fall-160 {
  60.024% {
    transform: translate(75.6736vw, 60.024vh) scale(0.1069);
  }
  to {
    transform: translate(75.9079vw, 100vh) scale(0.1069);
  }
}
.snow:nth-child(161) {
  opacity: 0.3799;
  transform: translate(65.4915vw, -10px) scale(0.9131);
  animation: fall-161 18s -29s linear infinite;
}
@keyframes fall-161 {
  53.386% {
    transform: translate(65.4352vw, 53.386vh) scale(0.9131);
  }
  to {
    transform: translate(65.46335vw, 100vh) scale(0.9131);
  }
}
.snow:nth-child(162) {
  opacity: 0.0549;
  transform: translate(97.1459vw, -10px) scale(0.0772);
  animation: fall-162 11s -28s linear infinite;
}
@keyframes fall-162 {
  31.997% {
    transform: translate(88.2652vw, 31.997vh) scale(0.0772);
  }
  to {
    transform: translate(92.70555vw, 100vh) scale(0.0772);
  }
}
.snow:nth-child(163) {
  opacity: 0.0182;
  transform: translate(16.7724vw, -10px) scale(0.8554);
  animation: fall-163 15s -8s linear infinite;
}
@keyframes fall-163 {
  76.711% {
    transform: translate(6.7731vw, 76.711vh) scale(0.8554);
  }
  to {
    transform: translate(11.77275vw, 100vh) scale(0.8554);
  }
}
.snow:nth-child(164) {
  opacity: 0.9028;
  transform: translate(23.4609vw, -10px) scale(0.6617);
  animation: fall-164 24s -22s linear infinite;
}
@keyframes fall-164 {
  44.364% {
    transform: translate(23.1721vw, 44.364vh) scale(0.6617);
  }
  to {
    transform: translate(23.3165vw, 100vh) scale(0.6617);
  }
}
.snow:nth-child(165) {
  opacity: 0.483;
  transform: translate(40.7169vw, -10px) scale(0.9852);
  animation: fall-165 14s -14s linear infinite;
}
@keyframes fall-165 {
  45.063% {
    transform: translate(48.569vw, 45.063vh) scale(0.9852);
  }
  to {
    transform: translate(44.64295vw, 100vh) scale(0.9852);
  }
}
.snow:nth-child(166) {
  opacity: 0.8528;
  transform: translate(95.936vw, -10px) scale(0.85);
  animation: fall-166 23s -26s linear infinite;
}
@keyframes fall-166 {
  48.11% {
    transform: translate(92.3053vw, 48.11vh) scale(0.85);
  }
  to {
    transform: translate(94.12065vw, 100vh) scale(0.85);
  }
}
.snow:nth-child(167) {
  opacity: 0.0271;
  transform: translate(21.0441vw, -10px) scale(0.063);
  animation: fall-167 23s -3s linear infinite;
}
@keyframes fall-167 {
  51.114% {
    transform: translate(15.2064vw, 51.114vh) scale(0.063);
  }
  to {
    transform: translate(18.12525vw, 100vh) scale(0.063);
  }
}
.snow:nth-child(168) {
  opacity: 0.5219;
  transform: translate(40.8947vw, -10px) scale(0.7374);
  animation: fall-168 27s -23s linear infinite;
}
@keyframes fall-168 {
  37.088% {
    transform: translate(43.4603vw, 37.088vh) scale(0.7374);
  }
  to {
    transform: translate(42.1775vw, 100vh) scale(0.7374);
  }
}
.snow:nth-child(169) {
  opacity: 0.5247;
  transform: translate(24.4947vw, -10px) scale(0.5892);
  animation: fall-169 29s -11s linear infinite;
}
@keyframes fall-169 {
  73.578% {
    transform: translate(28.3909vw, 73.578vh) scale(0.5892);
  }
  to {
    transform: translate(26.4428vw, 100vh) scale(0.5892);
  }
}
.snow:nth-child(170) {
  opacity: 0.178;
  transform: translate(32.2982vw, -10px) scale(0.3421);
  animation: fall-170 20s -9s linear infinite;
}
@keyframes fall-170 {
  74.702% {
    transform: translate(30.4534vw, 74.702vh) scale(0.3421);
  }
  to {
    transform: translate(31.3758vw, 100vh) scale(0.3421);
  }
}
.snow:nth-child(171) {
  opacity: 0.235;
  transform: translate(89.5609vw, -10px) scale(0.5696);
  animation: fall-171 26s -13s linear infinite;
}
@keyframes fall-171 {
  64.802% {
    transform: translate(87.1133vw, 64.802vh) scale(0.5696);
  }
  to {
    transform: translate(88.3371vw, 100vh) scale(0.5696);
  }
}
.snow:nth-child(172) {
  opacity: 0.9362;
  transform: translate(2.0745vw, -10px) scale(0.5526);
  animation: fall-172 13s -11s linear infinite;
}
@keyframes fall-172 {
  59.877% {
    transform: translate(5.0446vw, 59.877vh) scale(0.5526);
  }
  to {
    transform: translate(3.55955vw, 100vh) scale(0.5526);
  }
}
.snow:nth-child(173) {
  opacity: 0.389;
  transform: translate(86.7797vw, -10px) scale(0.9953);
  animation: fall-173 19s -22s linear infinite;
}
@keyframes fall-173 {
  78.523% {
    transform: translate(77.5497vw, 78.523vh) scale(0.9953);
  }
  to {
    transform: translate(82.1647vw, 100vh) scale(0.9953);
  }
}
.snow:nth-child(174) {
  opacity: 0.7724;
  transform: translate(91.6934vw, -10px) scale(0.7177);
  animation: fall-174 15s -5s linear infinite;
}
@keyframes fall-174 {
  57.322% {
    transform: translate(100.9693vw, 57.322vh) scale(0.7177);
  }
  to {
    transform: translate(96.33135vw, 100vh) scale(0.7177);
  }
}
.snow:nth-child(175) {
  opacity: 0.2172;
  transform: translate(7.3413vw, -10px) scale(0.9844);
  animation: fall-175 27s -8s linear infinite;
}
@keyframes fall-175 {
  38.797% {
    transform: translate(10.8514vw, 38.797vh) scale(0.9844);
  }
  to {
    transform: translate(9.09635vw, 100vh) scale(0.9844);
  }
}
.snow:nth-child(176) {
  opacity: 0.952;
  transform: translate(39.6395vw, -10px) scale(0.2266);
  animation: fall-176 23s -1s linear infinite;
}
@keyframes fall-176 {
  50.841% {
    transform: translate(30.3146vw, 50.841vh) scale(0.2266);
  }
  to {
    transform: translate(34.97705vw, 100vh) scale(0.2266);
  }
}
.snow:nth-child(177) {
  opacity: 0.3022;
  transform: translate(19.9878vw, -10px) scale(0.1076);
  animation: fall-177 11s -25s linear infinite;
}
@keyframes fall-177 {
  35.226% {
    transform: translate(26.4562vw, 35.226vh) scale(0.1076);
  }
  to {
    transform: translate(23.222vw, 100vh) scale(0.1076);
  }
}
.snow:nth-child(178) {
  opacity: 0.315;
  transform: translate(28.5271vw, -10px) scale(0.439);
  animation: fall-178 26s -15s linear infinite;
}
@keyframes fall-178 {
  40.013% {
    transform: translate(27.0958vw, 40.013vh) scale(0.439);
  }
  to {
    transform: translate(27.81145vw, 100vh) scale(0.439);
  }
}
.snow:nth-child(179) {
  opacity: 0.1496;
  transform: translate(81.8504vw, -10px) scale(0.4824);
  animation: fall-179 16s -6s linear infinite;
}
@keyframes fall-179 {
  60.422% {
    transform: translate(87.0048vw, 60.422vh) scale(0.4824);
  }
  to {
    transform: translate(84.4276vw, 100vh) scale(0.4824);
  }
}
.snow:nth-child(180) {
  opacity: 0.1501;
  transform: translate(48.4502vw, -10px) scale(0.6988);
  animation: fall-180 23s -26s linear infinite;
}
@keyframes fall-180 {
  51.377% {
    transform: translate(53.8788vw, 51.377vh) scale(0.6988);
  }
  to {
    transform: translate(51.1645vw, 100vh) scale(0.6988);
  }
}
.snow:nth-child(181) {
  opacity: 0.8619;
  transform: translate(60.6476vw, -10px) scale(0.6313);
  animation: fall-181 26s -28s linear infinite;
}
@keyframes fall-181 {
  67.075% {
    transform: translate(67.3542vw, 67.075vh) scale(0.6313);
  }
  to {
    transform: translate(64.0009vw, 100vh) scale(0.6313);
  }
}
.snow:nth-child(182) {
  opacity: 0.3854;
  transform: translate(47.478vw, -10px) scale(0.9858);
  animation: fall-182 21s -26s linear infinite;
}
@keyframes fall-182 {
  63.034% {
    transform: translate(41.7814vw, 63.034vh) scale(0.9858);
  }
  to {
    transform: translate(44.6297vw, 100vh) scale(0.9858);
  }
}
.snow:nth-child(183) {
  opacity: 0.1486;
  transform: translate(54.5189vw, -10px) scale(0.8594);
  animation: fall-183 13s -13s linear infinite;
}
@keyframes fall-183 {
  44.206% {
    transform: translate(54.2331vw, 44.206vh) scale(0.8594);
  }
  to {
    transform: translate(54.376vw, 100vh) scale(0.8594);
  }
}
.snow:nth-child(184) {
  opacity: 0.6884;
  transform: translate(94.6304vw, -10px) scale(0.4628);
  animation: fall-184 23s -9s linear infinite;
}
@keyframes fall-184 {
  47.804% {
    transform: translate(91.9102vw, 47.804vh) scale(0.4628);
  }
  to {
    transform: translate(93.2703vw, 100vh) scale(0.4628);
  }
}
.snow:nth-child(185) {
  opacity: 0.3482;
  transform: translate(16.7903vw, -10px) scale(0.6118);
  animation: fall-185 23s -5s linear infinite;
}
@keyframes fall-185 {
  52.592% {
    transform: translate(18.8375vw, 52.592vh) scale(0.6118);
  }
  to {
    transform: translate(17.8139vw, 100vh) scale(0.6118);
  }
}
.snow:nth-child(186) {
  opacity: 0.0833;
  transform: translate(41.3023vw, -10px) scale(0.926);
  animation: fall-186 29s -3s linear infinite;
}
@keyframes fall-186 {
  63.544% {
    transform: translate(37.1034vw, 63.544vh) scale(0.926);
  }
  to {
    transform: translate(39.20285vw, 100vh) scale(0.926);
  }
}
.snow:nth-child(187) {
  opacity: 0.8524;
  transform: translate(8.2737vw, -10px) scale(0.6083);
  animation: fall-187 15s -13s linear infinite;
}
@keyframes fall-187 {
  67.379% {
    transform: translate(11.4407vw, 67.379vh) scale(0.6083);
  }
  to {
    transform: translate(9.8572vw, 100vh) scale(0.6083);
  }
}
.snow:nth-child(188) {
  opacity: 0.2737;
  transform: translate(20.3761vw, -10px) scale(0.1819);
  animation: fall-188 12s -26s linear infinite;
}
@keyframes fall-188 {
  36.521% {
    transform: translate(15.6592vw, 36.521vh) scale(0.1819);
  }
  to {
    transform: translate(18.01765vw, 100vh) scale(0.1819);
  }
}
.snow:nth-child(189) {
  opacity: 0.3004;
  transform: translate(46.6395vw, -10px) scale(0.4893);
  animation: fall-189 14s -20s linear infinite;
}
@keyframes fall-189 {
  47.301% {
    transform: translate(50.5463vw, 47.301vh) scale(0.4893);
  }
  to {
    transform: translate(48.5929vw, 100vh) scale(0.4893);
  }
}
.snow:nth-child(190) {
  opacity: 0.317;
  transform: translate(95.2031vw, -10px) scale(0.0653);
  animation: fall-190 14s -22s linear infinite;
}
@keyframes fall-190 {
  79.946% {
    transform: translate(96.4032vw, 79.946vh) scale(0.0653);
  }
  to {
    transform: translate(95.80315vw, 100vh) scale(0.0653);
  }
}
.snow:nth-child(191) {
  opacity: 0.5875;
  transform: translate(41.1192vw, -10px) scale(0.0797);
  animation: fall-191 19s -30s linear infinite;
}
@keyframes fall-191 {
  67.77% {
    transform: translate(44.8229vw, 67.77vh) scale(0.0797);
  }
  to {
    transform: translate(42.97105vw, 100vh) scale(0.0797);
  }
}
.snow:nth-child(192) {
  opacity: 0.3253;
  transform: translate(73.211vw, -10px) scale(0.5307);
  animation: fall-192 22s -4s linear infinite;
}
@keyframes fall-192 {
  63.098% {
    transform: translate(64.6651vw, 63.098vh) scale(0.5307);
  }
  to {
    transform: translate(68.93805vw, 100vh) scale(0.5307);
  }
}
.snow:nth-child(193) {
  opacity: 0.9466;
  transform: translate(26.2696vw, -10px) scale(0.0483);
  animation: fall-193 24s -19s linear infinite;
}
@keyframes fall-193 {
  62.325% {
    transform: translate(32.9332vw, 62.325vh) scale(0.0483);
  }
  to {
    transform: translate(29.6014vw, 100vh) scale(0.0483);
  }
}
.snow:nth-child(194) {
  opacity: 0.673;
  transform: translate(55.8012vw, -10px) scale(0.0212);
  animation: fall-194 26s -1s linear infinite;
}
@keyframes fall-194 {
  52.708% {
    transform: translate(56.7949vw, 52.708vh) scale(0.0212);
  }
  to {
    transform: translate(56.29805vw, 100vh) scale(0.0212);
  }
}
.snow:nth-child(195) {
  opacity: 0.0756;
  transform: translate(89.0333vw, -10px) scale(0.5311);
  animation: fall-195 15s -25s linear infinite;
}
@keyframes fall-195 {
  73.468% {
    transform: translate(98.2616vw, 73.468vh) scale(0.5311);
  }
  to {
    transform: translate(93.64745vw, 100vh) scale(0.5311);
  }
}
.snow:nth-child(196) {
  opacity: 0.2995;
  transform: translate(14.2983vw, -10px) scale(0.2274);
  animation: fall-196 25s -5s linear infinite;
}
@keyframes fall-196 {
  31.538% {
    transform: translate(21.2366vw, 31.538vh) scale(0.2274);
  }
  to {
    transform: translate(17.76745vw, 100vh) scale(0.2274);
  }
}
.snow:nth-child(197) {
  opacity: 0.8647;
  transform: translate(93.2575vw, -10px) scale(0.9618);
  animation: fall-197 12s -5s linear infinite;
}
@keyframes fall-197 {
  55.568% {
    transform: translate(102.2348vw, 55.568vh) scale(0.9618);
  }
  to {
    transform: translate(97.74615vw, 100vh) scale(0.9618);
  }
}
.snow:nth-child(198) {
  opacity: 0.4415;
  transform: translate(45.3303vw, -10px) scale(0.353);
  animation: fall-198 19s -30s linear infinite;
}
@keyframes fall-198 {
  48.066% {
    transform: translate(43.3962vw, 48.066vh) scale(0.353);
  }
  to {
    transform: translate(44.36325vw, 100vh) scale(0.353);
  }
}
.snow:nth-child(199) {
  opacity: 0.8038;
  transform: translate(67.4566vw, -10px) scale(0.786);
  animation: fall-199 13s -25s linear infinite;
}
@keyframes fall-199 {
  36.187% {
    transform: translate(62.5162vw, 36.187vh) scale(0.786);
  }
  to {
    transform: translate(64.9864vw, 100vh) scale(0.786);
  }
}
.snow:nth-child(200) {
  opacity: 0.037;
  transform: translate(8.8607vw, -10px) scale(0.9605);
  animation: fall-200 28s -12s linear infinite;
}
@keyframes fall-200 {
  46.918% {
    transform: translate(-0.824vw, 46.918vh) scale(0.9605);
  }
  to {
    transform: translate(4.01835vw, 100vh) scale(0.9605);
  }
}
.CodeMirror pre.CodeMirror-line {
  font-family: var(--font-family-monospace) !important;
}
.CodeMirror--limited-height-tall .CodeMirror-scroll {
  max-height: var(--height);
}
.CodeMirror--limited-height-tall {
  --height: 652px;
}
.CodeMirror--limited-height-tall .CodeMirror {
  height: var(--height);
}
.CodeMirror--shrink-height .CodeMirror {
  height: auto;
}
.CodeMirror--small-font .CodeMirror {
  font-size: 12px;
}
.tutorial-image--medal {
  background-image: url(./media/medal-ZOADGDUI.svg);
}
.tutorial-pulse:not(:focus) {
  animation-name: tutorial-pulse-animation;
  animation-duration: 6s;
  animation-delay: 0.2s;
  animation-iteration-count: infinite;
}
.tutorial-pulse-inset {
  position: relative;
}
.tutorial-pulse-inset:not(:focus)::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  animation-name: tutorial-pulse-inset-animation;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-iteration-count: 5;
  content: "";
  pointer-events: none;
}
@keyframes tutorial-pulse-animation {
  0%, 100% {
    box-shadow: 0 0 2px #E2FDE2;
  }
  50% {
    box-shadow: 0 0 30px #3DB83D;
  }
}
@keyframes tutorial-pulse-inset-animation {
  0%, 100% {
    background-color: rgba(57, 42, 101, 0);
    box-shadow: inset 0 0 2px #E2FDE2;
  }
  50% {
    background-color: rgba(57, 42, 101, 0.1);
    box-shadow: inset 0 0 12px #3DB83D;
  }
}
.result-view humio-sankey {
  align-self: center;
}
.chart {
  position: relative;
  display: grid;
  grid-template: "chart  right" 1fr "bottom right" auto / 1fr auto;
  --dot-size: 10px;
  border-radius: 0.25rem;
}
.vega-bind {
  display: none;
}
.chart__tooltip {
  position: absolute;
  z-index: 50;
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .chart__tooltip) {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
.chart__tooltip {
  pointer-events: none;
  min-width: 200px;
  padding: 8px 4px;
  display: inline-block;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .chart__tooltip) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.full-legend-width .chart__legend-cell {
  max-width: 100%;
  overflow: visible;
  text-overflow: unset;
}
.chart__tooltip-header {
  padding: 8px 16px 4px;
  font-size: 10px;
  white-space: pre-line;
}
.chart__tooltip-footer {
  padding: 8px 16px 4px;
  font-size: 10px;
  white-space: pre-line;
  opacity: 0.6;
}
.chart__plot {
  position: relative;
  grid-area: chart;
}
.chart__plot canvas {
  display: block;
}
.chart__legend-cell {
  max-width: 160px;
  padding: 2px;
  overflow: hidden;
  font-size: 11px;
  white-space: nowrap;
  text-align: right;
  text-overflow: ellipsis;
}
.chart__legend-title {
  padding-left: 16px;
  font-size: 11px;
  line-height: 20px;
  text-align: left;
}
.chart__legend-cell--left {
  text-align: left;
}
.chart__legend {
  min-width: 80px;
  white-space: nowrap;
}
.chart__legend-row {
  cursor: pointer;
  padding-left: 16px;
  padding-right: 16px;
}
.chart__legend--right {
  grid-area: right;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.chart__legend--bottom {
  grid-area: bottom;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 0.5rem;
}
:is(.dark .chart__legend--bottom) {
  --tw-text-opacity: 1;
  color: rgb(201 201 201 / var(--tw-text-opacity));
}
.chart__legend--bottom table {
  width: 100%;
}
.chart__legend--bottom tbody {
  display: flex;
  flex-wrap: wrap;
}
.chart__legend-circle {
  width: calc(var(--dot-size) + 2px);
  height: calc(var(--dot-size) + 2px);
}
.chart__legend-circle circle {
  cy: calc(var(--dot-size) / 2 + 1px);
  cx: calc(var(--dot-size) / 2 + 1px);
  r: calc(var(--dot-size) / 2);
}
.chart__legend-row--disabled {
  color: var(--muted-text-color);
}
.chart__legend-row--disabled .chart__legend-circle circle {
  fill: #E0E0E0;
  stroke: #C9C9C9;
}
.dark .chart__legend-row--disabled .chart__legend-circle circle {
  fill: #3D3D3D;
  stroke: #767676;
}
.result-view {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.result-view__progress-bar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  flex: 0 0 auto;
}
.inspector {
  --row-height: 26px;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 6px;
  color: #333;
  --spacing: 6px;
}
.inspector input[type=range] {
  width: 129px;
}
.inspector__title {
  grid-area: title;
}
.inspector__checkbox-label {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--spacing);
  grid-template: "checkbox label" / 20px 1fr;
  align-items: center;
  min-height: var(--row-height);
}
.inspector__checkbox-text {
  display: flex;
  grid-area: label;
  align-items: center;
}
.inspector__checkbox-input {
  grid-area: checkbox;
}
.inspector__slider {
  display: grid;
  grid-template: "min value max" auto "slider slider slider" auto / 1fr 1fr 1fr;
}
.inspector__slider-min {
  grid-area: min;
}
.inspector__slider-max {
  grid-area: max;
}
.inspector__slider-value {
  grid-area: value;
}
.inspector__slider-input-container {
  grid-area: slider;
}
.access-management__create-integration-footer-actions {
  float: right;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-grow: 1;
}
.field-group {
  display: grid;
  grid-template: "label widget" auto "details details" auto "input input " 1fr "help  help" auto / minmax(0, 1fr) auto;
}
.field-group--horizontal {
  display: grid;
  grid-template: "label widget input input" auto "details details help help" auto / 1fr auto 33% 33%;
}
.field-group__label {
  grid-area: label;
}
.field-group__widget {
  grid-area: widget;
}
.field-group__error {
  grid-area: help;
}
.field-group__help {
  grid-area: help;
}
.simple-gauge__title {
  padding: 0 20px;
  overflow: hidden;
  font-size: 30px;
  line-height: 40px;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1112px) {
  .simple-gauge__title {
    font-size: 20px;
  }
}
.simple-gauge__number {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 50px;
  line-height: 1em;
  white-space: nowrap;
}
:root {
  --gauge-number-color: #3d3d3d ;
}
.dark {
  --gauge-number-color: #e2e2e4 ;
}
.result-view humio-worldmap {
  align-self: center;
}
.raw-widget {
  display: flex;
  flex-direction: column-reverse;
  align-content: flex-end;
  max-height: 100%;
  padding: 16px;
  overflow-y: auto;
  font-family: monospace;
}
.raw-widget__line {
  flex: 1 1 auto;
  margin-bottom: 5px;
  white-space: pre-wrap;
}
.raw-widget__line::before {
  display: inline-block;
  width: 12px;
  margin-right: 10px;
  color: purple;
  text-align: right;
  content: ">";
  pointer-events: none;
}
.title-bar__timestamp {
  grid-auto-flow: column;
  grid-gap: 8px;
}
.title-bar__filter-button-wrapper {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
.title-bar__time {
  display: grid;
  grid-area: time;
  line-height: 1;
  text-align: right;
}
@media all and (max-width: 768px) {
  #main-menu,
  #account-menu,
  #help-menu {
    display: none;
  }
}
@media all and (min-width: 769px) {
  #phone-menu {
    display: none;
  }
}
.release-list {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #e7e7e7;
}
.release-list--failed {
  padding: 20px;
  text-align: center;
}
.release-list__selection {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
}
.release-list__selection-details h2 {
  font-size: 20px !important;
  font-weight: 500;
}
.release-list__selection-details {
  flex: 1 1 auto;
  padding: 16px;
}
.release-list__selection-details hr {
  border-top-color: #bfbfbf;
  margin: 16px 0;
}
.event-distribution-chart__tooltip-content {
  grid-template: "from-label from" "to-label   to" "bucket     bucket" "count      count" "events     events" / -webkit-max-content auto;
  grid-template: "from-label from" "to-label   to" "bucket     bucket" "count      count" "events     events" / max-content auto;
  display: grid;
  place-content: center;
  row-gap: 0.5rem;
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
  white-space: nowrap;
  padding: 0.5rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
}
.event-distribution-chart__tooltip-from-label {
  grid-area: from-label;
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .event-distribution-chart__tooltip-from-label) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.event-distribution-chart__tooltip-from {
  grid-area: from;
  text-align: left;
}
.event-distribution-chart__tooltip-to-label {
  grid-area: to-label;
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .event-distribution-chart__tooltip-to-label) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.event-distribution-chart__tooltip-to {
  grid-area: to;
  text-align: left;
}
.event-distribution-chart__tooltip-bucket {
  grid-area: bucket;
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .event-distribution-chart__tooltip-bucket) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.event-distribution-chart__tooltip-events {
  grid-area: events;
}
.group-list__item {
  display: grid;
  grid-template: "     star        icon       title               labels       menu" 1fr / -webkit-max-content -webkit-max-content 1fr minmax(80px, 20%) 30px;
  grid-template: "     star        icon       title               labels       menu" 1fr / max-content max-content 1fr minmax(80px, 20%) 30px;
  transition: background-color 0.2s ease-in-out;
}
.group-list__labels {
  grid-area: labels;
  grid-auto-flow: row;
  grid-gap: 1px;
}
.group-list__item-title {
  grid-area: title;
}
.group-list__item-controls {
  grid-area: menu;
}
.group-list__item-star {
  grid-area: star;
}
.group-list__item-icon {
  grid-area: icon;
}
.filter-button {
  width: 18px;
  height: 18px;
  line-height: 0;
}
.filter-button:not(:last-child) {
  margin-right: 2px;
}
.event-list {
  position: relative;
  z-index: 1;
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .event-list) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.event-list {
  --gutter-width: 27px;
}
.result-view > .event-list {
  flex-grow: 1;
}
.record-list__header--interactive {
  cursor: pointer;
}
.record-list__cell {
  position: relative;
  overflow: hidden;
  white-space: pre;
  vertical-align: top;
  border-right-width: 1px;
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .record-list__cell) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
}
.record-list__cell {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
:is(.dark .record-list__cell) {
  --tw-border-opacity: 1;
  border-color: rgb(20 20 26 / var(--tw-border-opacity));
}
.record-list__item:hover .record-list__cell {
  background-image: linear-gradient(#0000000a, #0000000a);
}
:is(.dark .record-list__item:hover .record-list__cell) {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.record-list__item--highlighted .record-list__cell {
  --tw-bg-opacity: 1;
  background-color: rgb(141 226 141 / var(--tw-bg-opacity));
}
.record-list__item--highlighted .record-list__cell:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(102 204 102 / var(--tw-bg-opacity));
}
:is(.dark .record-list__item--highlighted .record-list__cell) {
  --tw-bg-opacity: 1;
  background-color: rgb(18 79 18 / var(--tw-bg-opacity));
}
:is(.dark .record-list__item--highlighted .record-list__cell:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 104 29 / var(--tw-bg-opacity));
}
.record-list__item:last-child .record-list__cell {
  border-bottom-width: 0px;
}
.record-list__cell-controls {
  position: absolute;
  top: 1px;
  right: 4px;
  z-index: 1;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 2px;
  opacity: 0;
}
.record-list__cell:hover .record-list__cell-controls {
  opacity: 0.5;
}
.record-list__cell-controls:hover {
  opacity: 1 !important;
}
.record-list--wrapped .record-list__cell {
  white-space: pre-wrap;
  word-break: break-all;
}
.empty-cell {
  color: var(--muted-text-color);
}
.record-list__cell--sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
}
.record-list__cell--sticky:nth-child(2) {
  left: var(--gutter-width);
}
.record-list {
  border-width: 1px 0 0 0;
  border-spacing: 0;
  border-collapse: separate;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .record-list) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.record-list {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .record-list) {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.record-list__item {
  --cell-border: solid 1px #E0E0E0;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .record-list__item) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.record-list__item {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .record-list__item) {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.dark .record-list__item {
  --cell-border: solid 1px #3D3D3D;
}
.record-list__item__shadow {
  background-image: linear-gradient(to bottom, #1b1f2330, transparent);
  pointer-events: none;
  position: absolute;
}
.record-list__header {
  border-width: 0 1px 1px 0;
  top: -1px;
}
.record-list__header--sticky {
  left: var(--gutter-width);
}
.infinite-scroll__container {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 8px;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: rgb(158, 158, 158);
  white-space: nowrap;
  text-align: center;
}
.infinite-scroll__container--absolute-top {
  scroll-snap-align: start;
}
.infinite-scroll__container--absolute-bottom {
  scroll-snap-align: end;
}
.infinite-scroll__more-button {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
  text-decoration: underline;
  background: transparent;
  border: none;
  outline: none;
}
.monaco-editor,
.humio-editor {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .monaco-editor),
:is(.dark .humio-editor) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
}
.humio-editor__content {
  position: absolute;
  top: 0.5rem;
  right: 0.25rem;
  bottom: 0.5rem;
  left: 1rem;
}
.humio-editor--no-cursor .cursors-layer > .cursor {
  display: none !important;
}
.humio-editor--no-ruler .decorationsOverviewRuler {
  display: none !important;
}
.humio-editor .scroll-decoration {
  display: none;
}
:root,
:host {
  --single-value-text-color: #3d3d3d;
  --single-value-background-color: #ffffff;
  --single-value-trend-positive-text-color: #1b8e67;
  --single-value-trend-negative-text-color: #e9181f;
  --single-value-warning-text-color: #edb000;
}
.dark {
  --single-value-text-color: #e2e2e4;
  --single-value-background-color: #27262C;
  --single-value-trend-positive-text-color: #06e5b7;
  --single-value-trend-negative-text-color: #f9585d;
  --single-value-warning-text-color: #ffcc00;
}
.tutorial-highlighted-element {
  border-width: 4px !important;
  border-style: dashed !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(133 50 194 / var(--tw-border-opacity)) !important;
}
.dark .tutorial-highlighted-element {
  border-width: 4px !important;
  border-style: dashed !important;
  border-color: B15AF2 !important;
}
.query-assistant-output .monaco-editor .margin,
.query-assistant-output .humio-editor,
.query-assistant-output .monaco-editor-background {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
:is(.dark .query-assistant-output .monaco-editor .margin),
:is(.dark .query-assistant-output .humio-editor),
:is(.dark .query-assistant-output .monaco-editor-background) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.dark {
  color-scheme: dark;
}
.light {
  color-scheme: light;
}
.itemListSubtitle {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}
:is(.dark .itemListSubtitle) {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
.hljs {
  display: block;
  padding: 0.5em;
  overflow-x: auto;
}
.lang-xml .hljs-comment,
.lang-xml .hljs-meta {
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}
:is(.dark .lang-xml .hljs-comment),
:is(.dark .lang-xml .hljs-meta) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.lang-xml .hljs-symbol {
  --tw-text-opacity: 1;
  color: rgb(132 43 170 / var(--tw-text-opacity));
}
:is(.dark .lang-xml .hljs-symbol) {
  --tw-text-opacity: 1;
  color: rgb(218 140 246 / var(--tw-text-opacity));
}
.lang-xml .hljs-tag {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .lang-xml .hljs-tag) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.lang-xml .hljs-name {
  --tw-text-opacity: 1;
  color: rgb(136 47 17 / var(--tw-text-opacity));
}
:is(.dark .lang-xml .hljs-name) {
  --tw-text-opacity: 1;
  color: rgb(255 179 153 / var(--tw-text-opacity));
}
.lang-xml .hljs-attr {
  --tw-text-opacity: 1;
  color: rgb(0 71 133 / var(--tw-text-opacity));
}
:is(.dark .lang-xml .hljs-attr) {
  --tw-text-opacity: 1;
  color: rgb(163 212 255 / var(--tw-text-opacity));
}
.lang-xml .hljs-string {
  --tw-text-opacity: 1;
  color: rgb(29 104 29 / var(--tw-text-opacity));
}
:is(.dark .lang-xml .hljs-string) {
  --tw-text-opacity: 1;
  color: rgb(102 204 102 / var(--tw-text-opacity));
}
.lang-accesslog .hljs-number {
  --tw-text-opacity: 1;
  color: rgb(136 47 17 / var(--tw-text-opacity));
}
:is(.dark .lang-accesslog .hljs-number) {
  --tw-text-opacity: 1;
  color: rgb(255 179 153 / var(--tw-text-opacity));
}
.lang-accesslog .hljs-string {
  --tw-text-opacity: 1;
  color: rgb(0 71 133 / var(--tw-text-opacity));
}
:is(.dark .lang-accesslog .hljs-string) {
  --tw-text-opacity: 1;
  color: rgb(163 212 255 / var(--tw-text-opacity));
}
.lang-accesslog .hljs-keyword {
  --tw-text-opacity: 1;
  color: rgb(132 43 170 / var(--tw-text-opacity));
}
:is(.dark .lang-accesslog .hljs-keyword) {
  --tw-text-opacity: 1;
  color: rgb(218 140 246 / var(--tw-text-opacity));
}
@keyframes _spinner_13dbkn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
._spinner_13dbkn {
  --spinner-size-small: 20px;
  --spinner-size-medium: 40px;
  --spinner-size-large: 64px;
  --body-and-labels: #767676;
  display: inline-block;
}
._spinner_13dbkn::after {
  animation: _spinner_13dbkn 1s linear infinite;
  border-radius: 50%;
  content: " ";
  display: block;
}
._spinner--s_13dbkn,
._spinner--s_13dbkn::after {
  height: var(--spinner-size-small);
  width: var(--spinner-size-small);
}
._spinner--m_13dbkn,
._spinner--m_13dbkn::after {
  height: var(--spinner-size-medium);
  width: var(--spinner-size-medium);
}
._spinner--l_13dbkn,
._spinner--l_13dbkn::after {
  height: var(--spinner-size-large);
  width: var(--spinner-size-large);
}
._spinner--color-5_13dbkn::after {
  border: 1px solid var(--body-and-labels);
  border-color: var(--body-and-labels) transparent;
}
@keyframes dropIn {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.pulse {
  animation: sk-scaleout 1s infinite ease-in-out;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.progress-bar__progress {
  transition: width 0.2s, opacity 0.4s 1s;
}
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
@media print {
  .overflow-auto {
    overflow: visible !important;
  }
}
.report {
  padding: 0;
  margin: 0;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #E0E0E0;
}
::before,
::after {
  --tw-content: "";
}
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family:
    "Inter var",
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
}
body {
  margin: 0;
  line-height: inherit;
}
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;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  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;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #949494;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #949494;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
.dark *::-webkit-scrollbar-track {
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
.dark *::-webkit-scrollbar-thumb {
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}
html {
  height: 100%;
}
@media only screen and (max-width: 999px) {
  html {
    zoom: .5;
  }
}
@media only screen and (min-width: 1000px) {
  html {
    zoom: 1;
  }
}
body,
.logscale-search-view-body,
:host {
  height: 100%;
  margin: 0px;
  font-family:
    "Inter var",
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark body),
:is(.dark .logscale-search-view-body),
:is(.dark :host) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
a {
  --tw-text-opacity: 1;
  color: rgb(3 102 120 / var(--tw-text-opacity));
}
:is(.dark a) {
  --tw-text-opacity: 1;
  color: rgb(179 195 255 / var(--tw-text-opacity));
}
a:hover {
  --tw-text-opacity: 1;
  color: rgb(22 128 147 / var(--tw-text-opacity));
}
:is(.dark a:hover) {
  --tw-text-opacity: 1;
  color: rgb(225 236 254 / var(--tw-text-opacity));
}
a:focus {
  outline: none;
}
button,
button:focus,
[tabindex="0"] {
  outline: none;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}
input:focus {
  outline: 0;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}
:is(.dark input[type=range]) {
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}
input[type=range] {
  outline: none;
  border-radius: 8px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark input[type=range]::-webkit-slider-thumb) {
  --tw-bg-opacity: 1;
  background-color: rgb(132 158 245 / var(--tw-bg-opacity));
}
input[type=range]::-webkit-slider-thumb {
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark input[type=range]::-moz-range-thumb) {
  --tw-bg-opacity: 1;
  background-color: rgb(132 158 245 / var(--tw-bg-opacity));
}
input[type=range]::-moz-range-thumb {
  cursor: pointer;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: unset;
}
em {
  font-style: italic !important;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(22 140 243 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(22 140 243 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.heading-1 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .heading-1) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.heading-2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .heading-2) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.heading-3 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .heading-3) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.heading-4 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .heading-4) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.heading-5 {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .heading-5) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.body-small {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-small) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-small-emphasized {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-small-emphasized) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-small-italic {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-small-italic) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-default {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-default) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-default-emphasized {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-default-emphasized) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-default-italic {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-default-italic) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-large {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-large) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-large-emphasized {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-large-emphasized) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.body-large-italic {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .body-large-italic) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-mezzanine {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-mezzanine) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-toolbar-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-basement {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-basement) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-ground-floor-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-ground-floor {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-ground-floor) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-default-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-default {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-default) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-secondary) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.cs :is(.dark .area-secondary) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 44 / var(--tw-bg-opacity));
}
.area-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-tertiary) {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
:is(.dark .area-disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 33 37 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.area-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:is(.dark .area-highlight) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
  border-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.area-highlight-faint {
  --tw-bg-opacity: 1;
  background-color: rgb(195 209 254 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-highlight-faint) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 50 118 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-highlight-faintest {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-highlight-faintest) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-active) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-info {
  --tw-bg-opacity: 1;
  background-color: rgb(243 246 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-info) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-error {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 245 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(233 68 53 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-error) {
  --tw-bg-opacity: 1;
  background-color: rgb(48 13 13 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(233 68 53 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 239 / var(--tw-bg-opacity));
  border-color: rgb(237 176 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-warning) {
  --tw-bg-opacity: 1;
  background-color: rgb(50 36 6 / var(--tw-bg-opacity));
  border-color: rgb(255 204 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-success {
  --tw-bg-opacity: 1;
  background-color: rgb(245 255 245 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(61 184 61 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-success) {
  --tw-bg-opacity: 1;
  background-color: rgb(10 39 17 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(61 184 61 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-popup {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .area-popup) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.area-opacity-default {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.15;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-opacity-default) {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.15;
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.area-opacity-hover {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .area-opacity-hover) {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.1;
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-24 {
  inset: 6rem;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-bottom-px {
  bottom: -1px;
}
.-left-2 {
  left: -0.5rem;
}
.-left-4 {
  left: -1rem;
}
.-left-5 {
  left: -1.25rem;
}
.-right-2 {
  right: -0.5rem;
}
.-top-1 {
  top: -0.25rem;
}
.-top-1\.5 {
  top: -0.375rem;
}
.-top-\[2px\] {
  top: -2px;
}
.-top-px {
  top: -1px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-1\/2 {
  bottom: 50%;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-2\.5 {
  bottom: 0.625rem;
}
.bottom-4 {
  bottom: 1rem;
}
.bottom-5 {
  bottom: 1.25rem;
}
.bottom-\[2px\] {
  bottom: 2px;
}
.bottom-\[3px\] {
  bottom: 3px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-0\.5 {
  left: 0.125rem;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-4 {
  left: 1rem;
}
.left-\[2px\] {
  left: 2px;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.right-1 {
  right: 0.25rem;
}
.right-1\/2 {
  right: 50%;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-3\.5 {
  right: 0.875rem;
}
.right-4 {
  right: 1rem;
}
.right-5 {
  right: 1.25rem;
}
.right-full {
  right: 100%;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-14 {
  top: 3.5rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\.5 {
  top: 0.625rem;
}
.top-5 {
  top: 1.25rem;
}
.top-full {
  top: 100%;
}
.\!z-20 {
  z-index: 20 !important;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[-1\] {
  z-index: -1;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[60\] {
  z-index: 60;
}
.z-devPanel {
  z-index: 60;
}
.col-\[details\] {
  grid-column: details;
}
.col-\[input\] {
  grid-column: input;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-5 {
  grid-column-start: 5;
}
.col-start-6 {
  grid-column-start: 6;
}
.col-start-7 {
  grid-column-start: 7;
}
.col-end-2 {
  grid-column-end: 2;
}
.row-\[details\] {
  grid-row: details;
}
.row-\[input\] {
  grid-row: input;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.-m-4 {
  margin: -1rem;
}
.-m-5 {
  margin: -1.25rem;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-10 {
  margin: 2.5rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-auto {
  margin: auto;
}
.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!ml-1 {
  margin-left: 0.25rem !important;
}
.-mb-px {
  margin-bottom: -1px;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.-ml-5 {
  margin-left: -1.25rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mt-1 {
  margin-top: -0.25rem;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-px {
  margin-top: -1px;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-12 {
  margin-bottom: 3rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-1\.5 {
  margin-left: 0.375rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-4px\] {
  margin-top: -4px;
}
.box-border {
  box-sizing: border-box;
}
.box-content {
  box-sizing: content-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-144 {
  height: 36rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-4\/6 {
  height: 66.666667%;
}
.h-40 {
  height: 10rem;
}
.h-44 {
  height: 11rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[1\.2em\] {
  height: 1.2em;
}
.h-\[135px\] {
  height: 135px;
}
.h-\[198px\] {
  height: 198px;
}
.h-\[2000px\] {
  height: 2000px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[45vh\] {
  height: 45vh;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[55vh\] {
  height: 55vh;
}
.h-\[560px\] {
  height: 560px;
}
.h-\[650px\] {
  height: 650px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[95\%\] {
  height: 95%;
}
.h-\[calc\(100\%-50px\)\] {
  height: calc(100% - 50px);
}
.h-control {
  height: 36px;
}
.h-fit {
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-min {
  height: -moz-min-content;
  height: -webkit-min-content;
  height: min-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-144 {
  max-height: 36rem;
}
.max-h-20 {
  max-height: 5rem;
}
.max-h-24 {
  max-height: 6rem;
}
.max-h-28 {
  max-height: 7rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-80 {
  max-height: 20rem;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[410px\] {
  max-height: 410px;
}
.max-h-\[550px\] {
  max-height: 550px;
}
.max-h-\[600px\] {
  max-height: 600px;
}
.max-h-\[75vh\] {
  max-height: 75vh;
}
.max-h-\[calc\(75vh-129px\)\] {
  max-height: calc(75vh - 129px);
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[210px\] {
  min-height: 210px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[400px\] {
  min-height: 400px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-min {
  min-height: -moz-min-content;
  min-height: -webkit-min-content;
  min-height: min-content;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-10 {
  width: 2.5rem;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-144 {
  width: 36rem;
}
.w-16 {
  width: 4rem;
}
.w-192 {
  width: 48rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/12 {
  width: 16.666667%;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-2\/4 {
  width: 50%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/12 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-4\/5 {
  width: 80%;
}
.w-4\/6 {
  width: 66.666667%;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/12 {
  width: 41.666667%;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-6\/12 {
  width: 50%;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-8\/12 {
  width: 66.666667%;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-9\/12 {
  width: 75%;
}
.w-96 {
  width: 24rem;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[208px\] {
  width: 208px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[380px\] {
  width: 380px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[420px\] {
  width: 420px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[520px\] {
  width: 520px;
}
.w-\[700px\] {
  width: 700px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[85\%\] {
  width: 85%;
}
.w-\[calc\(100\%-192px\)\] {
  width: calc(100% - 192px);
}
.w-centered-content {
  width: 900px;
}
.w-fit {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
}
.w-min {
  width: -moz-min-content;
  width: -webkit-min-content;
  width: min-content;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-128 {
  min-width: 32rem;
}
.min-w-192 {
  min-width: 48rem;
}
.min-w-64 {
  min-width: 16rem;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[20px\] {
  min-width: 20px;
}
.min-w-\[340px\] {
  min-width: 340px;
}
.min-w-\[400px\] {
  min-width: 400px;
}
.min-w-\[50\%\] {
  min-width: 50%;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[59px\] {
  min-width: 59px;
}
.min-w-\[60\%\] {
  min-width: 60%;
}
.min-w-\[75\%\] {
  min-width: 75%;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: -webkit-fit-content;
  min-width: fit-content;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: -webkit-max-content;
  min-width: max-content;
}
.min-w-min {
  min-width: -moz-min-content;
  min-width: -webkit-min-content;
  min-width: min-content;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[30vw\] {
  max-width: 30vw;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: -webkit-fit-content;
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: -webkit-max-content;
  max-width: max-content;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-min {
  max-width: -moz-min-content;
  max-width: -webkit-min-content;
  max-width: min-content;
}
.max-w-prose {
  max-width: 65ch;
}
.max-w-screen-2xl {
  max-width: 1536px;
}
.max-w-screen-lg {
  max-width: 1024px;
}
.max-w-screen-md {
  max-width: 768px;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xl {
  max-width: 36rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-grow-0 {
  flex-grow: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.grow-\[2\] {
  flex-grow: 2;
}
.basis-full {
  flex-basis: 100%;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.-translate-x-0 {
  --tw-translate-x: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-0\.5 {
  --tw-translate-x: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-14 {
  --tw-translate-x: -3.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-2 {
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-6 {
  --tw-translate-x: -1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0 {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-0\.5 {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-3 {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[calc\(100\%_\+_2rem_\+_4px\)\] {
  --tw-translate-y: calc(calc(100% + 2rem + 4px) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-14 {
  --tw-translate-x: 3.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-2 {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-6 {
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0\.5 {
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3 {
  --tw-translate-y: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-px {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[dropIn_0\.1s_ease-out\] {
  animation: dropIn 0.1s ease-out;
}
.animate-\[fadeIn_200ms_200ms_ease-in-out_forwards\] {
  animation: fadeIn 200ms 200ms ease-in-out forwards;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-default {
  cursor: default;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}
.cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.cursor-x-resize {
  cursor: ew-resize;
}
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.scroll-pb-2 {
  scroll-padding-bottom: 0.5rem;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.grid-flow-row {
  grid-auto-flow: row;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.auto-rows-auto {
  grid-auto-rows: auto;
}
.auto-rows-max {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-\[1fr_1fr_min-content\] {
  grid-template-columns: 1fr 1fr -webkit-min-content;
  grid-template-columns: 1fr 1fr min-content;
}
.grid-cols-\[20px_1fr\] {
  grid-template-columns: 20px 1fr;
}
.grid-cols-\[2fr_4fr\] {
  grid-template-columns: 2fr 4fr;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_minmax\(0\,_1fr\)\] {
  grid-template-columns: auto minmax(0, 1fr);
}
.grid-cols-\[minmax\(max-content\,_150px\)_1fr\] {
  grid-template-columns: minmax(-webkit-max-content, 150px) 1fr;
  grid-template-columns: minmax(max-content, 150px) 1fr;
}
.grid-cols-\[minmax\(max-content\,_200px\)_1fr\] {
  grid-template-columns: minmax(-webkit-max-content, 200px) 1fr;
  grid-template-columns: minmax(max-content, 200px) 1fr;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-\[repeat\(17\,_min-content\)\] {
  grid-template-rows: repeat(17, -webkit-min-content);
  grid-template-rows: repeat(17, min-content);
}
.grid-rows-auto {
  grid-template-rows: auto;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.place-content-center {
  place-content: center;
}
.place-content-evenly {
  place-content: space-evenly;
}
.place-items-end {
  place-items: end;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.content-around {
  align-content: space-around;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-start {
  justify-items: start;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-0 {
  -moz-column-gap: 0px;
  column-gap: 0px;
}
.gap-x-0\.5 {
  -moz-column-gap: 0.125rem;
  column-gap: 0.125rem;
}
.gap-x-1 {
  -moz-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
.gap-x-2 {
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.gap-x-3 {
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
.gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.gap-x-8 {
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}
.gap-y-0 {
  row-gap: 0px;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.125rem * var(--tw-space-x-reverse));
  margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-14 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(4px * var(--tw-divide-x-reverse));
  border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
  border-style: dashed;
}
.divide-faint-dark > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(20 20 26 / var(--tw-divide-opacity));
}
.divide-faint-light > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-divide-opacity));
}
.divide-normal-dark > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-divide-opacity));
}
.divide-normal-light > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-divide-opacity));
}
.divide-overlay-dark > :not([hidden]) ~ :not([hidden]) {
  border-color: #ffffff26;
}
.divide-overlay-light > :not([hidden]) ~ :not([hidden]) {
  border-color: #00000026;
}
.place-self-center {
  place-self: center;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.\!whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-medium {
  border-radius: 5px;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-br {
  border-bottom-right-radius: 0.25rem;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-y-\[1\.5px\] {
  border-top-width: 1.5px;
  border-bottom-width: 1.5px;
}
.\!border-b {
  border-bottom-width: 1px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-\[16px\] {
  border-top-width: 16px;
}
.border-t-\[5px\] {
  border-top-width: 5px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.border-dotted {
  border-style: dotted;
}
.border-none {
  border-style: none;
}
.border-destructive-dark {
  --tw-border-opacity: 1;
  border-color: rgb(249 88 93 / var(--tw-border-opacity));
}
.border-destructive-light {
  --tw-border-opacity: 1;
  border-color: rgb(232 18 26 / var(--tw-border-opacity));
}
.border-faint-dark {
  --tw-border-opacity: 1;
  border-color: rgb(20 20 26 / var(--tw-border-opacity));
}
.border-faint-light {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
.border-focused-dark {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.border-focused-light {
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
}
.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(118 118 118 / var(--tw-border-opacity));
}
.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(51 153 51 / var(--tw-border-opacity));
}
.border-informational-dark {
  --tw-border-opacity: 1;
  border-color: rgb(157 193 253 / var(--tw-border-opacity));
}
.border-informational-light {
  --tw-border-opacity: 1;
  border-color: rgb(80 130 210 / var(--tw-border-opacity));
}
.border-normal-dark {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.border-normal-light {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-overlay-dark {
  border-color: #ffffff26;
}
.border-overlay-light {
  border-color: #00000026;
}
.border-positive-dark {
  --tw-border-opacity: 1;
  border-color: rgb(6 229 183 / var(--tw-border-opacity));
}
.border-positive-light {
  --tw-border-opacity: 1;
  border-color: rgb(27 142 103 / var(--tw-border-opacity));
}
.border-transparent {
  border-color: transparent;
}
.border-tutorial-highlight-dark {
  border-color: B15AF2;
}
.border-tutorial-highlight-light {
  --tw-border-opacity: 1;
  border-color: rgb(133 50 194 / var(--tw-border-opacity));
}
.border-warning-dark {
  --tw-border-opacity: 1;
  border-color: rgb(255 204 0 / var(--tw-border-opacity));
}
.border-warning-light {
  --tw-border-opacity: 1;
  border-color: rgb(237 176 0 / var(--tw-border-opacity));
}
.bg-\[\#2D2C31\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.bg-\[\#7d9bff26\] {
  background-color: #7d9bff26;
}
.bg-active-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.bg-active-light {
  --tw-bg-opacity: 1;
  background-color: rgb(43 178 202 / var(--tw-bg-opacity));
}
.bg-attic-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.bg-attic-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-basement-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.bg-basement-light {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-black\/5 {
  background-color: rgb(0 0 0 / 0.05);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 140 243 / var(--tw-bg-opacity));
}
.bg-button-destructive-hover-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(250 148 151 / var(--tw-bg-opacity));
}
.bg-button-destructive-hover-light {
  --tw-bg-opacity: 1;
  background-color: rgb(232 18 26 / var(--tw-bg-opacity));
}
.bg-button-destructive-pressed-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(249 88 93 / var(--tw-bg-opacity));
}
.bg-button-destructive-pressed-light {
  --tw-bg-opacity: 1;
  background-color: rgb(184 14 20 / var(--tw-bg-opacity));
}
.bg-button-normal-hover-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(99 100 110 / var(--tw-bg-opacity));
}
.bg-button-normal-hover-light {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
.bg-button-normal-idle-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(78 79 90 / var(--tw-bg-opacity));
}
.bg-button-normal-idle-light {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
.bg-button-normal-pressed-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 72 / var(--tw-bg-opacity));
}
.bg-button-normal-pressed-light {
  --tw-bg-opacity: 1;
  background-color: rgb(173 173 173 / var(--tw-bg-opacity));
}
.bg-button-primary-hover-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(225 236 254 / var(--tw-bg-opacity));
}
.bg-button-primary-hover-light {
  --tw-bg-opacity: 1;
  background-color: rgb(22 128 147 / var(--tw-bg-opacity));
}
.bg-button-primary-idle-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(200 220 254 / var(--tw-bg-opacity));
}
.bg-button-primary-idle-light {
  --tw-bg-opacity: 1;
  background-color: rgb(3 102 120 / var(--tw-bg-opacity));
}
.bg-button-primary-pressed-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(125 155 255 / var(--tw-bg-opacity));
}
.bg-button-primary-pressed-light {
  --tw-bg-opacity: 1;
  background-color: rgb(2 85 100 / var(--tw-bg-opacity));
}
.bg-button-toggle-pressed-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(51 78 158 / var(--tw-bg-opacity));
}
.bg-button-toggle-pressed-light {
  --tw-bg-opacity: 1;
  background-color: rgb(195 231 238 / var(--tw-bg-opacity));
}
.bg-disabled-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(34 33 37 / var(--tw-bg-opacity));
}
.bg-disabled-light {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-distribution-chart-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.bg-distribution-chart-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 237 237 / var(--tw-bg-opacity));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(118 118 118 / var(--tw-bg-opacity));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(141 226 141 / var(--tw-bg-opacity));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(61 184 61 / var(--tw-bg-opacity));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 153 51 / var(--tw-bg-opacity));
}
.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(41 122 41 / var(--tw-bg-opacity));
}
.bg-ground-floor-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
}
.bg-ground-floor-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-inner-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.bg-inner-light {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
.bg-list-group-header-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(52 51 55 / var(--tw-bg-opacity));
}
.bg-list-group-header-light {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-mezzanine {
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity));
}
.bg-mezzanine-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.bg-mezzanine-light {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.bg-peach-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 115 70 / var(--tw-bg-opacity));
}
.bg-positive-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(6 229 183 / var(--tw-bg-opacity));
}
.bg-positive-light {
  --tw-bg-opacity: 1;
  background-color: rgb(27 142 103 / var(--tw-bg-opacity));
}
.bg-red-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 141 131 / var(--tw-bg-opacity));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 68 53 / var(--tw-bg-opacity));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(194 50 36 / var(--tw-bg-opacity));
}
.bg-toggle-disabled-dark {
  background-color: #0000002e;
}
.bg-toggle-disabled-light {
  background-color: #00000033;
}
.bg-toggle-off-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(119 121 143 / var(--tw-bg-opacity));
}
.bg-toggle-off-light {
  --tw-bg-opacity: 1;
  background-color: rgb(148 148 148 / var(--tw-bg-opacity));
}
.bg-toolbar-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.bg-toolbar-light {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-top-floor-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 44 / var(--tw-bg-opacity));
}
.bg-top-floor-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-ultramarine-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.bg-ultramarine-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
}
.bg-ultramarine-900\/\[\.6\] {
  background-color: rgb(19 33 78 / .6);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-yellow-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 194 / var(--tw-bg-opacity));
}
.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 195 32 / var(--tw-bg-opacity));
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.bg-overlay-active-dark {
  background-image: linear-gradient(#ffffff1a, #ffffff1a);
}
.bg-overlay-active-light {
  background-image: linear-gradient(#00000014, #00000014);
}
.bg-overlay-hover-dark {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.bg-overlay-hover-light {
  background-image: linear-gradient(#0000000a, #0000000a);
}
.bg-overlay-selected-dark {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.bg-overlay-selected-light {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.bg-overlay-static-dark {
  background-image: linear-gradient(#ffffff26, #ffffff26);
}
.bg-overlay-static-inverted-dark {
  background-image: linear-gradient(#00000026, #00000026);
}
.bg-overlay-static-inverted-light {
  background-image: linear-gradient(#ffffff26, #ffffff26);
}
.bg-overlay-static-light {
  background-image: linear-gradient(#00000026, #00000026);
}
.from-active-dark {
  --tw-gradient-from: #456ce3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 108 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-active-light {
  --tw-gradient-from: #2bb2ca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(43 178 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-attic-dark {
  --tw-gradient-from: #2D2C31 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-attic-light {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-basement-dark {
  --tw-gradient-from: #131217 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-basement-light {
  --tw-gradient-from: #ebebeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-destructive-hover-dark {
  --tw-gradient-from: #fa9497 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 148 151 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-destructive-hover-light {
  --tw-gradient-from: #e8121a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 18 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-destructive-pressed-dark {
  --tw-gradient-from: #f9585d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 88 93 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-destructive-pressed-light {
  --tw-gradient-from: #b80e14 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(184 14 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-normal-hover-dark {
  --tw-gradient-from: #63646e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 100 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-normal-hover-light {
  --tw-gradient-from: #e8e8e8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 232 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-normal-idle-dark {
  --tw-gradient-from: #4e4f5a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(78 79 90 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-normal-idle-light {
  --tw-gradient-from: #e0e0e0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 224 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-normal-pressed-dark {
  --tw-gradient-from: #3d3d48 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(61 61 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-normal-pressed-light {
  --tw-gradient-from: #adadad var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 173 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-primary-hover-dark {
  --tw-gradient-from: #e1ecfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(225 236 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-primary-hover-light {
  --tw-gradient-from: #168093 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 128 147 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-primary-idle-dark {
  --tw-gradient-from: #c8dcfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(200 220 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-primary-idle-light {
  --tw-gradient-from: #036678 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 102 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-primary-pressed-dark {
  --tw-gradient-from: #7d9bff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(125 155 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-primary-pressed-light {
  --tw-gradient-from: #025564 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 85 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-toggle-pressed-dark {
  --tw-gradient-from: #334e9e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 78 158 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-button-toggle-pressed-light {
  --tw-gradient-from: #c3e7ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 231 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-disabled-dark {
  --tw-gradient-from: #222125 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 33 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-disabled-light {
  --tw-gradient-from: #f2f2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-distribution-chart-dark {
  --tw-gradient-from: #131217 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-distribution-chart-light {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-200 {
  --tw-gradient-from: #E0E0E0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 224 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-green-400 {
  --tw-gradient-from: #66CC66 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(102 204 102 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-ground-floor-dark {
  --tw-gradient-from: #1D1C21 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 28 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-ground-floor-light {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-inner-dark {
  --tw-gradient-from: #131217 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-inner-light {
  --tw-gradient-from: #ebebeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-list-group-header-dark {
  --tw-gradient-from: #343337 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 51 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-list-group-header-light {
  --tw-gradient-from: #f9f9f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-mezzanine {
  --tw-gradient-from: #212121 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(33 33 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-mezzanine-dark {
  --tw-gradient-from: #242424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-mezzanine-light {
  --tw-gradient-from: #242424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-positive-dark {
  --tw-gradient-from: #06e5b7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 229 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-positive-light {
  --tw-gradient-from: #1b8e67 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(27 142 103 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-toggle-disabled-dark {
  --tw-gradient-from: #0000002e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-toggle-disabled-light {
  --tw-gradient-from: #00000033 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-toggle-off-dark {
  --tw-gradient-from: #77798f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 121 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-toggle-off-light {
  --tw-gradient-from: #949494 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(148 148 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-toolbar-dark {
  --tw-gradient-from: #2D2C31 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-toolbar-light {
  --tw-gradient-from: #f9f9f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-top-floor-dark {
  --tw-gradient-from: #27262C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 38 44 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-top-floor-light {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-active-dark {
  --tw-gradient-to: rgb(69 108 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #456ce3 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-active-light {
  --tw-gradient-to: rgb(43 178 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #2bb2ca var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-attic-dark {
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #2D2C31 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-attic-light {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-basement-dark {
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #131217 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-basement-light {
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ebebeb var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-destructive-hover-dark {
  --tw-gradient-to: rgb(250 148 151 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #fa9497 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-destructive-hover-light {
  --tw-gradient-to: rgb(232 18 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e8121a var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-destructive-pressed-dark {
  --tw-gradient-to: rgb(249 88 93 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f9585d var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-destructive-pressed-light {
  --tw-gradient-to: rgb(184 14 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #b80e14 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-normal-hover-dark {
  --tw-gradient-to: rgb(99 100 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #63646e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-normal-hover-light {
  --tw-gradient-to: rgb(232 232 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e8e8e8 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-normal-idle-dark {
  --tw-gradient-to: rgb(78 79 90 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #4e4f5a var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-normal-idle-light {
  --tw-gradient-to: rgb(224 224 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e0e0e0 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-normal-pressed-dark {
  --tw-gradient-to: rgb(61 61 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #3d3d48 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-normal-pressed-light {
  --tw-gradient-to: rgb(173 173 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #adadad var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-primary-hover-dark {
  --tw-gradient-to: rgb(225 236 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e1ecfe var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-primary-hover-light {
  --tw-gradient-to: rgb(22 128 147 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #168093 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-primary-idle-dark {
  --tw-gradient-to: rgb(200 220 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #c8dcfe var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-primary-idle-light {
  --tw-gradient-to: rgb(3 102 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #036678 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-primary-pressed-dark {
  --tw-gradient-to: rgb(125 155 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #7d9bff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-primary-pressed-light {
  --tw-gradient-to: rgb(2 85 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #025564 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-toggle-pressed-dark {
  --tw-gradient-to: rgb(51 78 158 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #334e9e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-button-toggle-pressed-light {
  --tw-gradient-to: rgb(195 231 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #c3e7ee var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-disabled-dark {
  --tw-gradient-to: rgb(34 33 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #222125 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-disabled-light {
  --tw-gradient-to: rgb(242 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f2f2f2 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-distribution-chart-dark {
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #131217 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-distribution-chart-light {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-ground-floor-dark {
  --tw-gradient-to: rgb(29 28 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #1D1C21 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-ground-floor-light {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-inner-dark {
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #131217 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-inner-light {
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ebebeb var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-list-group-header-dark {
  --tw-gradient-to: rgb(52 51 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #343337 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-list-group-header-light {
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f9f9f9 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-mezzanine {
  --tw-gradient-to: rgb(33 33 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #212121 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-mezzanine-dark {
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #242424 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-mezzanine-light {
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #242424 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-positive-dark {
  --tw-gradient-to: rgb(6 229 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #06e5b7 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-positive-light {
  --tw-gradient-to: rgb(27 142 103 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #1b8e67 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-toggle-disabled-dark {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #0000002e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-toggle-disabled-light {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #00000033 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-toggle-off-dark {
  --tw-gradient-to: rgb(119 121 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #77798f var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-toggle-off-light {
  --tw-gradient-to: rgb(148 148 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #949494 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-toolbar-dark {
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #2D2C31 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-toolbar-light {
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f9f9f9 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-top-floor-dark {
  --tw-gradient-to: rgb(39 38 44 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #27262C var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-top-floor-light {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.to-active-dark {
  --tw-gradient-to: #456ce3 var(--tw-gradient-to-position);
}
.to-active-light {
  --tw-gradient-to: #2bb2ca var(--tw-gradient-to-position);
}
.to-attic-dark {
  --tw-gradient-to: #2D2C31 var(--tw-gradient-to-position);
}
.to-attic-light {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-basement-dark {
  --tw-gradient-to: #131217 var(--tw-gradient-to-position);
}
.to-basement-light {
  --tw-gradient-to: #ebebeb var(--tw-gradient-to-position);
}
.to-button-destructive-hover-dark {
  --tw-gradient-to: #fa9497 var(--tw-gradient-to-position);
}
.to-button-destructive-hover-light {
  --tw-gradient-to: #e8121a var(--tw-gradient-to-position);
}
.to-button-destructive-pressed-dark {
  --tw-gradient-to: #f9585d var(--tw-gradient-to-position);
}
.to-button-destructive-pressed-light {
  --tw-gradient-to: #b80e14 var(--tw-gradient-to-position);
}
.to-button-normal-hover-dark {
  --tw-gradient-to: #63646e var(--tw-gradient-to-position);
}
.to-button-normal-hover-light {
  --tw-gradient-to: #e8e8e8 var(--tw-gradient-to-position);
}
.to-button-normal-idle-dark {
  --tw-gradient-to: #4e4f5a var(--tw-gradient-to-position);
}
.to-button-normal-idle-light {
  --tw-gradient-to: #e0e0e0 var(--tw-gradient-to-position);
}
.to-button-normal-pressed-dark {
  --tw-gradient-to: #3d3d48 var(--tw-gradient-to-position);
}
.to-button-normal-pressed-light {
  --tw-gradient-to: #adadad var(--tw-gradient-to-position);
}
.to-button-primary-hover-dark {
  --tw-gradient-to: #e1ecfe var(--tw-gradient-to-position);
}
.to-button-primary-hover-light {
  --tw-gradient-to: #168093 var(--tw-gradient-to-position);
}
.to-button-primary-idle-dark {
  --tw-gradient-to: #c8dcfe var(--tw-gradient-to-position);
}
.to-button-primary-idle-light {
  --tw-gradient-to: #036678 var(--tw-gradient-to-position);
}
.to-button-primary-pressed-dark {
  --tw-gradient-to: #7d9bff var(--tw-gradient-to-position);
}
.to-button-primary-pressed-light {
  --tw-gradient-to: #025564 var(--tw-gradient-to-position);
}
.to-button-toggle-pressed-dark {
  --tw-gradient-to: #334e9e var(--tw-gradient-to-position);
}
.to-button-toggle-pressed-light {
  --tw-gradient-to: #c3e7ee var(--tw-gradient-to-position);
}
.to-disabled-dark {
  --tw-gradient-to: #222125 var(--tw-gradient-to-position);
}
.to-disabled-light {
  --tw-gradient-to: #f2f2f2 var(--tw-gradient-to-position);
}
.to-distribution-chart-dark {
  --tw-gradient-to: #131217 var(--tw-gradient-to-position);
}
.to-distribution-chart-light {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-green-400 {
  --tw-gradient-to: #66CC66 var(--tw-gradient-to-position);
}
.to-green-500 {
  --tw-gradient-to: #3DB83D var(--tw-gradient-to-position);
}
.to-ground-floor-dark {
  --tw-gradient-to: #1D1C21 var(--tw-gradient-to-position);
}
.to-ground-floor-light {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-inner-dark {
  --tw-gradient-to: #131217 var(--tw-gradient-to-position);
}
.to-inner-light {
  --tw-gradient-to: #ebebeb var(--tw-gradient-to-position);
}
.to-list-group-header-dark {
  --tw-gradient-to: #343337 var(--tw-gradient-to-position);
}
.to-list-group-header-light {
  --tw-gradient-to: #f9f9f9 var(--tw-gradient-to-position);
}
.to-mezzanine {
  --tw-gradient-to: #212121 var(--tw-gradient-to-position);
}
.to-mezzanine-dark {
  --tw-gradient-to: #242424 var(--tw-gradient-to-position);
}
.to-mezzanine-light {
  --tw-gradient-to: #242424 var(--tw-gradient-to-position);
}
.to-positive-dark {
  --tw-gradient-to: #06e5b7 var(--tw-gradient-to-position);
}
.to-positive-light {
  --tw-gradient-to: #1b8e67 var(--tw-gradient-to-position);
}
.to-toggle-disabled-dark {
  --tw-gradient-to: #0000002e var(--tw-gradient-to-position);
}
.to-toggle-disabled-light {
  --tw-gradient-to: #00000033 var(--tw-gradient-to-position);
}
.to-toggle-off-dark {
  --tw-gradient-to: #77798f var(--tw-gradient-to-position);
}
.to-toggle-off-light {
  --tw-gradient-to: #949494 var(--tw-gradient-to-position);
}
.to-toolbar-dark {
  --tw-gradient-to: #2D2C31 var(--tw-gradient-to-position);
}
.to-toolbar-light {
  --tw-gradient-to: #f9f9f9 var(--tw-gradient-to-position);
}
.to-top-floor-dark {
  --tw-gradient-to: #27262C var(--tw-gradient-to-position);
}
.to-top-floor-light {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.fill-active-dark {
  fill: #456ce3;
}
.fill-active-light {
  fill: #2bb2ca;
}
.fill-attic-dark {
  fill: #2D2C31;
}
.fill-attic-light {
  fill: #ffffff;
}
.fill-basement-dark {
  fill: #131217;
}
.fill-basement-light {
  fill: #ebebeb;
}
.fill-button-destructive-hover-dark {
  fill: #fa9497;
}
.fill-button-destructive-hover-light {
  fill: #e8121a;
}
.fill-button-destructive-pressed-dark {
  fill: #f9585d;
}
.fill-button-destructive-pressed-light {
  fill: #b80e14;
}
.fill-button-normal-hover-dark {
  fill: #63646e;
}
.fill-button-normal-hover-light {
  fill: #e8e8e8;
}
.fill-button-normal-idle-dark {
  fill: #4e4f5a;
}
.fill-button-normal-idle-light {
  fill: #e0e0e0;
}
.fill-button-normal-pressed-dark {
  fill: #3d3d48;
}
.fill-button-normal-pressed-light {
  fill: #adadad;
}
.fill-button-primary-hover-dark {
  fill: #e1ecfe;
}
.fill-button-primary-hover-light {
  fill: #168093;
}
.fill-button-primary-idle-dark {
  fill: #c8dcfe;
}
.fill-button-primary-idle-light {
  fill: #036678;
}
.fill-button-primary-pressed-dark {
  fill: #7d9bff;
}
.fill-button-primary-pressed-light {
  fill: #025564;
}
.fill-button-toggle-pressed-dark {
  fill: #334e9e;
}
.fill-button-toggle-pressed-light {
  fill: #c3e7ee;
}
.fill-disabled-dark {
  fill: #222125;
}
.fill-disabled-light {
  fill: #f2f2f2;
}
.fill-distribution-chart-dark {
  fill: #131217;
}
.fill-distribution-chart-light {
  fill: #ffffff;
}
.fill-ground-floor-dark {
  fill: #1D1C21;
}
.fill-ground-floor-light {
  fill: #ffffff;
}
.fill-inner-dark {
  fill: #131217;
}
.fill-inner-light {
  fill: #ebebeb;
}
.fill-list-group-header-dark {
  fill: #343337;
}
.fill-list-group-header-light {
  fill: #f9f9f9;
}
.fill-mezzanine {
  fill: #212121;
}
.fill-mezzanine-dark {
  fill: #242424;
}
.fill-mezzanine-light {
  fill: #242424;
}
.fill-positive-dark {
  fill: #06e5b7;
}
.fill-positive-light {
  fill: #1b8e67;
}
.fill-toggle-disabled-dark {
  fill: #0000002e;
}
.fill-toggle-disabled-light {
  fill: #00000033;
}
.fill-toggle-off-dark {
  fill: #77798f;
}
.fill-toggle-off-light {
  fill: #949494;
}
.fill-toolbar-dark {
  fill: #2D2C31;
}
.fill-toolbar-light {
  fill: #f9f9f9;
}
.fill-top-floor-dark {
  fill: #27262C;
}
.fill-top-floor-light {
  fill: #ffffff;
}
.stroke-current {
  stroke: currentColor;
}
.stroke-destructive-dark {
  stroke: #f9585d;
}
.stroke-destructive-light {
  stroke: #e8121a;
}
.stroke-faint-dark {
  stroke: #14141a;
}
.stroke-faint-light {
  stroke: #eeeeee;
}
.stroke-focused-dark {
  stroke: #456ce3;
}
.stroke-focused-light {
  stroke: #2bb2ca;
}
.stroke-informational-dark {
  stroke: #9dc1fd;
}
.stroke-informational-light {
  stroke: #5082d2;
}
.stroke-normal-dark {
  stroke: #09090c;
}
.stroke-normal-light {
  stroke: #d9d9d9;
}
.stroke-overlay-dark {
  stroke: #ffffff26;
}
.stroke-overlay-light {
  stroke: #00000026;
}
.stroke-positive-dark {
  stroke: #06e5b7;
}
.stroke-positive-light {
  stroke: #1b8e67;
}
.stroke-tutorial-highlight-dark {
  stroke: B15AF2;
}
.stroke-tutorial-highlight-light {
  stroke: #8532C2;
}
.stroke-warning-dark {
  stroke: #ffcc00;
}
.stroke-warning-light {
  stroke: #edb000;
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.object-none {
  -o-object-fit: none;
  object-fit: none;
}
.object-center {
  -o-object-position: center;
  object-position: center;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-11 {
  padding: 2.75rem;
}
.p-12 {
  padding: 3rem;
}
.p-16 {
  padding: 4rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-20 {
  padding: 5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[30px\] {
  padding: 30px;
}
.p-px {
  padding: 1px;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-medium {
  padding-left: 7px;
  padding-right: 7px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-0\.5 {
  padding-bottom: 0.125rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-11 {
  padding-bottom: 2.75rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-24 {
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-7 {
  padding-bottom: 1.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-12 {
  padding-left: 3rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-9 {
  padding-left: 2.25rem;
}
.pl-\[3\.75rem\] {
  padding-left: 3.75rem;
}
.pl-\[5rem\] {
  padding-left: 5rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-0\.5 {
  padding-right: 0.125rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-12 {
  padding-top: 3rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[0\.05rem\] {
  padding-top: 0.05rem;
}
.pt-\[3px\] {
  padding-top: 3px;
}
.pt-\[45px\] {
  padding-top: 45px;
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.\!text-center {
  text-align: center !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.align-text-top {
  vertical-align: text-top;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.font-mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
.font-sans {
  font-family:
    "Inter var",
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[6px\] {
  font-size: 6px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-xxs {
  font-size: 10px;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-extralight {
  font-weight: 200;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.normal-case {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.not-italic {
  font-style: normal;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.text-body-and-labels-dark {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.text-body-and-labels-light {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
.text-button-destructive-dark {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.text-button-destructive-light {
  --tw-text-opacity: 1;
  color: rgb(232 18 26 / var(--tw-text-opacity));
}
.text-button-inverted-dark {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.text-button-inverted-light {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-button-normal-dark {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-button-normal-light {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.text-current {
  color: currentColor;
}
.text-destructive-dark {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.text-destructive-light {
  --tw-text-opacity: 1;
  color: rgb(232 18 26 / var(--tw-text-opacity));
}
.text-disabled-dark {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.text-disabled-light {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
.text-gray {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(201 201 201 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(61 184 61 / var(--tw-text-opacity));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(41 122 41 / var(--tw-text-opacity));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(29 104 29 / var(--tw-text-opacity));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(18 79 18 / var(--tw-text-opacity));
}
.text-link-dark {
  --tw-text-opacity: 1;
  color: rgb(179 195 255 / var(--tw-text-opacity));
}
.text-link-hover-dark {
  --tw-text-opacity: 1;
  color: rgb(225 236 254 / var(--tw-text-opacity));
}
.text-link-hover-light {
  --tw-text-opacity: 1;
  color: rgb(22 128 147 / var(--tw-text-opacity));
}
.text-link-light {
  --tw-text-opacity: 1;
  color: rgb(3 102 120 / var(--tw-text-opacity));
}
.text-peach-800 {
  --tw-text-opacity: 1;
  color: rgb(136 47 17 / var(--tw-text-opacity));
}
.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 141 131 / var(--tw-text-opacity));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(233 68 53 / var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(170 36 24 / var(--tw-text-opacity));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(134 19 23 / var(--tw-text-opacity));
}
.text-titles-and-attributes-dark {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.text-titles-and-attributes-light {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.text-transparent {
  color: transparent;
}
.text-ultramarine-100 {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity));
}
.text-ultramarine-400 {
  --tw-text-opacity: 1;
  color: rgb(94 128 237 / var(--tw-text-opacity));
}
.text-ultramarine-500 {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.text-ultramarine-900 {
  --tw-text-opacity: 1;
  color: rgb(19 33 78 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(249 195 32 / var(--tw-text-opacity));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(139 105 4 / var(--tw-text-opacity));
}
.text-opacity-60 {
  --tw-text-opacity: 0.6;
}
.\!underline {
  text-decoration-line: underline !important;
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-destructive-dark {
  text-decoration-color: #f9585d;
}
.decoration-destructive-light {
  text-decoration-color: #e9181f;
}
.decoration-warning-dark {
  text-decoration-color: #ffcc00;
}
.decoration-warning-light {
  text-decoration-color: #edb000;
}
.decoration-wavy {
  text-decoration-style: wavy;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl-dark {
  --tw-shadow: 0px 25px 50px 0px #0000009e;
  --tw-shadow-colored: 0px 25px 50px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl-light {
  --tw-shadow: 0px 0px 7px 0px #00000014, 0px 25px 50px 0px #00000026;
  --tw-shadow-colored: 0px 0px 7px 0px var(--tw-shadow-color), 0px 25px 50px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0_0_17px_\#00000033\] {
  --tw-shadow: 0 0 17px #00000033;
  --tw-shadow-colored: 0 0 17px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0_1px_5px_\#13274e\] {
  --tw-shadow: 0 1px 5px #13274e;
  --tw-shadow-colored: 0 1px 5px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0_1px_5px_\#d57107\] {
  --tw-shadow: 0 1px 5px #d57107;
  --tw-shadow-colored: 0 1px 5px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-base-dark {
  --tw-shadow: 0px 1px 2px 0px #00000075, 0px 1px 3px 0px #0000001a;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-base-light {
  --tw-shadow: 0px 0px 1px 0px #00000012, 0px 1px 2px 0px #00000026;
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-glow-active-dark {
  --tw-shadow:
    4px 0px 7px 0px #456ce366,
    -4px 0px 7px 0px #456ce366,
    0px 4px 7px 0px #456ce366,
    0px -4px 7px 0px #456ce366;
  --tw-shadow-colored:
    4px 0px 7px 0px var(--tw-shadow-color),
    -4px 0px 7px 0px var(--tw-shadow-color),
    0px 4px 7px 0px var(--tw-shadow-color),
    0px -4px 7px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-glow-active-light {
  --tw-shadow:
    4px 0px 7px 0px #2bb2ca4d,
    -4px 0px 7px 0px #2bb2ca4d,
    0px 4px 7px 0px #2bb2ca4d,
    0px -4px 7px 0px #2bb2ca4d;
  --tw-shadow-colored:
    4px 0px 7px 0px var(--tw-shadow-color),
    -4px 0px 7px 0px var(--tw-shadow-color),
    0px 4px 7px 0px var(--tw-shadow-color),
    0px -4px 7px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-lg-dark {
  --tw-shadow: inset 0px 2px 4px 0px #0000005c;
  --tw-shadow-colored: inset 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-lg-light {
  --tw-shadow: inset 0px 2px 5px 0px #00000017;
  --tw-shadow-colored: inset 0px 2px 5px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-md-dark {
  --tw-shadow: inset 0px 1px 2px 0px #00000040;
  --tw-shadow-colored: inset 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-md-light {
  --tw-shadow: inset 0px 2px 4px 0px #00000014;
  --tw-shadow-colored: inset 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-right-navigation-dark {
  --tw-shadow: inset -4px 0px 6px 0px #0000001a, inset -2px 4px 4px 0px #00000054;
  --tw-shadow-colored: inset -4px 0px 6px 0px var(--tw-shadow-color), inset -2px 4px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-right-navigation-light {
  --tw-shadow: inset 0px 0px 4px 0px #0000000f, inset -3px 0px 6px 0px #0000001a;
  --tw-shadow-colored: inset 0px 0px 4px 0px var(--tw-shadow-color), inset -3px 0px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-lg-dark {
  --tw-shadow: 0px 10px 15px 0px #0000004d, 0px 4px 6px 0px #00000026;
  --tw-shadow-colored: 0px 10px 15px 0px var(--tw-shadow-color), 0px 4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-lg-light {
  --tw-shadow: 0px 10px 15px 0px #00000014, 0px 0px 3px 0px #00000012;
  --tw-shadow-colored: 0px 10px 15px 0px var(--tw-shadow-color), 0px 0px 3px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md-dark {
  --tw-shadow: 0px 2px 4px 0px #00000054, 0px 4px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md-light {
  --tw-shadow: 0px 0px 4px 0px #0000000f, 0px 3px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color), 0px 3px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md-up-dark {
  --tw-shadow: 0px 2px 4px 0px #00000054, 0px -4px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px -4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md-up-light {
  --tw-shadow: 0px 0px 4px 0px #0000000f, 0px -3px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color), 0px -3px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl-dark {
  --tw-shadow: 0px 20px 25px 0px #0000004d, 0px 10px 10px 0px #0000001f;
  --tw-shadow-colored: 0px 20px 25px 0px var(--tw-shadow-color), 0px 10px 10px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl-light {
  --tw-shadow: 0px 20px 25px 0px #00000014, 0px 0px 4px 0px #00000014;
  --tw-shadow-colored: 0px 20px 25px 0px var(--tw-shadow-color), 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.outline-2 {
  outline-width: 2px;
}
.\!outline-offset-\[-1px\] {
  outline-offset: -1px !important;
}
.outline-offset-0 {
  outline-offset: 0px;
}
.outline-offset-\[-2px\] {
  outline-offset: -2px;
}
.outline-destructive-dark {
  outline-color: #f9585d;
}
.outline-destructive-light {
  outline-color: #e8121a;
}
.outline-faint-dark {
  outline-color: #14141a;
}
.outline-faint-light {
  outline-color: #eeeeee;
}
.outline-focused-dark {
  outline-color: #456ce3;
}
.outline-focused-light {
  outline-color: #2bb2ca;
}
.outline-informational-dark {
  outline-color: #9dc1fd;
}
.outline-informational-light {
  outline-color: #5082d2;
}
.outline-normal-dark {
  outline-color: #09090c;
}
.outline-normal-light {
  outline-color: #d9d9d9;
}
.outline-overlay-dark {
  outline-color: #ffffff26;
}
.outline-overlay-light {
  outline-color: #00000026;
}
.outline-positive-dark {
  outline-color: #06e5b7;
}
.outline-positive-light {
  outline-color: #1b8e67;
}
.outline-tutorial-highlight-dark {
  outline-color: B15AF2;
}
.outline-tutorial-highlight-light {
  outline-color: #8532C2;
}
.outline-warning-dark {
  outline-color: #ffcc00;
}
.outline-warning-light {
  outline-color: #edb000;
}
.ring-inset {
  --tw-ring-inset: inset;
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-max-h-and-spacing {
  transition-property:
    max-height,
    margin,
    padding;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.icon-deemphasized-dark {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.icon-deemphasized-light {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
.icon-destructive-dark {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.icon-destructive-light {
  --tw-text-opacity: 1;
  color: rgb(233 24 31 / var(--tw-text-opacity));
}
.icon-disabled-dark {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.icon-disabled-light {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
.icon-focused-dark {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.icon-focused-light {
  --tw-text-opacity: 1;
  color: rgb(43 178 202 / var(--tw-text-opacity));
}
.icon-informational-dark {
  --tw-text-opacity: 1;
  color: rgb(157 193 253 / var(--tw-text-opacity));
}
.icon-informational-light {
  --tw-text-opacity: 1;
  color: rgb(80 130 210 / var(--tw-text-opacity));
}
.icon-inverted-dark {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.icon-inverted-light {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.icon-normal-dark {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.icon-normal-light {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.icon-positive-dark {
  --tw-text-opacity: 1;
  color: rgb(6 229 183 / var(--tw-text-opacity));
}
.icon-positive-light {
  --tw-text-opacity: 1;
  color: rgb(27 142 103 / var(--tw-text-opacity));
}
.icon-warning-dark {
  --tw-text-opacity: 1;
  color: rgb(255 204 0 / var(--tw-text-opacity));
}
.icon-warning-light {
  --tw-text-opacity: 1;
  color: rgb(237 176 0 / var(--tw-text-opacity));
}
.bg-basement {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
:is(.dark .bg-basement) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.fill-basement {
  fill: #ebebeb;
}
:is(.dark .fill-basement) {
  fill: #131217;
}
.from-basement {
  --tw-gradient-from: #ebebeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-basement) {
  --tw-gradient-from: #131217 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-basement {
  --tw-gradient-to: #ebebeb var(--tw-gradient-to-position);
}
:is(.dark .to-basement) {
  --tw-gradient-to: #131217 var(--tw-gradient-to-position);
}
.via-basement {
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ebebeb var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-basement) {
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #131217 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.\!bg-ground-floor {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .\!bg-ground-floor) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
}
.bg-ground-floor {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .bg-ground-floor) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
}
.fill-ground-floor {
  fill: #ffffff;
}
:is(.dark .fill-ground-floor) {
  fill: #1D1C21;
}
.from-ground-floor {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-ground-floor) {
  --tw-gradient-from: #1D1C21 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 28 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-ground-floor {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
:is(.dark .to-ground-floor) {
  --tw-gradient-to: #1D1C21 var(--tw-gradient-to-position);
}
.via-ground-floor {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-ground-floor) {
  --tw-gradient-to: rgb(29 28 33 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #1D1C21 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-top-floor {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .bg-top-floor) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 44 / var(--tw-bg-opacity));
}
.fill-top-floor {
  fill: #ffffff;
}
:is(.dark .fill-top-floor) {
  fill: #27262C;
}
.from-top-floor {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-top-floor) {
  --tw-gradient-from: #27262C var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 38 44 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-top-floor {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
:is(.dark .to-top-floor) {
  --tw-gradient-to: #27262C var(--tw-gradient-to-position);
}
.via-top-floor {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-top-floor) {
  --tw-gradient-to: rgb(39 38 44 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #27262C var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-attic {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .bg-attic) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.fill-attic {
  fill: #ffffff;
}
:is(.dark .fill-attic) {
  fill: #2D2C31;
}
.from-attic {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-attic) {
  --tw-gradient-from: #2D2C31 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-attic {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
:is(.dark .to-attic) {
  --tw-gradient-to: #2D2C31 var(--tw-gradient-to-position);
}
.via-attic {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-attic) {
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #2D2C31 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-mezzanine {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
:is(.dark .bg-mezzanine) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.fill-mezzanine {
  fill: #242424;
}
:is(.dark .fill-mezzanine) {
  fill: #242424;
}
.from-mezzanine {
  --tw-gradient-from: #242424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-mezzanine) {
  --tw-gradient-from: #242424 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-mezzanine {
  --tw-gradient-to: #242424 var(--tw-gradient-to-position);
}
:is(.dark .to-mezzanine) {
  --tw-gradient-to: #242424 var(--tw-gradient-to-position);
}
.via-mezzanine {
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #242424 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-mezzanine) {
  --tw-gradient-to: rgb(36 36 36 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #242424 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.\!bg-toolbar {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
:is(.dark .\!bg-toolbar) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.bg-toolbar {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
:is(.dark .bg-toolbar) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.fill-toolbar {
  fill: #f9f9f9;
}
:is(.dark .fill-toolbar) {
  fill: #2D2C31;
}
.from-toolbar {
  --tw-gradient-from: #f9f9f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-toolbar) {
  --tw-gradient-from: #2D2C31 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-toolbar {
  --tw-gradient-to: #f9f9f9 var(--tw-gradient-to-position);
}
:is(.dark .to-toolbar) {
  --tw-gradient-to: #2D2C31 var(--tw-gradient-to-position);
}
.via-toolbar {
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f9f9f9 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-toolbar) {
  --tw-gradient-to: rgb(45 44 49 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #2D2C31 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-inner {
  --tw-bg-opacity: 1;
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
}
:is(.dark .bg-inner) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.fill-inner {
  fill: #ebebeb;
}
:is(.dark .fill-inner) {
  fill: #131217;
}
.from-inner {
  --tw-gradient-from: #ebebeb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-inner) {
  --tw-gradient-from: #131217 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-inner {
  --tw-gradient-to: #ebebeb var(--tw-gradient-to-position);
}
:is(.dark .to-inner) {
  --tw-gradient-to: #131217 var(--tw-gradient-to-position);
}
.via-inner {
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ebebeb var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-inner) {
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #131217 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-distribution-chart {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .bg-distribution-chart) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 18 23 / var(--tw-bg-opacity));
}
.fill-distribution-chart {
  fill: #ffffff;
}
:is(.dark .fill-distribution-chart) {
  fill: #131217;
}
.from-distribution-chart {
  --tw-gradient-from: #ffffff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-distribution-chart) {
  --tw-gradient-from: #131217 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-distribution-chart {
  --tw-gradient-to: #ffffff var(--tw-gradient-to-position);
}
:is(.dark .to-distribution-chart) {
  --tw-gradient-to: #131217 var(--tw-gradient-to-position);
}
.via-distribution-chart {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #ffffff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-distribution-chart) {
  --tw-gradient-to: rgb(19 18 23 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #131217 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
:is(.dark .bg-disabled) {
  --tw-bg-opacity: 1;
  background-color: rgb(34 33 37 / var(--tw-bg-opacity));
}
.fill-disabled {
  fill: #f2f2f2;
}
:is(.dark .fill-disabled) {
  fill: #222125;
}
.from-disabled {
  --tw-gradient-from: #f2f2f2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(242 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-disabled) {
  --tw-gradient-from: #222125 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 33 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-disabled {
  --tw-gradient-to: #f2f2f2 var(--tw-gradient-to-position);
}
:is(.dark .to-disabled) {
  --tw-gradient-to: #222125 var(--tw-gradient-to-position);
}
.via-disabled {
  --tw-gradient-to: rgb(242 242 242 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f2f2f2 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-disabled) {
  --tw-gradient-to: rgb(34 33 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #222125 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-list-group-header {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
:is(.dark .bg-list-group-header) {
  --tw-bg-opacity: 1;
  background-color: rgb(52 51 55 / var(--tw-bg-opacity));
}
.fill-list-group-header {
  fill: #f9f9f9;
}
:is(.dark .fill-list-group-header) {
  fill: #343337;
}
.from-list-group-header {
  --tw-gradient-from: #f9f9f9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-list-group-header) {
  --tw-gradient-from: #343337 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 51 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-list-group-header {
  --tw-gradient-to: #f9f9f9 var(--tw-gradient-to-position);
}
:is(.dark .to-list-group-header) {
  --tw-gradient-to: #343337 var(--tw-gradient-to-position);
}
.via-list-group-header {
  --tw-gradient-to: rgb(249 249 249 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f9f9f9 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-list-group-header) {
  --tw-gradient-to: rgb(52 51 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #343337 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-overlay-selected {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
:is(.dark .bg-overlay-selected) {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.bg-overlay-hover {
  background-image: linear-gradient(#0000000a, #0000000a);
}
:is(.dark .bg-overlay-hover) {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.bg-overlay-active {
  background-image: linear-gradient(#00000014, #00000014);
}
:is(.dark .bg-overlay-active) {
  background-image: linear-gradient(#ffffff1a, #ffffff1a);
}
.bg-overlay-static {
  background-image: linear-gradient(#00000026, #00000026);
}
:is(.dark .bg-overlay-static) {
  background-image: linear-gradient(#ffffff26, #ffffff26);
}
.bg-overlay-static-inverted {
  background-image: linear-gradient(#ffffff26, #ffffff26);
}
:is(.dark .bg-overlay-static-inverted) {
  background-image: linear-gradient(#00000026, #00000026);
}
.bg-active {
  --tw-bg-opacity: 1;
  background-color: rgb(43 178 202 / var(--tw-bg-opacity));
}
:is(.dark .bg-active) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.fill-active {
  fill: #2bb2ca;
}
:is(.dark .fill-active) {
  fill: #456ce3;
}
.from-active {
  --tw-gradient-from: #2bb2ca var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(43 178 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-active) {
  --tw-gradient-from: #456ce3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(69 108 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-active {
  --tw-gradient-to: #2bb2ca var(--tw-gradient-to-position);
}
:is(.dark .to-active) {
  --tw-gradient-to: #456ce3 var(--tw-gradient-to-position);
}
.via-active {
  --tw-gradient-to: rgb(43 178 202 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #2bb2ca var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-active) {
  --tw-gradient-to: rgb(69 108 227 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #456ce3 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-toggle-off {
  --tw-bg-opacity: 1;
  background-color: rgb(148 148 148 / var(--tw-bg-opacity));
}
:is(.dark .bg-toggle-off) {
  --tw-bg-opacity: 1;
  background-color: rgb(119 121 143 / var(--tw-bg-opacity));
}
.fill-toggle-off {
  fill: #949494;
}
:is(.dark .fill-toggle-off) {
  fill: #77798f;
}
.from-toggle-off {
  --tw-gradient-from: #949494 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(148 148 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-toggle-off) {
  --tw-gradient-from: #77798f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(119 121 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-toggle-off {
  --tw-gradient-to: #949494 var(--tw-gradient-to-position);
}
:is(.dark .to-toggle-off) {
  --tw-gradient-to: #77798f var(--tw-gradient-to-position);
}
.via-toggle-off {
  --tw-gradient-to: rgb(148 148 148 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #949494 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-toggle-off) {
  --tw-gradient-to: rgb(119 121 143 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #77798f var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-toggle-disabled {
  background-color: #00000033;
}
:is(.dark .bg-toggle-disabled) {
  background-color: #0000002e;
}
.fill-toggle-disabled {
  fill: #00000033;
}
:is(.dark .fill-toggle-disabled) {
  fill: #0000002e;
}
.from-toggle-disabled {
  --tw-gradient-from: #00000033 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-toggle-disabled) {
  --tw-gradient-from: #0000002e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-toggle-disabled {
  --tw-gradient-to: #00000033 var(--tw-gradient-to-position);
}
:is(.dark .to-toggle-disabled) {
  --tw-gradient-to: #0000002e var(--tw-gradient-to-position);
}
.via-toggle-disabled {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #00000033 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-toggle-disabled) {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #0000002e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-positive {
  --tw-bg-opacity: 1;
  background-color: rgb(27 142 103 / var(--tw-bg-opacity));
}
:is(.dark .bg-positive) {
  --tw-bg-opacity: 1;
  background-color: rgb(6 229 183 / var(--tw-bg-opacity));
}
.fill-positive {
  fill: #1b8e67;
}
:is(.dark .fill-positive) {
  fill: #06e5b7;
}
.from-positive {
  --tw-gradient-from: #1b8e67 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(27 142 103 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-positive) {
  --tw-gradient-from: #06e5b7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 229 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-positive {
  --tw-gradient-to: #1b8e67 var(--tw-gradient-to-position);
}
:is(.dark .to-positive) {
  --tw-gradient-to: #06e5b7 var(--tw-gradient-to-position);
}
.via-positive {
  --tw-gradient-to: rgb(27 142 103 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #1b8e67 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-positive) {
  --tw-gradient-to: rgb(6 229 183 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #06e5b7 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.text-titles-and-attributes {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .text-titles-and-attributes) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.text-body-and-labels {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .text-body-and-labels) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.text-disabled {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
:is(.dark .text-disabled) {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.text-link {
  --tw-text-opacity: 1;
  color: rgb(3 102 120 / var(--tw-text-opacity));
}
:is(.dark .text-link) {
  --tw-text-opacity: 1;
  color: rgb(179 195 255 / var(--tw-text-opacity));
}
.text-link-hover {
  --tw-text-opacity: 1;
  color: rgb(22 128 147 / var(--tw-text-opacity));
}
:is(.dark .text-link-hover) {
  --tw-text-opacity: 1;
  color: rgb(225 236 254 / var(--tw-text-opacity));
}
.text-destructive {
  --tw-text-opacity: 1;
  color: rgb(232 18 26 / var(--tw-text-opacity));
}
:is(.dark .text-destructive) {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.divide-normal > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-divide-opacity));
}
:is(.dark .divide-normal) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-divide-opacity));
}
.divide-faint > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-divide-opacity));
}
:is(.dark .divide-faint) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(20 20 26 / var(--tw-divide-opacity));
}
.divide-overlay > :not([hidden]) ~ :not([hidden]) {
  border-color: #00000026;
}
:is(.dark .divide-overlay) > :not([hidden]) ~ :not([hidden]) {
  border-color: #ffffff26;
}
.border-normal {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .border-normal) {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.stroke-normal {
  stroke: #d9d9d9;
}
:is(.dark .stroke-normal) {
  stroke: #09090c;
}
.outline-normal {
  outline-color: #d9d9d9;
}
:is(.dark .outline-normal) {
  outline-color: #09090c;
}
.border-faint {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity));
}
:is(.dark .border-faint) {
  --tw-border-opacity: 1;
  border-color: rgb(20 20 26 / var(--tw-border-opacity));
}
.stroke-faint {
  stroke: #eeeeee;
}
:is(.dark .stroke-faint) {
  stroke: #14141a;
}
.outline-faint {
  outline-color: #eeeeee;
}
:is(.dark .outline-faint) {
  outline-color: #14141a;
}
.border-focused {
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
}
:is(.dark .border-focused) {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.stroke-focused {
  stroke: #2bb2ca;
}
:is(.dark .stroke-focused) {
  stroke: #456ce3;
}
.outline-focused {
  outline-color: #2bb2ca;
}
:is(.dark .outline-focused) {
  outline-color: #456ce3;
}
.border-destructive {
  --tw-border-opacity: 1;
  border-color: rgb(232 18 26 / var(--tw-border-opacity));
}
:is(.dark .border-destructive) {
  --tw-border-opacity: 1;
  border-color: rgb(249 88 93 / var(--tw-border-opacity));
}
.stroke-destructive {
  stroke: #e8121a;
}
:is(.dark .stroke-destructive) {
  stroke: #f9585d;
}
.outline-destructive {
  outline-color: #e8121a;
}
:is(.dark .outline-destructive) {
  outline-color: #f9585d;
}
.border-warning {
  border-color: rgb(237 176 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
}
:is(.dark .border-warning) {
  border-color: rgb(255 204 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
}
.stroke-warning {
  stroke: #edb000;
}
:is(.dark .stroke-warning) {
  stroke: #ffcc00;
}
.outline-warning {
  outline-color: #edb000;
}
:is(.dark .outline-warning) {
  outline-color: #ffcc00;
}
.border-positive {
  --tw-border-opacity: 1;
  border-color: rgb(27 142 103 / var(--tw-border-opacity));
}
:is(.dark .border-positive) {
  --tw-border-opacity: 1;
  border-color: rgb(6 229 183 / var(--tw-border-opacity));
}
.stroke-positive {
  stroke: #1b8e67;
}
:is(.dark .stroke-positive) {
  stroke: #06e5b7;
}
.outline-positive {
  outline-color: #1b8e67;
}
:is(.dark .outline-positive) {
  outline-color: #06e5b7;
}
.border-informational {
  --tw-border-opacity: 1;
  border-color: rgb(80 130 210 / var(--tw-border-opacity));
}
:is(.dark .border-informational) {
  --tw-border-opacity: 1;
  border-color: rgb(157 193 253 / var(--tw-border-opacity));
}
.stroke-informational {
  stroke: #5082d2;
}
:is(.dark .stroke-informational) {
  stroke: #9dc1fd;
}
.outline-informational {
  outline-color: #5082d2;
}
:is(.dark .outline-informational) {
  outline-color: #9dc1fd;
}
.border-overlay {
  border-color: #00000026;
}
:is(.dark .border-overlay) {
  border-color: #ffffff26;
}
.stroke-overlay {
  stroke: #00000026;
}
:is(.dark .stroke-overlay) {
  stroke: #ffffff26;
}
.outline-overlay {
  outline-color: #00000026;
}
:is(.dark .outline-overlay) {
  outline-color: #ffffff26;
}
.border-tutorial-highlight {
  --tw-border-opacity: 1;
  border-color: rgb(133 50 194 / var(--tw-border-opacity));
}
:is(.dark .border-tutorial-highlight) {
  border-color: B15AF2;
}
.stroke-tutorial-highlight {
  stroke: #8532C2;
}
:is(.dark .stroke-tutorial-highlight) {
  stroke: B15AF2;
}
.outline-tutorial-highlight {
  outline-color: #8532C2;
}
:is(.dark .outline-tutorial-highlight) {
  outline-color: B15AF2;
}
.icon-normal {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
:is(.dark .icon-normal) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.icon-deemphasized {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .icon-deemphasized) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.icon-disabled {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
:is(.dark .icon-disabled) {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.icon-focused {
  --tw-text-opacity: 1;
  color: rgb(43 178 202 / var(--tw-text-opacity));
}
:is(.dark .icon-focused) {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.icon-destructive {
  --tw-text-opacity: 1;
  color: rgb(233 24 31 / var(--tw-text-opacity));
}
:is(.dark .icon-destructive) {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.icon-warning {
  --tw-text-opacity: 1;
  color: rgb(237 176 0 / var(--tw-text-opacity));
}
:is(.dark .icon-warning) {
  --tw-text-opacity: 1;
  color: rgb(255 204 0 / var(--tw-text-opacity));
}
.icon-positive {
  --tw-text-opacity: 1;
  color: rgb(27 142 103 / var(--tw-text-opacity));
}
:is(.dark .icon-positive) {
  --tw-text-opacity: 1;
  color: rgb(6 229 183 / var(--tw-text-opacity));
}
.icon-informational {
  --tw-text-opacity: 1;
  color: rgb(80 130 210 / var(--tw-text-opacity));
}
:is(.dark .icon-informational) {
  --tw-text-opacity: 1;
  color: rgb(157 193 253 / var(--tw-text-opacity));
}
.icon-inverted {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .icon-inverted) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.bg-button-normal-idle {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-normal-idle) {
  --tw-bg-opacity: 1;
  background-color: rgb(78 79 90 / var(--tw-bg-opacity));
}
.fill-button-normal-idle {
  fill: #e0e0e0;
}
:is(.dark .fill-button-normal-idle) {
  fill: #4e4f5a;
}
.from-button-normal-idle {
  --tw-gradient-from: #e0e0e0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(224 224 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-normal-idle) {
  --tw-gradient-from: #4e4f5a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(78 79 90 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-normal-idle {
  --tw-gradient-to: #e0e0e0 var(--tw-gradient-to-position);
}
:is(.dark .to-button-normal-idle) {
  --tw-gradient-to: #4e4f5a var(--tw-gradient-to-position);
}
.via-button-normal-idle {
  --tw-gradient-to: rgb(224 224 224 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e0e0e0 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-normal-idle) {
  --tw-gradient-to: rgb(78 79 90 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #4e4f5a var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-normal-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-normal-hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(99 100 110 / var(--tw-bg-opacity));
}
.fill-button-normal-hover {
  fill: #e8e8e8;
}
:is(.dark .fill-button-normal-hover) {
  fill: #63646e;
}
.from-button-normal-hover {
  --tw-gradient-from: #e8e8e8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 232 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-normal-hover) {
  --tw-gradient-from: #63646e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 100 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-normal-hover {
  --tw-gradient-to: #e8e8e8 var(--tw-gradient-to-position);
}
:is(.dark .to-button-normal-hover) {
  --tw-gradient-to: #63646e var(--tw-gradient-to-position);
}
.via-button-normal-hover {
  --tw-gradient-to: rgb(232 232 232 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e8e8e8 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-normal-hover) {
  --tw-gradient-to: rgb(99 100 110 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #63646e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-normal-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(173 173 173 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-normal-pressed) {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 72 / var(--tw-bg-opacity));
}
.fill-button-normal-pressed {
  fill: #adadad;
}
:is(.dark .fill-button-normal-pressed) {
  fill: #3d3d48;
}
.from-button-normal-pressed {
  --tw-gradient-from: #adadad var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(173 173 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-normal-pressed) {
  --tw-gradient-from: #3d3d48 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(61 61 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-normal-pressed {
  --tw-gradient-to: #adadad var(--tw-gradient-to-position);
}
:is(.dark .to-button-normal-pressed) {
  --tw-gradient-to: #3d3d48 var(--tw-gradient-to-position);
}
.via-button-normal-pressed {
  --tw-gradient-to: rgb(173 173 173 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #adadad var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-normal-pressed) {
  --tw-gradient-to: rgb(61 61 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #3d3d48 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-primary-idle {
  --tw-bg-opacity: 1;
  background-color: rgb(3 102 120 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-primary-idle) {
  --tw-bg-opacity: 1;
  background-color: rgb(200 220 254 / var(--tw-bg-opacity));
}
.fill-button-primary-idle {
  fill: #036678;
}
:is(.dark .fill-button-primary-idle) {
  fill: #c8dcfe;
}
.from-button-primary-idle {
  --tw-gradient-from: #036678 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(3 102 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-primary-idle) {
  --tw-gradient-from: #c8dcfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(200 220 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-primary-idle {
  --tw-gradient-to: #036678 var(--tw-gradient-to-position);
}
:is(.dark .to-button-primary-idle) {
  --tw-gradient-to: #c8dcfe var(--tw-gradient-to-position);
}
.via-button-primary-idle {
  --tw-gradient-to: rgb(3 102 120 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #036678 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-primary-idle) {
  --tw-gradient-to: rgb(200 220 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #c8dcfe var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-primary-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 128 147 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-primary-hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(225 236 254 / var(--tw-bg-opacity));
}
.fill-button-primary-hover {
  fill: #168093;
}
:is(.dark .fill-button-primary-hover) {
  fill: #e1ecfe;
}
.from-button-primary-hover {
  --tw-gradient-from: #168093 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(22 128 147 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-primary-hover) {
  --tw-gradient-from: #e1ecfe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(225 236 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-primary-hover {
  --tw-gradient-to: #168093 var(--tw-gradient-to-position);
}
:is(.dark .to-button-primary-hover) {
  --tw-gradient-to: #e1ecfe var(--tw-gradient-to-position);
}
.via-button-primary-hover {
  --tw-gradient-to: rgb(22 128 147 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #168093 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-primary-hover) {
  --tw-gradient-to: rgb(225 236 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e1ecfe var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-primary-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(2 85 100 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-primary-pressed) {
  --tw-bg-opacity: 1;
  background-color: rgb(125 155 255 / var(--tw-bg-opacity));
}
.fill-button-primary-pressed {
  fill: #025564;
}
:is(.dark .fill-button-primary-pressed) {
  fill: #7d9bff;
}
.from-button-primary-pressed {
  --tw-gradient-from: #025564 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 85 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-primary-pressed) {
  --tw-gradient-from: #7d9bff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(125 155 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-primary-pressed {
  --tw-gradient-to: #025564 var(--tw-gradient-to-position);
}
:is(.dark .to-button-primary-pressed) {
  --tw-gradient-to: #7d9bff var(--tw-gradient-to-position);
}
.via-button-primary-pressed {
  --tw-gradient-to: rgb(2 85 100 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #025564 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-primary-pressed) {
  --tw-gradient-to: rgb(125 155 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #7d9bff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-destructive-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 18 26 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-destructive-hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 148 151 / var(--tw-bg-opacity));
}
.fill-button-destructive-hover {
  fill: #e8121a;
}
:is(.dark .fill-button-destructive-hover) {
  fill: #fa9497;
}
.from-button-destructive-hover {
  --tw-gradient-from: #e8121a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(232 18 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-destructive-hover) {
  --tw-gradient-from: #fa9497 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 148 151 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-destructive-hover {
  --tw-gradient-to: #e8121a var(--tw-gradient-to-position);
}
:is(.dark .to-button-destructive-hover) {
  --tw-gradient-to: #fa9497 var(--tw-gradient-to-position);
}
.via-button-destructive-hover {
  --tw-gradient-to: rgb(232 18 26 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e8121a var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-destructive-hover) {
  --tw-gradient-to: rgb(250 148 151 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #fa9497 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-destructive-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(184 14 20 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-destructive-pressed) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 88 93 / var(--tw-bg-opacity));
}
.fill-button-destructive-pressed {
  fill: #b80e14;
}
:is(.dark .fill-button-destructive-pressed) {
  fill: #f9585d;
}
.from-button-destructive-pressed {
  --tw-gradient-from: #b80e14 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(184 14 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-destructive-pressed) {
  --tw-gradient-from: #f9585d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 88 93 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-destructive-pressed {
  --tw-gradient-to: #b80e14 var(--tw-gradient-to-position);
}
:is(.dark .to-button-destructive-pressed) {
  --tw-gradient-to: #f9585d var(--tw-gradient-to-position);
}
.via-button-destructive-pressed {
  --tw-gradient-to: rgb(184 14 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #b80e14 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-destructive-pressed) {
  --tw-gradient-to: rgb(249 88 93 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #f9585d var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.bg-button-toggle-pressed {
  --tw-bg-opacity: 1;
  background-color: rgb(195 231 238 / var(--tw-bg-opacity));
}
:is(.dark .bg-button-toggle-pressed) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 78 158 / var(--tw-bg-opacity));
}
.fill-button-toggle-pressed {
  fill: #c3e7ee;
}
:is(.dark .fill-button-toggle-pressed) {
  fill: #334e9e;
}
.from-button-toggle-pressed {
  --tw-gradient-from: #c3e7ee var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(195 231 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .from-button-toggle-pressed) {
  --tw-gradient-from: #334e9e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 78 158 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-button-toggle-pressed {
  --tw-gradient-to: #c3e7ee var(--tw-gradient-to-position);
}
:is(.dark .to-button-toggle-pressed) {
  --tw-gradient-to: #334e9e var(--tw-gradient-to-position);
}
.via-button-toggle-pressed {
  --tw-gradient-to: rgb(195 231 238 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #c3e7ee var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
:is(.dark .via-button-toggle-pressed) {
  --tw-gradient-to: rgb(51 78 158 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #334e9e var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.text-button-normal {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
:is(.dark .text-button-normal) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.text-button-destructive {
  --tw-text-opacity: 1;
  color: rgb(232 18 26 / var(--tw-text-opacity));
}
:is(.dark .text-button-destructive) {
  --tw-text-opacity: 1;
  color: rgb(249 88 93 / var(--tw-text-opacity));
}
.text-button-inverted {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .text-button-inverted) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.shadow-base {
  --tw-shadow: 0px 0px 1px 0px #00000012, 0px 1px 2px 0px #00000026;
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-base) {
  --tw-shadow: 0px 1px 2px 0px #00000075, 0px 1px 3px 0px #0000001a;
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0px 0px 4px 0px #0000000f, 0px 3px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color), 0px 3px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-md) {
  --tw-shadow: 0px 2px 4px 0px #00000054, 0px 4px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md-up {
  --tw-shadow: 0px 0px 4px 0px #0000000f, 0px -3px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color), 0px -3px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-md-up) {
  --tw-shadow: 0px 2px 4px 0px #00000054, 0px -4px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px -4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0px 10px 15px 0px #00000014, 0px 0px 3px 0px #00000012;
  --tw-shadow-colored: 0px 10px 15px 0px var(--tw-shadow-color), 0px 0px 3px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-lg) {
  --tw-shadow: 0px 10px 15px 0px #0000004d, 0px 4px 6px 0px #00000026;
  --tw-shadow-colored: 0px 10px 15px 0px var(--tw-shadow-color), 0px 4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0px 20px 25px 0px #00000014, 0px 0px 4px 0px #00000014;
  --tw-shadow-colored: 0px 20px 25px 0px var(--tw-shadow-color), 0px 0px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-xl) {
  --tw-shadow: 0px 20px 25px 0px #0000004d, 0px 10px 10px 0px #0000001f;
  --tw-shadow-colored: 0px 20px 25px 0px var(--tw-shadow-color), 0px 10px 10px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0px 0px 7px 0px #00000014, 0px 25px 50px 0px #00000026;
  --tw-shadow-colored: 0px 0px 7px 0px var(--tw-shadow-color), 0px 25px 50px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-2xl) {
  --tw-shadow: 0px 25px 50px 0px #0000009e;
  --tw-shadow-colored: 0px 25px 50px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-md {
  --tw-shadow: inset 0px 2px 4px 0px #00000014;
  --tw-shadow-colored: inset 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-inner-md) {
  --tw-shadow: inset 0px 1px 2px 0px #00000040;
  --tw-shadow-colored: inset 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-lg {
  --tw-shadow: inset 0px 2px 5px 0px #00000017;
  --tw-shadow-colored: inset 0px 2px 5px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-inner-lg) {
  --tw-shadow: inset 0px 2px 4px 0px #0000005c;
  --tw-shadow-colored: inset 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-inner-right-navigation {
  --tw-shadow: inset 0px 0px 4px 0px #0000000f, inset -3px 0px 6px 0px #0000001a;
  --tw-shadow-colored: inset 0px 0px 4px 0px var(--tw-shadow-color), inset -3px 0px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-inner-right-navigation) {
  --tw-shadow: inset -4px 0px 6px 0px #0000001a, inset -2px 4px 4px 0px #00000054;
  --tw-shadow-colored: inset -4px 0px 6px 0px var(--tw-shadow-color), inset -2px 4px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-glow-active {
  --tw-shadow:
    4px 0px 7px 0px #2bb2ca4d,
    -4px 0px 7px 0px #2bb2ca4d,
    0px 4px 7px 0px #2bb2ca4d,
    0px -4px 7px 0px #2bb2ca4d;
  --tw-shadow-colored:
    4px 0px 7px 0px var(--tw-shadow-color),
    -4px 0px 7px 0px var(--tw-shadow-color),
    0px 4px 7px 0px var(--tw-shadow-color),
    0px -4px 7px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .shadow-glow-active) {
  --tw-shadow:
    4px 0px 7px 0px #456ce366,
    -4px 0px 7px 0px #456ce366,
    0px 4px 7px 0px #456ce366,
    0px -4px 7px 0px #456ce366;
  --tw-shadow-colored:
    4px 0px 7px 0px var(--tw-shadow-color),
    -4px 0px 7px 0px var(--tw-shadow-color),
    0px 4px 7px 0px var(--tw-shadow-color),
    0px -4px 7px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.decoration-warning {
  text-decoration-color: #edb000;
}
:is(.dark .decoration-warning) {
  text-decoration-color: #ffcc00;
}
.decoration-destructive {
  text-decoration-color: #e9181f;
}
:is(.dark .decoration-destructive) {
  text-decoration-color: #f9585d;
}
.bg-default {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .bg-default) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
.bg-highlight {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark .bg-highlight) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.bg-highlight-faint {
  --tw-bg-opacity: 1;
  background-color: rgb(195 209 254 / var(--tw-bg-opacity));
}
:is(.dark .bg-highlight-faint) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 50 118 / var(--tw-bg-opacity));
}
.divide-default > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-divide-opacity));
}
:is(.dark .divide-default) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-divide-opacity));
}
.border-default {
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
}
:is(.dark .border-default) {
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
}
.border-default-faint {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity));
}
:is(.dark .border-default-faint) {
  --tw-border-opacity: 1;
  border-color: rgb(61 61 61 / var(--tw-border-opacity));
}
.border-active {
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
}
:is(.dark .border-active) {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.border-focus {
  --tw-border-opacity: 1;
  border-color: rgb(22 140 243 / var(--tw-border-opacity));
}
:is(.dark .border-focus) {
  --tw-border-opacity: 1;
  border-color: rgb(22 140 243 / var(--tw-border-opacity));
}
.border-error {
  --tw-border-opacity: 1;
  border-color: rgb(233 68 53 / var(--tw-border-opacity));
}
:is(.dark .border-error) {
  --tw-border-opacity: 1;
  border-color: rgb(233 68 53 / var(--tw-border-opacity));
}
.border-warning-light {
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
}
.border-warning-dark {
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
}
.border-warning {
  border-color: rgb(237 176 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
}
:is(.dark .border-warning) {
  border-color: rgb(255 204 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(249 195 32 / var(--tw-border-opacity));
}
.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(61 184 61 / var(--tw-border-opacity));
}
:is(.dark .border-success) {
  --tw-border-opacity: 1;
  border-color: rgb(61 184 61 / var(--tw-border-opacity));
}
.border-info {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
:is(.dark .border-info) {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.border-opacity-default {
  border-color: rgb(19 33 78 / var(--tw-border-opacity));
  --tw-border-opacity: 0.3;
}
:is(.dark .border-opacity-default) {
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.3;
}
.border-opacity-faint {
  border-color: rgb(19 33 78 / var(--tw-border-opacity));
  --tw-border-opacity: 0.15;
}
:is(.dark .border-opacity-faint) {
  border-color: rgb(224 231 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}
.text-emphasized {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .text-emphasized) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.text-default {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .text-default) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.text-deemphasized {
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}
:is(.dark .text-deemphasized) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.text-error {
  --tw-text-opacity: 1;
  color: rgb(170 36 24 / var(--tw-text-opacity));
}
:is(.dark .text-error) {
  --tw-text-opacity: 1;
  color: rgb(252 141 131 / var(--tw-text-opacity));
}
.text-warning {
  --tw-text-opacity: 1;
  color: rgb(224 169 6 / var(--tw-text-opacity));
}
:is(.dark .text-warning) {
  --tw-text-opacity: 1;
  color: rgb(249 195 32 / var(--tw-text-opacity));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(41 122 41 / var(--tw-text-opacity));
}
:is(.dark .text-success) {
  --tw-text-opacity: 1;
  color: rgb(61 184 61 / var(--tw-text-opacity));
}
.icon-default {
  color: rgb(19 33 78 / 0.6);
}
:is(.dark .icon-default) {
  color: rgb(224 231 255 / 0.7);
}
.icon-on-hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
:is(.dark .icon-on-hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.icon-active {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
:is(.dark .icon-active) {
  --tw-text-opacity: 1;
  color: rgb(94 128 237 / var(--tw-text-opacity));
}
.icon-error {
  --tw-text-opacity: 1;
  color: rgb(233 68 53 / var(--tw-text-opacity));
}
:is(.dark .icon-error) {
  --tw-text-opacity: 1;
  color: rgb(233 68 53 / var(--tw-text-opacity));
}
.icon-success {
  --tw-text-opacity: 1;
  color: rgb(61 184 61 / var(--tw-text-opacity));
}
:is(.dark .icon-success) {
  --tw-text-opacity: 1;
  color: rgb(61 184 61 / var(--tw-text-opacity));
}
.icon-info {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
:is(.dark .icon-info) {
  --tw-text-opacity: 1;
  color: rgb(94 128 237 / var(--tw-text-opacity));
}
.syntax-peach {
  --tw-text-opacity: 1;
  color: rgb(136 47 17 / var(--tw-text-opacity));
}
:is(.dark .syntax-peach) {
  --tw-text-opacity: 1;
  color: rgb(255 179 153 / var(--tw-text-opacity));
}
.syntax-blue {
  --tw-text-opacity: 1;
  color: rgb(0 71 133 / var(--tw-text-opacity));
}
:is(.dark .syntax-blue) {
  --tw-text-opacity: 1;
  color: rgb(163 212 255 / var(--tw-text-opacity));
}
.syntax-green {
  --tw-text-opacity: 1;
  color: rgb(29 104 29 / var(--tw-text-opacity));
}
:is(.dark .syntax-green) {
  --tw-text-opacity: 1;
  color: rgb(102 204 102 / var(--tw-text-opacity));
}
.syntax-purple {
  --tw-text-opacity: 1;
  color: rgb(132 43 170 / var(--tw-text-opacity));
}
:is(.dark .syntax-purple) {
  --tw-text-opacity: 1;
  color: rgb(218 140 246 / var(--tw-text-opacity));
}
mark {
  color: unset;
}
.filter-highlight-1 {
  background-color: rgb(43 156 255 / 0.25);
}
:is(.dark .filter-highlight-1) {
  background-color: rgb(43 156 255 / .35);
}
.filter-highlight-2 {
  background-color: rgb(102 204 102 / 0.25);
}
:is(.dark .filter-highlight-2) {
  background-color: rgb(102 204 102 / .35);
}
.filter-highlight-3 {
  background-color: rgb(255 212 83 / 0.3);
}
:is(.dark .filter-highlight-3) {
  background-color: rgb(139 105 4 / 0.8);
}
.filter-highlight-4 {
  background-color: rgb(176 89 220 / 0.25);
}
:is(.dark .filter-highlight-4) {
  background-color: rgb(176 89 220 / .35);
}
.filter-highlight-5 {
  background-color: rgb(255 148 112 / 0.25);
}
:is(.dark .filter-highlight-5) {
  background-color: rgb(255 148 112 / .35);
}
.effect-focus:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .effect-focus:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.interactive-text {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.interactive-text:hover {
  --tw-text-opacity: 1;
  color: rgb(132 158 245 / var(--tw-text-opacity));
}
.interactive-text {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.interactive-text-muted {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
.interactive-text-muted:hover {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
:is(.dark .interactive-text-muted) {
  --tw-text-opacity: 1;
  color: rgb(237 237 237 / var(--tw-text-opacity));
}
.interactive-text-muted {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.dark,
.dark .border-gradient-to-b {
  --humio-gradient-gradient-top: #4C4C4C;
  --humio-gradient-gradient-bottom: #3D3D3D;
}
:root,
.border-gradient-to-b {
  --humio-gradient-gradient-top: #EDEDED;
  --humio-gradient-gradient-bottom: #C9C9C9;
}
.dark .border-gradient-to-t {
  --humio-gradient-gradient-top: #3D3D3D;
  --humio-gradient-gradient-bottom: #4C4C4C;
}
:root,
.border-gradient-to-t {
  --humio-gradient-gradient-top: #C9C9C9;
  --humio-gradient-gradient-bottom: #EDEDED;
}
.cursor-resize-ew {
  cursor: ew-resize;
}
.cursor-resize-ns {
  cursor: ns-resize;
}
.\[border-spacing\:0_1rem\] {
  border-spacing: 0 1rem;
}
.\[border-spacing\:1rem_0\] {
  border-spacing: 1rem 0;
}
.\[grid-template-columns\:auto_1fr_auto\] {
  grid-template-columns: auto 1fr auto;
}
.\[line-height\:0\] {
  line-height: 0;
}
.\[overflow-wrap\:anywhere\] {
  overflow-wrap: anywhere;
}
.last\:body-default-emphasized:last-child {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .last\:body-default-emphasized:last-child) {
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.hover\:area-highlight-faintest:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .hover\:area-highlight-faintest:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.active\:area-secondary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(201 201 201 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .active\:area-secondary:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(179 179 188 / var(--tw-text-opacity));
}
.cs :is(.dark .active\:area-secondary:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 44 / var(--tw-bg-opacity));
}
:is(.dark .dark\:area-ground-floor-light) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
.placeholder\:text-body-and-labels::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
.placeholder\:text-body-and-labels::placeholder {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .placeholder\:text-body-and-labels)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
:is(.dark .placeholder\:text-body-and-labels)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.placeholder\:text-disabled::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
.placeholder\:text-disabled::placeholder {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
:is(.dark .placeholder\:text-disabled)::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
:is(.dark .placeholder\:text-disabled)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:bottom-0::before {
  content: var(--tw-content);
  bottom: 0px;
}
.before\:bottom-1\/2::before {
  content: var(--tw-content);
  bottom: 50%;
}
.before\:left-0::before {
  content: var(--tw-content);
  left: 0px;
}
.before\:left-1\/2::before {
  content: var(--tw-content);
  left: 50%;
}
.before\:left-6::before {
  content: var(--tw-content);
  left: 1.5rem;
}
.before\:right-0::before {
  content: var(--tw-content);
  right: 0px;
}
.before\:right-6::before {
  content: var(--tw-content);
  right: 1.5rem;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:block::before {
  content: var(--tw-content);
  display: block;
}
.before\:h-2::before {
  content: var(--tw-content);
  height: 0.5rem;
}
.before\:h-3::before {
  content: var(--tw-content);
  height: 0.75rem;
}
.before\:w-3::before {
  content: var(--tw-content);
  width: 0.75rem;
}
.before\:-translate-x-1\/2::before {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:-translate-y-1\/2::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:-translate-y-full::before {
  content: var(--tw-content);
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:translate-x-1\/2::before {
  content: var(--tw-content);
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:translate-y-1\/2::before {
  content: var(--tw-content);
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:translate-y-full::before {
  content: var(--tw-content);
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rotate-45::before {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rounded-tl-sm::before {
  content: var(--tw-content);
  border-top-left-radius: 0.125rem;
}
.before\:border::before {
  content: var(--tw-content);
  border-width: 1px;
}
.before\:bg-ground-floor-dark::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(29 28 33 / var(--tw-bg-opacity));
}
.before\:content-\[\'\'\]::before {
  --tw-content: "";
  content: var(--tw-content);
}
.before\:bg-top-floor::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .before\:bg-top-floor)::before {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 44 / var(--tw-bg-opacity));
}
.before\:bg-toolbar::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
:is(.dark .before\:bg-toolbar)::before {
  --tw-bg-opacity: 1;
  background-color: rgb(45 44 49 / var(--tw-bg-opacity));
}
.before\:border-normal::before {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .before\:border-normal)::before {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.before\:clip-path-tr-bl::before {
  content: var(--tw-content);
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.before\:clip-path-bl-tr::before {
  content: var(--tw-content);
  -webkit-clip-path: polygon(100% 0, 0% 100%, 0 0);
  clip-path: polygon(100% 0, 0% 100%, 0 0);
}
.before\:clip-path-tl-br::before {
  content: var(--tw-content);
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.before\:clip-path-br-tl::before {
  content: var(--tw-content);
  -webkit-clip-path: polygon(100% 100%, 0 0, 0 100%);
  clip-path: polygon(100% 100%, 0 0, 0 100%);
}
.after\:invisible::after {
  content: var(--tw-content);
  visibility: hidden;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-y-0::after {
  content: var(--tw-content);
  top: 0px;
  bottom: 0px;
}
.after\:right-full::after {
  content: var(--tw-content);
  right: 100%;
}
.after\:h-0::after {
  content: var(--tw-content);
  height: 0px;
}
.after\:-translate-x-2::after {
  content: var(--tw-content);
  --tw-translate-x: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:whitespace-nowrap::after {
  content: var(--tw-content);
  white-space: nowrap;
}
.after\:border-l::after {
  content: var(--tw-content);
  border-left-width: 1px;
}
.after\:content-\[\'_\'\]::after {
  --tw-content: " ";
  content: var(--tw-content);
}
.after\:content-\[attr\(data-value\)\]::after {
  --tw-content: attr(data-value);
  content: var(--tw-content);
}
.after\:border-normal::after {
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .after\:border-normal)::after {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.after\:\[grid-area\:1\/1\/2\/2\]::after {
  content: var(--tw-content);
  grid-area: 1/1/2/2;
}
.first\:rounded-l:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.first\:rounded-t:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.first\:border-b:first-child {
  border-bottom-width: 1px;
}
.first\:border-t-0:first-child {
  border-top-width: 0px;
}
.first\:pl-4:first-child {
  padding-left: 1rem;
}
.first\:before\:h-0:first-child::before {
  content: var(--tw-content);
  height: 0px;
}
.last\:w-full:last-child {
  width: 100%;
}
.last\:rounded-b:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.last\:rounded-r:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.last\:border-b:last-child {
  border-bottom-width: 1px;
}
.last\:pr-4:last-child {
  padding-right: 1rem;
}
.last\:text-titles-and-attributes-dark:last-child {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.empty\:hidden:empty {
  display: none;
}
.focus-within\:block:focus-within {
  display: block;
}
.focus-within\:bg-overlay-selected:focus-within {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
:is(.dark .focus-within\:bg-overlay-selected:focus-within) {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.focus-within\:effect-focus:focus-within:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .focus-within\:effect-focus:focus-within:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.focus-within\:effect-focus-inside:focus-within:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #2bb2ca;
  outline-offset: -2px;
}
:is(.dark .focus-within\:effect-focus-inside:focus-within:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #456ce3;
  outline-offset: -2px;
}
.hover\:z-20:hover {
  z-index: 20;
}
.hover\:z-50:hover {
  z-index: 50;
}
.hover\:cursor-move:hover {
  cursor: move;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:overflow-visible:hover {
  overflow: visible;
}
.hover\:border-ultramarine-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 140 243 / var(--tw-bg-opacity));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 224 224 / var(--tw-bg-opacity));
}
.hover\:bg-ultramarine-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-5:hover {
  --tw-bg-opacity: 0.05;
}
.hover\:bg-overlay-hover-dark:hover {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.hover\:bg-overlay-hover-light:hover {
  background-image: linear-gradient(#0000000a, #0000000a);
}
.hover\:to-green-400:hover {
  --tw-gradient-to: #66CC66 var(--tw-gradient-to-position);
}
.hover\:\!text-ultramarine-800:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(30 50 118 / var(--tw-text-opacity)) !important;
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
.hover\:text-titles-and-attributes-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:outline:hover {
  outline-style: solid;
}
.hover\:bg-overlay-hover:hover {
  background-image: linear-gradient(#0000000a, #0000000a);
}
:is(.dark .hover\:bg-overlay-hover:hover) {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.hover\:bg-active:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 178 202 / var(--tw-bg-opacity));
}
:is(.dark .hover\:bg-active:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.hover\:text-titles-and-attributes:hover {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .hover\:text-titles-and-attributes:hover) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
.hover\:text-disabled:hover {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
:is(.dark .hover\:text-disabled:hover) {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
.hover\:text-link:hover {
  --tw-text-opacity: 1;
  color: rgb(3 102 120 / var(--tw-text-opacity));
}
:is(.dark .hover\:text-link:hover) {
  --tw-text-opacity: 1;
  color: rgb(179 195 255 / var(--tw-text-opacity));
}
.hover\:border-normal:hover {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
:is(.dark .hover\:border-normal:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(9 9 12 / var(--tw-border-opacity));
}
.hover\:border-focused:hover {
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
}
:is(.dark .hover\:border-focused:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.hover\:icon-focused:hover {
  --tw-text-opacity: 1;
  color: rgb(43 178 202 / var(--tw-text-opacity));
}
:is(.dark .hover\:icon-focused:hover) {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.hover\:bg-button-normal-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 232 232 / var(--tw-bg-opacity));
}
:is(.dark .hover\:bg-button-normal-hover:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(99 100 110 / var(--tw-bg-opacity));
}
.hover\:bg-button-primary-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 128 147 / var(--tw-bg-opacity));
}
:is(.dark .hover\:bg-button-primary-hover:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(225 236 254 / var(--tw-bg-opacity));
}
.hover\:bg-button-destructive-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(232 18 26 / var(--tw-bg-opacity));
}
:is(.dark .hover\:bg-button-destructive-hover:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 148 151 / var(--tw-bg-opacity));
}
.hover\:text-button-normal:hover {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
:is(.dark .hover\:text-button-normal:hover) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.hover\:text-button-inverted:hover {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .hover\:text-button-inverted:hover) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.hover\:shadow-md:hover {
  --tw-shadow: 0px 0px 4px 0px #0000000f, 0px 3px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color), 0px 3px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .hover\:shadow-md:hover) {
  --tw-shadow: 0px 2px 4px 0px #00000054, 0px 4px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:bg-highlight:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark .hover\:bg-highlight:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.hover\:bg-highlight-faintest:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
:is(.dark .hover\:bg-highlight-faintest:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 33 78 / var(--tw-bg-opacity));
}
.hover\:effect-focus:hover:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .hover\:effect-focus:hover:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.hover\:effect-focus-inside:hover:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #2bb2ca;
  outline-offset: -2px;
}
:is(.dark .hover\:effect-focus-inside:hover:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #456ce3;
  outline-offset: -2px;
}
.focus\:z-20:focus {
  z-index: 20;
}
.focus\:border-transparent:focus {
  border-color: transparent;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-ultramarine-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(132 158 245 / var(--tw-ring-opacity));
}
.focus\:bg-overlay-hover:focus {
  background-image: linear-gradient(#0000000a, #0000000a);
}
:is(.dark .focus\:bg-overlay-hover:focus) {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.focus\:effect-focus:focus:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .focus\:effect-focus:focus:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.focus\:effect-focus-inside:focus:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #2bb2ca;
  outline-offset: -2px;
}
:is(.dark .focus\:effect-focus-inside:focus:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #456ce3;
  outline-offset: -2px;
}
.focus-visible\:relative:focus-visible {
  position: relative;
}
.focus-visible\:z-10:focus-visible {
  z-index: 10;
}
.focus-visible\:shadow-md:focus-visible {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:bg-overlay-hover:focus-visible {
  background-image: linear-gradient(#0000000a, #0000000a);
}
:is(.dark .focus-visible\:bg-overlay-hover:focus-visible) {
  background-image: linear-gradient(#ffffff0d, #ffffff0d);
}
.focus-visible\:shadow-md:focus-visible {
  --tw-shadow: 0px 0px 4px 0px #0000000f, 0px 3px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color), 0px 3px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .focus-visible\:shadow-md:focus-visible) {
  --tw-shadow: 0px 2px 4px 0px #00000054, 0px 4px 6px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 4px 0px var(--tw-shadow-color), 0px 4px 6px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.focus-visible\:effect-focus:focus-visible:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .focus-visible\:effect-focus:focus-visible:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.focus-visible\:effect-focus-inside:focus-visible:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #2bb2ca;
  outline-offset: -2px;
}
:is(.dark .focus-visible\:effect-focus-inside:focus-visible:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #456ce3;
  outline-offset: -2px;
}
.active\:bg-button-normal-pressed-light:active {
  --tw-bg-opacity: 1;
  background-color: rgb(173 173 173 / var(--tw-bg-opacity));
}
.active\:bg-ultramarine-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
.active\:text-button-inverted-light:active {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
.active\:bg-overlay-selected:active {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
:is(.dark .active\:bg-overlay-selected:active) {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.active\:bg-button-normal-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(173 173 173 / var(--tw-bg-opacity));
}
:is(.dark .active\:bg-button-normal-pressed:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 72 / var(--tw-bg-opacity));
}
.active\:bg-button-primary-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(2 85 100 / var(--tw-bg-opacity));
}
:is(.dark .active\:bg-button-primary-pressed:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(125 155 255 / var(--tw-bg-opacity));
}
.active\:bg-button-destructive-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(184 14 20 / var(--tw-bg-opacity));
}
:is(.dark .active\:bg-button-destructive-pressed:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(249 88 93 / var(--tw-bg-opacity));
}
.active\:bg-button-toggle-pressed:active {
  --tw-bg-opacity: 1;
  background-color: rgb(195 231 238 / var(--tw-bg-opacity));
}
:is(.dark .active\:bg-button-toggle-pressed:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 78 158 / var(--tw-bg-opacity));
}
.active\:text-button-inverted:active {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .active\:text-button-inverted:active) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.active\:shadow-inner-md:active {
  --tw-shadow: inset 0px 2px 4px 0px #00000014;
  --tw-shadow-colored: inset 0px 2px 4px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
:is(.dark .active\:shadow-inner-md:active) {
  --tw-shadow: inset 0px 1px 2px 0px #00000040;
  --tw-shadow-colored: inset 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.active\:bg-highlight:active {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark .active\:bg-highlight:active) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.group\/color-profile:focus-within .group-focus-within\/color-profile\:visible {
  visibility: visible;
}
.group:focus-within .group-focus-within\:block {
  display: block;
}
.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}
.group:focus-within .group-focus-within\:effect-focus:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .group:focus-within .group-focus-within\:effect-focus:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.group\/color-profile:hover .group-hover\/color-profile\:visible {
  visibility: visible;
}
.group\/tree:hover .group-hover\/tree\:visible {
  visibility: visible;
}
.group:hover .group-hover\:visible {
  visibility: visible;
}
.group:hover .group-hover\:invisible {
  visibility: hidden;
}
.group\/tablewidget-th:hover .group-hover\/tablewidget-th\:block {
  display: block;
}
.group:hover .group-hover\:block {
  display: block;
}
.group\/icon-button:hover .group-hover\/icon-button\:inline-block {
  display: inline-block;
}
.group:hover .group-hover\:inline-block {
  display: inline-block;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group\/icon-button:hover .group-hover\/icon-button\:hidden {
  display: none;
}
.group:hover .group-hover\:hidden {
  display: none;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:hover .group-hover\:icon-focused {
  --tw-text-opacity: 1;
  color: rgb(43 178 202 / var(--tw-text-opacity));
}
:is(.dark .group:hover .group-hover\:icon-focused) {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.group:hover .group-hover\:icon-inverted {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .group:hover .group-hover\:icon-inverted) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.group:focus .group-focus\:block {
  display: block;
}
.group:focus .group-focus\:text-body-and-labels {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .group:focus .group-focus\:text-body-and-labels) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
.group:focus .group-focus\:icon-focused {
  --tw-text-opacity: 1;
  color: rgb(43 178 202 / var(--tw-text-opacity));
}
:is(.dark .group:focus .group-focus\:icon-focused) {
  --tw-text-opacity: 1;
  color: rgb(69 108 227 / var(--tw-text-opacity));
}
.group:focus .group-focus\:icon-inverted {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .group:focus .group-focus\:icon-inverted) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.group:focus .group-focus\:effect-focus:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .group:focus .group-focus\:effect-focus:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.group:focus-visible .group-focus-visible\:visible {
  visibility: visible;
}
.group:focus-visible .group-focus-visible\:invisible {
  visibility: hidden;
}
.group:active .group-active\:icon-inverted {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .group:active .group-active\:icon-inverted) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
.peer:focus-within ~ .peer-focus-within\:border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}
.peer:focus-within ~ .peer-focus-within\:bg-overlay-selected {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
:is(.dark .peer:focus-within ~ .peer-focus-within\:bg-overlay-selected) {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.focus-within-visible\:effect-focus[data-focused]:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .focus-within-visible\:effect-focus[data-focused]:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.group[aria-current] .group-current\:block {
  display: block;
}
.group[aria-current] .group-current\:bg-overlay-selected {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
:is(.dark .group[aria-current] .group-current\:bg-overlay-selected) {
  background-image: linear-gradient(#7d9bff26, #7d9bff26);
}
.peer[data-focused] ~ .peer-focus-within-visible\:block {
  display: block;
}
.peer[data-focused] ~ .peer-focus-within-visible\:effect-focus:not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .peer[data-focused] ~ .peer-focus-within-visible\:effect-focus:not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.group-hint:hover .group-hint-hover\:block {
  display: block;
}
.group-descriptiontip:hover .group-descriptiontip-hover\:block {
  display: block;
}
.group-submenu-1:hover .group-submenu-1-hover\:block {
  display: block;
}
.group-submenu-1:focus-within .group-submenu-1-focus-within\:block {
  display: block;
}
.group-submenu-2:hover .group-submenu-2-hover\:block {
  display: block;
}
.group-submenu-2:focus-within .group-submenu-2-focus-within\:block {
  display: block;
}
.group-submenu-3:hover .group-submenu-3-hover\:block {
  display: block;
}
.group-submenu-3:focus-within .group-submenu-3-focus-within\:block {
  display: block;
}
:is(.dark .dark\:border-gray-500) {
  --tw-border-opacity: 1;
  border-color: rgb(118 118 118 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-600) {
  --tw-border-opacity: 1;
  border-color: rgb(76 76 76 / var(--tw-border-opacity));
}
:is(.dark .dark\:border-gray-900) {
  --tw-border-opacity: 1;
  border-color: rgb(20 20 20 / var(--tw-border-opacity));
}
:is(.dark .dark\:bg-black) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-black\/30) {
  background-color: rgb(0 0 0 / 0.3);
}
:is(.dark .dark\:bg-gray-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 76 76 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(61 61 61 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-gray-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(20 20 20 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-400) {
  --tw-bg-opacity: 1;
  background-color: rgb(102 204 102 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(61 184 61 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-green-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(41 122 41 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-ground-floor-light) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-red-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(170 36 24 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-top-floor-light) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-ultramarine-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-ultramarine-100\/\[\.7\]) {
  background-color: rgb(224 231 255 / .7);
}
:is(.dark .dark\:bg-ultramarine-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-white\/10) {
  background-color: rgb(255 255 255 / 0.1);
}
:is(.dark .dark\:bg-yellow-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(139 105 4 / var(--tw-bg-opacity));
}
:is(.dark .dark\:bg-opacity-10) {
  --tw-bg-opacity: 0.1;
}
:is(.dark .dark\:from-gray-900) {
  --tw-gradient-from: #141414 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 20 20 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
:is(.dark .dark\:text-body-and-labels-dark) {
  --tw-text-opacity: 1;
  color: rgb(166 172 176 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-body-and-labels-light) {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-current) {
  color: currentColor;
}
:is(.dark .dark\:text-disabled-dark) {
  --tw-text-opacity: 1;
  color: rgb(119 121 143 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-200) {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-300) {
  --tw-text-opacity: 1;
  color: rgb(201 201 201 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(148 148 148 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-50) {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-500) {
  --tw-text-opacity: 1;
  color: rgb(118 118 118 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-600) {
  --tw-text-opacity: 1;
  color: rgb(76 76 76 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-800) {
  --tw-text-opacity: 1;
  color: rgb(36 36 36 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-gray-900) {
  --tw-text-opacity: 1;
  color: rgb(20 20 20 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-300) {
  --tw-text-opacity: 1;
  color: rgb(141 226 141 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-400) {
  --tw-text-opacity: 1;
  color: rgb(102 204 102 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-green-500) {
  --tw-text-opacity: 1;
  color: rgb(61 184 61 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-peach-300) {
  --tw-text-opacity: 1;
  color: rgb(255 179 153 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-300) {
  --tw-text-opacity: 1;
  color: rgb(252 141 131 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-red-500) {
  --tw-text-opacity: 1;
  color: rgb(233 68 53 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-titles-and-attributes-dark) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-titles-and-attributes-light) {
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-ultramarine-100) {
  --tw-text-opacity: 1;
  color: rgb(224 231 255 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-300) {
  --tw-text-opacity: 1;
  color: rgb(255 223 127 / var(--tw-text-opacity));
}
:is(.dark .dark\:text-yellow-500) {
  --tw-text-opacity: 1;
  color: rgb(249 195 32 / var(--tw-text-opacity));
}
:is(.dark .dark\:icon-normal-dark) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}
:is(.dark .dark\:icon-normal-light) {
  --tw-text-opacity: 1;
  color: rgb(32 32 32 / var(--tw-text-opacity));
}
:is(.dark .dark\:before\:bg-ground-floor-light)::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-gray-600:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(76 76 76 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-ultramarine-100:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity));
}
:is(.dark .dark\:hover\:bg-opacity-10:hover) {
  --tw-bg-opacity: 0.1;
}
:is(.dark .dark\:hover\:text-gray-50:hover) {
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}
:is(.dark .dark\:hover\:text-titles-and-attributes-dark:hover) {
  --tw-text-opacity: 1;
  color: rgb(226 226 228 / var(--tw-text-opacity));
}
:is(.dark .dark\:focus\:outline-none:focus) {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:is(.dark .active\:dark\:bg-ultramarine-500):active {
  --tw-bg-opacity: 1;
  background-color: rgb(69 108 227 / var(--tw-bg-opacity));
}
:is(.dark .dark\:active\:bg-opacity-15:active) {
  --tw-bg-opacity: 0.15;
}
@media print {
  .print\:hidden {
    display: none;
  }
  .print\:overflow-y-visible {
    overflow-y: visible;
  }
  .print\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
@media (min-width: 640px) {
  .sm\:static {
    position: static;
  }
  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .sm\:mt-20 {
    margin-top: 5rem;
  }
  .sm\:mt-8 {
    margin-top: 2rem;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:w-3\/5 {
    width: 60%;
  }
  .sm\:rounded {
    border-radius: 0.25rem;
  }
  .sm\:p-0 {
    padding: 0px;
  }
  .sm\:pb-0 {
    padding-bottom: 0px;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }
  .md\:col-start-8 {
    grid-column-start: 8;
  }
  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .md\:row-start-1 {
    grid-row-start: 1;
  }
  .md\:row-end-bottom {
    grid-row-end: -1;
  }
  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:w-2\/5 {
    width: 40%;
  }
  .md\:w-4\/6 {
    width: 66.666667%;
  }
  .md\:w-6\/12 {
    width: 50%;
  }
  .md\:grid-flow-col {
    grid-auto-flow: column;
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .md\:border-r {
    border-right-width: 1px;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-4\/6 {
    width: 66.666667%;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:border-r {
    border-right-width: 1px;
  }
}
@media (min-width: 1280px) {
  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:block {
    display: block;
  }
  .xl\:hidden {
    display: none;
  }
  .xl\:justify-start {
    justify-content: flex-start;
  }
}
.\[\&\:has\(\[dragging\]\)\]\:select-none:has([dragging]) {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.\[\&\:is\(\[dragging\]\)\]\:z-50:is([dragging]) {
  z-index: 50;
}
.\[\&\:is\(\[dragging\]\)\]\:border-active:is([dragging]) {
  --tw-border-opacity: 1;
  border-color: rgb(43 178 202 / var(--tw-border-opacity));
}
:is(.dark .\[\&\:is\(\[dragging\]\)\]\:border-active:is([dragging])) {
  --tw-border-opacity: 1;
  border-color: rgb(69 108 227 / var(--tw-border-opacity));
}
.\[\&\:is\(\[dragging\]\)\]\:effect-focus:is([dragging]):not(.e2e-test *) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #2bb2ca;
}
:is(.dark .\[\&\:is\(\[dragging\]\)\]\:effect-focus:is([dragging]):not(.e2e-test *)) {
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 0px;
  outline-color: #456ce3;
}
.\[\&\>\[text\]\]\:px-2 > [text] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\.table-widget_table\]\:bg-top-floor .table-widget table {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark .\[\&_\.table-widget_table\]\:bg-top-floor .table-widget table) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 38 44 / var(--tw-bg-opacity));
}
/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
 */