@kiwicom/orbit-components/lib/tailwind.css

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com's products.

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.container {
  width: 100%;
}

@media (min-width: 320px) {
  .container {
    max-width: 320px;
  }
}

@media (min-width: 414px) {
  .container {
    max-width: 414px;
  }
}

@media (min-width: 576px) {
  .container {
    max-width: 576px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-x-400 {
  left: 16px;
  right: 16px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.inset-y-px {
  top: 1px;
  bottom: 1px;
}

.-left-50 {
  left: -2px;
}

.-top-50 {
  top: -2px;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-400 {
  bottom: 16px;
}

.bottom-50 {
  bottom: 2px;
}

.bottom-\[-3px\] {
  bottom: -3px;
}

.bottom-\[var\(--actions-height\)\] {
  bottom: var(--actions-height);
}

.bottom-\[var\(--box-bottom\)\] {
  bottom: var(--box-bottom);
}

.bottom-\[var\(--error-form-tooltip-bottom\)\] {
  bottom: var(--error-form-tooltip-bottom);
}

.bottom-\[var\(--toast-root-bottom\)\] {
  bottom: var(--toast-root-bottom);
}

.end-0 {
  inset-inline-end: 0px;
}

.end-1200 {
  inset-inline-end: 48px;
}

.end-200 {
  inset-inline-end: 8px;
}

.end-\[var\(--toast-root-end\)\] {
  inset-inline-end: var(--toast-root-end);
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.left-100 {
  left: 4px;
}

.left-50 {
  left: 2px;
}

.left-\[var\(--box-left\)\] {
  left: var(--box-left);
}

.left-\[var\(--error-form-tooltip-left\)\] {
  left: var(--error-form-tooltip-left);
}

.right-0 {
  right: 0px;
}

.right-100 {
  right: 4px;
}

.right-\[-10px\] {
  right: -10px;
}

.right-\[var\(--box-right\)\] {
  right: var(--box-right);
}

.right-\[var\(--error-form-tooltip-right\)\] {
  right: var(--error-form-tooltip-right);
}

.start-0 {
  inset-inline-start: 0px;
}

.start-200 {
  inset-inline-start: 8px;
}

.start-\[var\(--toast-root-start\)\] {
  inset-inline-start: var(--toast-root-start);
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-400 {
  top: 16px;
}

.top-800 {
  top: 32px;
}

.top-\[-10px\] {
  top: -10px;
}

.top-\[15px\] {
  top: 15px;
}

.top-\[calc\(theme\(size\.icon-small\)\+1px\)\] {
  top: calc(16px + 1px);
}

.top-\[calc\(theme\(size\.icon-small\)\/2-1px\)\] {
  top: calc(16px / 2 - 1px);
}

.top-\[var\(--box-top\)\] {
  top: var(--box-top);
}

.top-\[var\(--error-form-tooltip-top\)\] {
  top: var(--error-form-tooltip-top);
}

.top-\[var\(--toast-root-top\)\] {
  top: var(--toast-root-top);
}

.top-full {
  top: 100%;
}

.-z-default {
  z-index: -1;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[10011\] {
  z-index: 10011;
}

.z-\[10012\] {
  z-index: 10012;
}

.z-\[11\] {
  z-index: 11;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[3\] {
  z-index: 3;
}

.z-\[999\] {
  z-index: 999;
}

.z-\[var\(--box-z-index\)\] {
  z-index: var(--box-z-index);
}

.z-default {
  z-index: 1;
}

.z-drawer {
  z-index: 815;
}

.z-navigation-bar {
  z-index: 700;
}

.z-onTop {
  z-index: 900;
}

.z-overlay {
  z-index: 800;
}

.z-sticky {
  z-index: 100;
}

.col-span-full {
  grid-column: 1 / -1;
}

.-m-px {
  margin: -1px;
}

.m-0 {
  margin: 0px;
}

.m-100 {
  margin: 4px;
}

.m-1000 {
  margin: 40px;
}

.m-1200 {
  margin: 48px;
}

.m-150 {
  margin: 6px;
}

.m-1600 {
  margin: 64px;
}

.m-200 {
  margin: 8px;
}

.m-300 {
  margin: 12px;
}

.m-400 {
  margin: 16px;
}

.m-50 {
  margin: 2px;
}

.m-500 {
  margin: 20px;
}

.m-600 {
  margin: 24px;
}

.m-800 {
  margin: 32px;
}

.m-\[var\(--button-icon-left-margin\)\] {
  margin: var(--button-icon-left-margin);
}

.m-\[var\(--button-icon-right-margin\)\] {
  margin: var(--button-icon-right-margin);
}

.m-\[var\(--tab-list-margin\)\] {
  margin: var(--tab-list-margin);
}

.m-\[var\(--tab-panel-margin\)\] {
  margin: var(--tab-panel-margin);
}

.m-\[var\(--text-margin\)\] {
  margin: var(--text-margin);
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-100 {
  margin-left: 4px;
  margin-right: 4px;
}

.mx-300 {
  margin-left: 12px;
  margin-right: 12px;
}

.mx-400 {
  margin-left: 16px;
  margin-right: 16px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-200 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-300 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-100 {
  margin-bottom: 4px;
}

.mb-1000 {
  margin-bottom: 40px;
}

.mb-1200 {
  margin-bottom: 48px;
}

.mb-150 {
  margin-bottom: 6px;
}

.mb-1600 {
  margin-bottom: 64px;
}

.mb-200 {
  margin-bottom: 8px;
}

.mb-300 {
  margin-bottom: 12px;
}

.mb-400 {
  margin-bottom: 16px;
}

.mb-50 {
  margin-bottom: 2px;
}

.mb-500 {
  margin-bottom: 20px;
}

.mb-600 {
  margin-bottom: 24px;
}

.mb-800 {
  margin-bottom: 32px;
}

.mb-\[var\(--tab-list-margin-bottom\)\] {
  margin-bottom: var(--tab-list-margin-bottom);
}

.mb-\[var\(--tab-panel-margin-bottom\)\] {
  margin-bottom: var(--tab-panel-margin-bottom);
}

.mb-\[var\(--text-margin-bottom\)\] {
  margin-bottom: var(--text-margin-bottom);
}

.me-100 {
  margin-inline-end: 4px;
}

.me-150 {
  margin-inline-end: 6px;
}

.me-200 {
  margin-inline-end: 8px;
}

.me-\[var\(--tab-list-margin-right\)\] {
  margin-inline-end: var(--tab-list-margin-right);
}

.me-\[var\(--tab-panel-margin-right\)\] {
  margin-inline-end: var(--tab-panel-margin-right);
}

.ml-0 {
  margin-left: 0px;
}

.ml-100 {
  margin-left: 4px;
}

.ml-1000 {
  margin-left: 40px;
}

.ml-1200 {
  margin-left: 48px;
}

.ml-150 {
  margin-left: 6px;
}

.ml-1600 {
  margin-left: 64px;
}

.ml-200 {
  margin-left: 8px;
}

.ml-300 {
  margin-left: 12px;
}

.ml-400 {
  margin-left: 16px;
}

.ml-50 {
  margin-left: 2px;
}

.ml-500 {
  margin-left: 20px;
}

.ml-600 {
  margin-left: 24px;
}

.ml-800 {
  margin-left: 32px;
}

.ml-\[var\(--text-margin-left\)\] {
  margin-left: var(--text-margin-left);
}

.mr-0 {
  margin-right: 0px;
}

.mr-100 {
  margin-right: 4px;
}

.mr-1000 {
  margin-right: 40px;
}

.mr-1200 {
  margin-right: 48px;
}

.mr-150 {
  margin-right: 6px;
}

.mr-1600 {
  margin-right: 64px;
}

.mr-200 {
  margin-right: 8px;
}

.mr-300 {
  margin-right: 12px;
}

.mr-400 {
  margin-right: 16px;
}

.mr-50 {
  margin-right: 2px;
}

.mr-500 {
  margin-right: 20px;
}

.mr-600 {
  margin-right: 24px;
}

.mr-800 {
  margin-right: 32px;
}

.mr-\[var\(--text-margin-right\)\] {
  margin-right: var(--text-margin-right);
}

.ms-100 {
  margin-inline-start: 4px;
}

.ms-1000 {
  margin-inline-start: 40px;
}

.ms-200 {
  margin-inline-start: 8px;
}

.ms-300 {
  margin-inline-start: 12px;
}

.ms-400 {
  margin-inline-start: 16px;
}

.ms-600 {
  margin-inline-start: 24px;
}

.ms-800 {
  margin-inline-start: 32px;
}

.ms-\[var\(--tab-list-margin-left\)\] {
  margin-inline-start: var(--tab-list-margin-left);
}

.ms-\[var\(--tab-panel-margin-left\)\] {
  margin-inline-start: var(--tab-panel-margin-left);
}

.mt-0 {
  margin-top: 0px;
}

.mt-100 {
  margin-top: 4px;
}

.mt-1000 {
  margin-top: 40px;
}

.mt-1200 {
  margin-top: 48px;
}

.mt-150 {
  margin-top: 6px;
}

.mt-1600 {
  margin-top: 64px;
}

.mt-200 {
  margin-top: 8px;
}

.mt-300 {
  margin-top: 12px;
}

.mt-400 {
  margin-top: 16px;
}

.mt-50 {
  margin-top: 2px;
}

.mt-500 {
  margin-top: 20px;
}

.mt-600 {
  margin-top: 24px;
}

.mt-800 {
  margin-top: 32px;
}

.mt-\[var\(--tab-list-margin-top\)\] {
  margin-top: var(--tab-list-margin-top);
}

.mt-\[var\(--tab-panel-margin-top\)\] {
  margin-top: var(--tab-panel-margin-top);
}

.mt-\[var\(--text-margin-top\)\] {
  margin-top: var(--text-margin-top);
}

.box-border {
  box-sizing: border-box;
}

.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;
}

.table-row {
  display: table-row;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.size-100 {
  width: 4px;
  height: 4px;
}

.size-1000 {
  width: 40px;
  height: 40px;
}

.size-1200 {
  width: 48px;
  height: 48px;
}

.size-150 {
  width: 6px;
  height: 6px;
}

.size-1600 {
  width: 64px;
  height: 64px;
}

.size-200 {
  width: 8px;
  height: 8px;
}

.size-300 {
  width: 12px;
  height: 12px;
}

.size-400 {
  width: 16px;
  height: 16px;
}

.size-50 {
  width: 2px;
  height: 2px;
}

.size-500 {
  width: 20px;
  height: 20px;
}

.size-600 {
  width: 24px;
  height: 24px;
}

.size-800 {
  width: 32px;
  height: 32px;
}

.size-\[10px\] {
  width: 10px;
  height: 10px;
}

.size-\[46px\] {
  width: 46px;
  height: 46px;
}

.size-full {
  width: 100%;
  height: 100%;
}

.size-icon-extra-large {
  width: 28px;
  height: 28px;
}

.size-icon-large {
  width: 24px;
  height: 24px;
}

.size-icon-medium {
  width: 20px;
  height: 20px;
}

.size-icon-small {
  width: 16px;
  height: 16px;
}

.size-px {
  width: 1px;
  height: 1px;
}

.h-0 {
  height: 0px;
}

.h-100 {
  height: 4px;
}

.h-1000 {
  height: 40px;
}

.h-1200 {
  height: 48px;
}

.h-1300 {
  height: 52px;
}

.h-1600 {
  height: 64px;
}

.h-200 {
  height: 8px;
}

.h-300 {
  height: 12px;
}

.h-50 {
  height: 2px;
}

.h-600 {
  height: 24px;
}

.h-800 {
  height: 32px;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[36px\] {
  height: 36px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[7px\] {
  height: 7px;
}

.h-\[80px\] {
  height: 80px;
}

.h-\[90px\] {
  height: 90px;
}

.h-\[calc\(100\%\+theme\(spacing\.50\)\)\] {
  height: calc(100% + 2px);
}

.h-\[calc\(theme\(height\.icon-large\)-1px\)\] {
  height: calc(24px - 1px);
}

.h-\[calc\(theme\(height\.icon-medium\)-1px\)\] {
  height: calc(20px - 1px);
}

.h-\[calc\(theme\(height\.icon-small\)-1px\)\] {
  height: calc(16px - 1px);
}

.h-\[var\(--box-height\)\] {
  height: var(--box-height);
}

.h-\[var\(--button-height\)\] {
  height: var(--button-height);
}

.h-auto {
  height: auto;
}

.h-country-flag-medium {
  height: 13px;
}

.h-country-flag-small {
  height: 9px;
}

.h-fit {
  height: fit-content;
}

.h-form-box-large {
  height: 52px;
}

.h-form-box-normal {
  height: 44px;
}

.h-form-box-small {
  height: 32px;
}

.h-full {
  height: 100%;
}

.h-icon-large {
  height: 24px;
}

.h-icon-medium {
  height: 20px;
}

.h-icon-small {
  height: 16px;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.h-svh {
  height: 100svh;
}

.max-h-\[--max-height\] {
  max-height: var(--max-height);
}

.max-h-\[calc\(100\%-theme\(spacing\.800\)\)\] {
  max-height: calc(100% - 32px);
}

.max-h-\[calc\(100\%_-_theme\(spacing\.800\)\)\] {
  max-height: calc(100% - 32px);
}

.max-h-\[calc\(var\(--window-height\)-var\(--actions-height\)-32px\)\] {
  max-height: calc(var(--window-height) - var(--actions-height) - 32px);
}

.max-h-\[var\(--box-max-height\)\] {
  max-height: var(--box-max-height);
}

.max-h-full {
  max-height: 100%;
}

.max-h-illustration-display {
  max-height: 460px;
}

.max-h-illustration-extra-small {
  max-height: 90px;
}

.max-h-illustration-large {
  max-height: 280px;
}

.max-h-illustration-medium {
  max-height: 200px;
}

.max-h-illustration-small {
  max-height: 120px;
}

.max-h-none {
  max-height: none;
}

.min-h-800 {
  min-height: 32px;
}

.min-h-\[1300px\] {
  min-height: 1300px;
}

.min-h-\[19px\] {
  min-height: 19px;
}

.min-h-\[500px\] {
  min-height: 500px;
}

.min-h-\[600px\] {
  min-height: 600px;
}

.min-h-\[660px\] {
  min-height: 660px;
}

.min-h-\[80px\] {
  min-height: 80px;
}

.min-h-\[96px\] {
  min-height: 96px;
}

.min-h-form-box-normal {
  min-height: 44px;
}

.min-h-full {
  min-height: 100%;
}

.min-h-icon-large {
  min-height: 24px;
}

.min-h-icon-medium {
  min-height: 20px;
}

.min-h-px {
  min-height: 1px;
}

.w-0 {
  width: 0px;
}

.w-1\/2 {
  width: 50%;
}

.w-50 {
  width: 2px;
}

.w-800 {
  width: 32px;
}

.w-\[36px\] {
  width: 36px;
}

.w-\[calc\(100\%\+theme\(spacing\.400\)\)\] {
  width: calc(100% + 16px);
}

.w-\[calc\(100\%-theme\(spacing\.800\)\)\] {
  width: calc(100% - 32px);
}

.w-\[calc\(100\%_-_theme\(spacing\.1000\)\)\] {
  width: calc(100% - 40px);
}

.w-\[calc\(100\%_-_theme\(spacing\.1000\)\*2\)\] {
  width: calc(100% - 40px * 2);
}

.w-\[calc\(100\%_-_theme\(spacing\.300\)\)\] {
  width: calc(100% - 12px);
}

.w-\[calc\(100\%_-_theme\(spacing\.300\)\*2\)\] {
  width: calc(100% - 12px * 2);
}

.w-\[calc\(100\%_-_theme\(spacing\.400\)\)\] {
  width: calc(100% - 16px);
}

.w-\[calc\(100\%_-_theme\(spacing\.400\)\*2\)\] {
  width: calc(100% - 16px * 2);
}

.w-\[calc\(100\%_-_theme\(spacing\.600\)\)\] {
  width: calc(100% - 24px);
}

.w-\[calc\(100\%_-_theme\(spacing\.600\)\*2\)\] {
  width: calc(100% - 24px * 2);
}

.w-\[calc\(100\%_-_theme\(spacing\.800\)\)\] {
  width: calc(100% - 32px);
}

.w-\[calc\(100\%_-_theme\(spacing\.800\)\*2\)\] {
  width: calc(100% - 32px * 2);
}

.w-\[calc\(theme\(width\.icon-large\)-1px\)\] {
  width: calc(24px - 1px);
}

.w-\[calc\(theme\(width\.icon-medium\)-1px\)\] {
  width: calc(20px - 1px);
}

.w-\[calc\(theme\(width\.icon-small\)-1px\)\] {
  width: calc(16px - 1px);
}

.w-\[min\(calc\(100\%-20px\)\2c _100vw\)\] {
  width: min(calc(100% - 20px), 100vw);
}

.w-\[var\(--box-width\)\] {
  width: var(--box-width);
}

.w-\[var\(--button-content-width\)\] {
  width: var(--button-content-width);
}

.w-\[var\(--button-height\)\] {
  width: var(--button-height);
}

.w-\[var\(--button-width\)\] {
  width: var(--button-width);
}

.w-\[var\(--grid-width\)\] {
  width: var(--grid-width);
}

.w-auto {
  width: auto;
}

.w-country-flag-medium {
  width: 24px;
}

.w-country-flag-small {
  width: 16px;
}

.w-form-box-large {
  width: 52px;
}

.w-form-box-normal {
  width: 44px;
}

.w-form-box-small {
  width: 32px;
}

.w-full {
  width: 100%;
}

.w-icon-large {
  width: 24px;
}

.w-icon-medium {
  width: 20px;
}

.w-icon-small {
  width: 16px;
}

.w-min {
  width: min-content;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-600 {
  min-width: 24px;
}

.min-w-\[50px\] {
  min-width: 50px;
}

.min-w-\[var\(--box-min-width\)\] {
  min-width: var(--box-min-width);
}

.min-w-fit {
  min-width: fit-content;
}

.min-w-max {
  min-width: max-content;
}

.max-w-\[--truncate-max-width\] {
  max-width: var(--truncate-max-width);
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[250px\] {
  max-width: 250px;
}

.max-w-\[380px\] {
  max-width: 380px;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-\[var\(--box-max-width\)\] {
  max-width: var(--box-max-width);
}

.max-w-\[var\(--grid-max-width\)\] {
  max-width: var(--grid-max-width);
}

.max-w-\[var\(--orbit-modal-width\)\] {
  max-width: var(--orbit-modal-width);
}

.max-w-full {
  max-width: 100%;
}

.max-w-modal-extra-large {
  max-width: 1280px;
}

.max-w-modal-extra-small {
  max-width: 360px;
}

.max-w-modal-large {
  max-width: 900px;
}

.max-w-modal-normal {
  max-width: 740px;
}

.max-w-modal-small {
  max-width: 540px;
}

.max-w-none {
  max-width: none;
}

.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;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.shrink-\[var\(--box-shrink\)\] {
  flex-shrink: var(--box-shrink);
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.grow-\[var\(--box-grow\)\] {
  flex-grow: var(--box-grow);
}

.basis-0 {
  flex-basis: 0px;
}

.basis-1\/5 {
  flex-basis: 20%;
}

.basis-\[--truncate-max-width\] {
  flex-basis: var(--truncate-max-width);
}

.basis-\[var\(--basis\)\] {
  flex-basis: var(--basis);
}

.basis-auto {
  flex-basis: auto;
}

.basis-full {
  flex-basis: 100%;
}

.border-collapse {
  border-collapse: collapse;
}

.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-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-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-1300 {
  --tw-translate-y: -52px;
  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-\[var\(--toast-message-offset-x\)\] {
  --tw-translate-x: var(--toast-message-offset-x);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.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-\[calc\(100\%\+theme\(spacing\.400\)\)\] {
  --tw-translate-y: calc(100% + 16px);
  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-\[var\(--toast-message-offset-y\)\] {
  --tw-translate-y: var(--toast-message-offset-y);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-180 {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse-zero {
  0% {
    transform: scale(0.01);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.01);
  }
}

.animate-\[pulse-zero_2\.5s_ease-in-out_infinite\] {
  animation: pulse-zero 2.5s ease-in-out infinite;
}

@keyframes toast-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

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

.animate-\[toast-fade-in_theme\(transitionDuration\.normal\)_forwards\] {
  animation: toast-fade-in 0.3s forwards;
}

@keyframes toast-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.animate-\[toast-fade-out_theme\(transitionDuration\.normal\)_forwards\] {
  animation: toast-fade-out 0.3s forwards;
}

@keyframes toast-light {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0%);
  }
}

.animate-\[toast-light_var\(--toast-message-duration\)_linear\] {
  animation: toast-light var(--toast-message-duration) linear;
}

@keyframes loader {
  0% {
    opacity: 0.3;
    transform: translateY(0px);
  }

  20% {
    opacity: 1;
    transform: translateY(-3px);
  }

  40% {
    opacity: 0.3;
    transform: translateY(0px);
  }

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

.animate-loader {
  animation: loader 1.25s infinite ease-in-out;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animate-spinner {
  animation: spinner 0.75s linear infinite;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

.select-none {
  -webkit-user-select: none;
          user-select: none;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize {
  resize: both;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-\[var\(--grid-columns\)\] {
  grid-template-columns: var(--grid-columns);
}

.grid-rows-\[var\(--grid-rows\)\] {
  grid-template-rows: var(--grid-rows);
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-between {
  place-content: space-between;
}

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

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-baseline {
  align-content: baseline;
}

.content-stretch {
  align-content: stretch;
}

.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;
}

.gap-100 {
  gap: 4px;
}

.gap-1000 {
  gap: 40px;
}

.gap-1200 {
  gap: 48px;
}

.gap-150 {
  gap: 6px;
}

.gap-1600 {
  gap: 64px;
}

.gap-200 {
  gap: 8px;
}

.gap-300 {
  gap: 12px;
}

.gap-400 {
  gap: 16px;
}

.gap-50 {
  gap: 2px;
}

.gap-500 {
  gap: 20px;
}

.gap-600 {
  gap: 24px;
}

.gap-800 {
  gap: 32px;
}

.gap-\[var\(--grid-gap\)\] {
  gap: var(--grid-gap);
}

.gap-none {
  gap: 0px;
}

.gap-px {
  gap: 1px;
}

.gap-x-200 {
  column-gap: 8px;
}

.gap-x-\[var\(--grid-column-gap\)\] {
  column-gap: var(--grid-column-gap);
}

.gap-y-600 {
  row-gap: 24px;
}

.gap-y-\[var\(--grid-row-gap\)\] {
  row-gap: var(--grid-row-gap);
}

.space-x-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(4px * var(--tw-space-x-reverse));
  margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1000 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(40px * var(--tw-space-x-reverse));
  margin-left: calc(40px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1200 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(48px * var(--tw-space-x-reverse));
  margin-left: calc(48px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-150 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(6px * var(--tw-space-x-reverse));
  margin-left: calc(6px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1600 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(64px * var(--tw-space-x-reverse));
  margin-left: calc(64px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(8px * var(--tw-space-x-reverse));
  margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(12px * var(--tw-space-x-reverse));
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(16px * var(--tw-space-x-reverse));
  margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2px * var(--tw-space-x-reverse));
  margin-left: calc(2px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(20px * var(--tw-space-x-reverse));
  margin-left: calc(20px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(24px * var(--tw-space-x-reverse));
  margin-left: calc(24px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(32px * var(--tw-space-x-reverse));
  margin-left: calc(32px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-none > :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-px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1px * var(--tw-space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}

.space-y-1000 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(40px * var(--tw-space-y-reverse));
}

.space-y-1200 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(48px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(48px * var(--tw-space-y-reverse));
}

.space-y-150 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6px * var(--tw-space-y-reverse));
}

.space-y-1600 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(64px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(64px * var(--tw-space-y-reverse));
}

.space-y-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(8px * var(--tw-space-y-reverse));
}

.space-y-300 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}

.space-y-400 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse));
}

.space-y-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2px * var(--tw-space-y-reverse));
}

.space-y-500 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(20px * var(--tw-space-y-reverse));
}

.space-y-600 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(24px * var(--tw-space-y-reverse));
}

.space-y-800 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse));
}

.space-y-none > :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-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.self-start {
  align-self: flex-start;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded-100 {
  border-radius: var(--border-radius-100, 4px);
}

.rounded-150 {
  border-radius: 6px;
}

.rounded-200 {
  border-radius: 8px;
}

.rounded-300 {
  border-radius: 12px;
}

.rounded-400 {
  border-radius: 16px;
}

.rounded-50 {
  border-radius: 2px;
}

.rounded-\[1px\] {
  border-radius: 1px;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-\[var\(--button-height\)\] {
  border-radius: var(--button-height);
}

.rounded-badge {
  border-radius: 12px;
}

.rounded-dialog-mobile {
  border-radius: 12px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-none {
  border-radius: 0;
}

.rounded-b-\[11px\] {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-e-100 {
  border-start-end-radius: var(--border-radius-100, 4px);
  border-end-end-radius: var(--border-radius-100, 4px);
}

.rounded-l-150 {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-r-150 {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.rounded-t-200 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rounded-t-300 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.rounded-t-modal {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-s-\[3px\] {
  border-inline-start-width: 3px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

.border-alert-critical {
  border-color: rgba(210, 28, 28, 0.1);
}

.border-alert-info {
  border-color: rgba(0, 112, 200, 0.1);
}

.border-alert-success {
  border-color: rgba(4, 135, 36, 0.1);
}

.border-alert-warning {
  border-color: rgba(179, 98, 0, 0.1);
}

.border-blue-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-dark, 0, 90, 163), var(--tw-border-opacity));
}

.border-blue-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-dark-active, 0, 62, 112), var(--tw-border-opacity));
}

.border-blue-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-dark-hover, 0, 79, 143), var(--tw-border-opacity));
}

.border-blue-darker {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-darker, 0, 56, 102), var(--tw-border-opacity));
}

.border-blue-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-light, 232, 244, 253), var(--tw-border-opacity));
}

.border-blue-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-light-active, 199, 228, 250), var(--tw-border-opacity));
}

.border-blue-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-light-hover, 222, 240, 252), var(--tw-border-opacity));
}

.border-blue-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-normal, 0, 112, 200), var(--tw-border-opacity));
}

.border-blue-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-normal-active, 1, 80, 142), var(--tw-border-opacity));
}

.border-blue-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-normal-hover, 1, 97, 172), var(--tw-border-opacity));
}

.border-bundle-basic {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-bundle-basic, 215, 51, 28), var(--tw-border-opacity));
}

.border-bundle-medium {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-bundle-medium, 59, 30, 176), var(--tw-border-opacity));
}

.border-cloud-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-dark, 186, 199, 213), var(--tw-border-opacity));
}

.border-cloud-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-dark-active, 148, 168, 190), var(--tw-border-opacity));
}

.border-cloud-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-dark-hover, 166, 182, 200), var(--tw-border-opacity));
}

.border-cloud-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-light, 245, 247, 249), var(--tw-border-opacity));
}

.border-cloud-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-light-active, 214, 222, 230), var(--tw-border-opacity));
}

.border-cloud-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-light-hover, 229, 234, 239), var(--tw-border-opacity));
}

.border-cloud-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-normal, 232, 237, 241), var(--tw-border-opacity));
}

.border-cloud-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-normal-active, 202, 212, 222), var(--tw-border-opacity));
}

.border-cloud-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-normal-hover, 220, 227, 233), var(--tw-border-opacity));
}

.border-elevation-flat-border-color {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-normal, 232, 237, 241), var(--tw-border-opacity));
}

.border-form-element-border-color {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-cloud-dark, 186, 199, 213), var(--tw-border-opacity));
}

.border-form-element-error {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-normal, 210, 28, 28), var(--tw-border-opacity));
}

.border-form-element-focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-blue-normal, 0, 112, 200), var(--tw-border-opacity));
}

.border-green-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-dark, 41, 107, 51), var(--tw-border-opacity));
}

.border-green-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-dark-active, 28, 74, 35), var(--tw-border-opacity));
}

.border-green-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-dark-hover, 33, 89, 42), var(--tw-border-opacity));
}

.border-green-darker {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-darker, 22, 59, 28), var(--tw-border-opacity));
}

.border-green-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-light, 234, 245, 234), var(--tw-border-opacity));
}

.border-green-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-light-active, 205, 228, 207), var(--tw-border-opacity));
}

.border-green-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-light-hover, 225, 239, 226), var(--tw-border-opacity));
}

.border-green-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-normal, 4, 135, 36), var(--tw-border-opacity));
}

.border-green-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-normal-active, 3, 99, 27), var(--tw-border-opacity));
}

.border-green-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-green-normal-hover, 4, 118, 32), var(--tw-border-opacity));
}

.border-ink-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-dark, 37, 42, 49), var(--tw-border-opacity));
}

.border-ink-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-dark-active, 11, 12, 15), var(--tw-border-opacity));
}

.border-ink-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-dark-hover, 24, 27, 32), var(--tw-border-opacity));
}

.border-ink-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-light, 101, 120, 144), var(--tw-border-opacity));
}

.border-ink-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-light-active, 78, 92, 111), var(--tw-border-opacity));
}

.border-ink-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-light-hover, 88, 105, 126), var(--tw-border-opacity));
}

.border-ink-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-normal, 79, 94, 113), var(--tw-border-opacity));
}

.border-ink-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-normal-active, 50, 66, 86), var(--tw-border-opacity));
}

.border-ink-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-ink-normal-hover, 62, 78, 99), var(--tw-border-opacity));
}

.border-orange-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-dark, 138, 69, 0), var(--tw-border-opacity));
}

.border-orange-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-dark-active, 87, 44, 0), var(--tw-border-opacity));
}

.border-orange-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-dark-hover, 112, 56, 0), var(--tw-border-opacity));
}

.border-orange-darker {
  --tw-border-opacity: 1;
  border-color: rgb(77 38 0 / var(--tw-border-opacity));
}

.border-orange-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-light, 254, 242, 230), var(--tw-border-opacity));
}

.border-orange-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-light-active, 250, 226, 198), var(--tw-border-opacity));
}

.border-orange-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-light-hover, 252, 236, 218), var(--tw-border-opacity));
}

.border-orange-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-normal, 179, 98, 0), var(--tw-border-opacity));
}

.border-orange-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-normal-active, 128, 70, 0), var(--tw-border-opacity));
}

.border-orange-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-orange-normal-hover, 153, 84, 0), var(--tw-border-opacity));
}

.border-product-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-dark, 0, 112, 97), var(--tw-border-opacity));
}

.border-product-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-dark-active, 0, 66, 57), var(--tw-border-opacity));
}

.border-product-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-dark-hover, 0, 92, 79), var(--tw-border-opacity));
}

.border-product-darker {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-darker, 0, 61, 53), var(--tw-border-opacity));
}

.border-product-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-light, 225, 244, 243), var(--tw-border-opacity));
}

.border-product-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-light-active, 191, 232, 226), var(--tw-border-opacity));
}

.border-product-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-light-hover, 214, 240, 236), var(--tw-border-opacity));
}

.border-product-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-normal, 0, 143, 123), var(--tw-border-opacity));
}

.border-product-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-normal-active, 0, 97, 83), var(--tw-border-opacity));
}

.border-product-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-product-normal-hover, 0, 117, 101), var(--tw-border-opacity));
}

.border-red-dark {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-dark, 151, 12, 12), var(--tw-border-opacity));
}

.border-red-dark-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-dark-active, 109, 9, 9), var(--tw-border-opacity));
}

.border-red-dark-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-dark-hover, 137, 11, 11), var(--tw-border-opacity));
}

.border-red-darker {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-darker, 99, 8, 8), var(--tw-border-opacity));
}

.border-red-light {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-light, 250, 234, 234), var(--tw-border-opacity));
}

.border-red-light-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-light-active, 243, 206, 206), var(--tw-border-opacity));
}

.border-red-light-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-light-hover, 248, 226, 226), var(--tw-border-opacity));
}

.border-red-normal {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-normal, 210, 28, 28), var(--tw-border-opacity));
}

.border-red-normal-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-normal-active, 157, 21, 21), var(--tw-border-opacity));
}

.border-red-normal-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-red-normal-hover, 185, 25, 25), var(--tw-border-opacity));
}

.border-social-facebook {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-social-facebook, 59, 89, 152), var(--tw-border-opacity));
}

.border-social-facebook-active {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-social-facebook-active, 53, 79, 136), var(--tw-border-opacity));
}

.border-social-facebook-hover {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-social-facebook-hover, 56, 84, 144), var(--tw-border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgba(var(--palette-white-normal, 255, 255, 255), var(--tw-border-opacity));
}

.border-b-cloud-dark {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--palette-cloud-dark, 186, 199, 213), var(--tw-border-opacity));
}

.border-b-cloud-normal {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--palette-cloud-normal, 232, 237, 241), var(--tw-border-opacity));
}

.border-b-elevation-flat-border-color {
  --tw-border-opacity: 1;
  border-bottom-color: rgba(var(--palette-cloud-normal, 232, 237, 241), var(--tw-border-opacity));
}

.border-s-blue-normal {
  --tw-border-opacity: 1;
  border-inline-start-color: rgba(var(--palette-blue-normal, 0, 112, 200), var(--tw-border-opacity));
}

.border-s-green-normal {
  --tw-border-opacity: 1;
  border-inline-start-color: rgba(var(--palette-green-normal, 4, 135, 36), var(--tw-border-opacity));
}

.border-s-ink-dark {
  --tw-border-opacity: 1;
  border-inline-start-color: rgba(var(--palette-ink-dark, 37, 42, 49), var(--tw-border-opacity));
}

.border-s-orange-normal {
  --tw-border-opacity: 1;
  border-inline-start-color: rgba(var(--palette-orange-normal, 179, 98, 0), var(--tw-border-opacity));
}

.border-s-red-normal {
  --tw-border-opacity: 1;
  border-inline-start-color: rgba(var(--palette-red-normal, 210, 28, 28), var(--tw-border-opacity));
}

.bg-\[\#CFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 255 204 / var(--tw-bg-opacity));
}

.bg-\[black\]\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  background-color: rgba(0,0,0,0.5);
}

.bg-\[rgba\(23\2c 27\2c 30\2c 0\.6\)\] {
  background-color: rgba(23,27,30,0.6);
}

.bg-\[var\(--button-background\)\] {
  background-color: var(--button-background);
}

.bg-badge-critical-background {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--palette-red-normal, 210, 28, 28), var(--tw-bg-opacity));
}

.bg-badge-critical-subtle-background {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--palette-red-light, 250, 234, 234), var(--tw-bg-opacity));
}

.bg-badge-dark-background {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--palette-ink-dark, 37, 42, 49), var(--tw-bg-opacity));
}

.bg-badge-info-background {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--palette-blue-normal, 0, 112, 200), var(--tw-bg-opacity));
}

.bg-badge-info-subtle-background {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--palette-blue-light, 232, 244, 253), var(--tw-bg-opacity));
}

.bg-badge-neutral-background {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--palette-cloud-light, 245, 247, 249), var(--tw-bg-opac