*, :after, :before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}

:after, :before {
  --tw-content: "";
}

#root {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-feature-settings: normal;
  font-family: var(--font-family-primary);
  font-variation-settings: normal;
  -moz-tab-size: 44;
  tab-size: 44;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

body {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

hr {
  color: inherit;
  border-top-width: 1px;
  height: 0;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

[type="button"], [type="reset"], [type="submit"], progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button {
  height: auto;
}

::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  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, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre, fieldset {
  margin: 0;
}

fieldset, legend {
  padding: 0;
}

menu, ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  color: #9ca3af;
  opacity: 1;
}

[role="button"], button {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

input:read-only, textarea:read-only {
  background-color: var(--color-graySuperLight);
  color: var(--color-grayIntermedie);
}

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

*, :after, :before {
  --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-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: var(--color-white);
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 var(--color-black);
  --tw-ring-shadow: 0 0 var(--color-black);
  --tw-shadow: 0 0 var(--color-black);
  --tw-shadow-colored: 0 0 var(--color-black);
  --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-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: var(--color-white);
  --tw-ring-color: #3b82f680;
  --tw-ring-offset-shadow: 0 0 var(--color-black);
  --tw-ring-shadow: 0 0 var(--color-black);
  --tw-shadow: 0 0 var(--color-black);
  --tw-shadow-colored: 0 0 var(--color-black);
  --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: ;
}

:root {
  --margin-x: 1rem;
}

@media (min-width: 800px) {
  :root {
    --margin-x: 1.5rem;
  }
}

@media (min-width: 1280px) {
  :root {
    --margin-x: 4rem;
  }

  .has-min-sidebar {
    --margin-x: 2.5rem;
  }

  .is-sidebar-open {
    --margin-x: 1.5rem;
  }
}

[data-x-cloak], [x-cloak] {
  display: none !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-slate-50);
  font-family: var(--font-family-primary);
  font-size: var(--text-xs-plus);
  text-rendering: optimizeLegibility;
  line-height: 1.25rem;
}

body.is-monochrome:before, .is-monochrome:before {
  --tw-backdrop-grayscale: grayscale(100%);
  --tw-backdrop-opacity: opacity(.92);
  --tw-content: "";
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  content: var(--tw-content);
  pointer-events: none;
  z-index: 999999;
  width: calc(100% + 10rem);
  height: calc(100% + 10rem);
  margin: -5rem;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.app-preloader .app-preloader-inner:after, .app-preloader .app-preloader-inner:before {
  --tw-content: "";
  content: var(--tw-content);
  background-color: #cbd5e140;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  animation: 3s cubic-bezier(.55, .15, .45, .85) infinite spinner-grow;
  position: absolute;
}

.app-preloader .app-preloader-inner:after {
  animation-delay: -1.5s;
}

.menu-toggle span {
  --tw-translate-x: 0px;
  height: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: currentColor;
  width: 1.25rem;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.menu-toggle span:nth-of-type(2) {
  width: .75rem;
}

.menu-toggle.active span {
  --tw-translate-x: -.5rem;
  width: 11px;
  margin-left: .5rem;
}

.menu-toggle.active span, .menu-toggle.active span:first-child {
  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));
}

.menu-toggle.active span:first-child {
  --tw-rotate: -45deg;
}

.menu-toggle.active span:nth-of-type(2) {
  display: none;
}

.menu-toggle.active span:nth-of-type(3) {
  --tw-rotate: 45deg;
}

.main-sidebar, .menu-toggle.active span:nth-of-type(3) {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.main-sidebar {
  --tw-translate-x: -100%;
  height: 100%;
  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));
  width: var(--main-sidebar-width);
  z-index: 40;
  flex-shrink: 0;
  transition-property: transform;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
  position: fixed;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .main-sidebar {
    --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));
    z-index: 60;
  }
}

.is-sidebar-open .main-sidebar {
  --tw-translate-x: 0px;
}

.is-sidebar-open .main-sidebar, .sidebar-panel {
  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));
}

.sidebar-panel {
  --tw-translate-x: -100%;
  --tw-shadow: 0 3px 10px 0 #302e380f;
  --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
  height: 100%;
  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));
  width: calc(var(--main-sidebar-width)  + var(--sidebar-panel-width));
  z-index: 30;
  transition: transform .25s cubic-bezier(.4, 0, 1, 1) .15s;
  position: fixed;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .sidebar-panel {
    transition-delay: unset;
  }
}

.is-sidebar-open .sidebar-panel {
  --tw-translate-x: 0px;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.is-sidebar-open .sidebar-panel, .sidebar-panel-min {
  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));
}

.sidebar-panel-min {
  --tw-translate-x: -100%;
  --tw-shadow: 0 3px 10px 0 #302e380f;
  --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
  height: 100%;
  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));
  width: var(--sidebar-panel-min-width);
  z-index: 40;
  flex-shrink: 0;
  transition-property: transform;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
  position: fixed;
}

@media (min-width: 768px) {
  .sidebar-panel-min {
    --tw-translate-x: var(--main-sidebar-width);
    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));
  }
}

.is-sidebar-open .sidebar-panel-min {
  --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));
}

nav.header {
  height: var(--main-header-height);
  z-index: 20;
  border-color: #e9eef5;
  border-bottom-width: 1px;
  width: 100%;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  nav.header {
    width: calc(100% - var(--main-sidebar-width));
  }
}

nav.header:before {
  --tw-content: "";
  background-color: var(--color-white);
  content: var(--tw-content);
  width: calc(100vw - 100%);
  height: 100%;
  position: absolute;
  left: calc(100% - 100vw);
}

nav.header .header-container {
  padding-left: var(--margin-x);
  padding-right: var(--margin-x);
  transition-property: padding, width;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

@media (min-width: 768px) {
  .has-min-sidebar nav.header {
    width: calc(100% - var(--main-sidebar-width)  - var(--sidebar-panel-min-width));
  }
}

@media (min-width: 1280px) {
  .is-sidebar-open nav.header {
    width: calc(100% - var(--main-sidebar-width)  - var(--sidebar-panel-width));
  }
}

.main-content {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: start;
  margin-top: 45px;
  transition-property: width, margin-left, margin-right, padding-left, padding-right;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
  display: grid;
}

@media print {
  .main-content {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .main-content {
    margin-left: var(--main-sidebar-width);
  }

  .has-min-sidebar .main-content {
    margin-left: calc(var(--main-sidebar-width)  + var(--sidebar-panel-min-width));
  }
}

.is-sidebar-open .main-content {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

@media (min-width: 1280px) {
  .is-sidebar-open .main-content {
    margin-left: calc(var(--main-sidebar-width)  + var(--sidebar-panel-width));
  }
}

.navigation\:sideblock {
  --sideblock-width: 260px;
}

.navigation\:sideblock .sidebar-panel {
  --tw-translate-x: -100%;
  width: var(--sideblock-width);
}

.navigation\:sideblock .sidebar-panel, .navigation\:sideblock.is-sidebar-open .sidebar-panel {
  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));
}

.navigation\:sideblock.is-sidebar-open .sidebar-panel {
  --tw-translate-x: 0px;
}

.navigation\:sideblock nav.header {
  width: 100%;
}

.navigation\:horizontal .main-content {
  margin-left: 0;
}

@media (min-width: 640px) {
  .navigation\:horizontal .main-content {
    margin-top: 7rem;
  }
}

.h-100vh {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

.min-h-100vh {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.inline-space > :not([hidden]) {
  margin-bottom: .625rem;
  margin-right: .625rem;
}

code.inline-code {
  background-color: var(--color-graySuperLight);
  color: var(--color-secondary);
  border-radius: .25rem;
  padding: .125rem .25rem;
  font-size: .8125rem;
  line-height: 1.125rem;
}

.is-scrollbar-hidden {
  scrollbar-width: none;
}

.is-scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

@supports selector(::-webkit-scrollbar) {
  .scrollbar-sm::-webkit-scrollbar {
    width: .375rem;
    height: .375rem;
  }

  .scrollbar-sm:focus-within::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 9999px;
  }

  .scrollbar-sm:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-color);
    border-radius: 9999px;
  }

  .scrollbar-sm::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-text-slate-400);
  }

  .scrollbar-sm-dark::-webkit-scrollbar {
    width: .5rem;
    height: .5rem;
  }

  .scrollbar-sm-dark-smallsize::-webkit-scrollbar {
    width: .3rem;
    height: .3rem;
  }

  .scrollbar-sm-dark::-webkit-scrollbar-track {
    background-color: var(--scrollbar-color);
  }

  .scrollbar-sm-dark:focus-within::-webkit-scrollbar-thumb {
    background-color: var(--color-grayIntermedie);
    border-radius: 9999px;
  }

  .scrollbar-sm-dark:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-grayIntermedie);
    border-radius: 9999px;
  }

  .scrollbar-sm-dark::-webkit-scrollbar-thumb {
    background-color: var(--color-grayLight);
    border-radius: 9999px;
  }

  .scrollbar-sm-dark::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-grayMedium);
  }
}

.card {
  --tw-shadow: 0 3px 10px 0 #302e380f;
  --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color);
  background-color: var(--color-white);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
  color: var(--color-primary);
  overflow-wrap: break-word;
  border-radius: .5rem;
  flex-direction: column;
  min-width: 1px;
  display: flex;
  position: relative;
}

.spinner-box {
  overflow-wrap: break-word;
  flex-direction: column;
  min-width: 1px;
  min-height: 100%;
  display: flex;
  position: relative;
}

@media print {
  .card {
    border-width: 1px;
  }
}

.skeleton {
  --sk-color: var(--color-white) fff80;
  position: relative;
  overflow: hidden;
}

.skeleton.animate-wave:after {
  --tw-content: "";
  background: linear-gradient(90deg, transparent, var(--sk-color), transparent);
  content: var(--tw-content);
  animation: 1.5s ease-in-out .5s infinite skeleton-wave;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes skeleton-wave {
  0% {
    transform: translateX(-100%);
  }

  50%, to {
    transform: translateX(100%);
  }
}

.avatar {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  position: relative;
}

.avatar > img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.avatar > .is-initial, .avatar > img {
  width: 100%;
  height: 100%;
}

.avatar > .is-initial {
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.spinner.is-grow span {
  animation: 1.5s ease-in-out infinite spinner-grow;
}

.spinner.is-elastic {
  animation-duration: 1.3;
  animation-timing-function: cubic-bezier(.53, .21, .29, .67);
}

.spinner.is-grow span:first-child {
  animation-delay: -.75s;
}

@keyframes spinner-grow {
  0%, to {
    transform: scale(0);
  }

  50% {
    transform: scale(1.1);
  }
}

.popper-root {
  visibility: hidden;
  z-index: 1000;
  position: absolute;
}

.popper-root.show {
  visibility: visible;
}

.popper-root > .popper-box {
  color: var(--color-primary);
  opacity: 0;
  transition-property: transform, visibility, opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.popper-root.show > .popper-box {
  opacity: 1;
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
  transform: translate(0) !important;
}

.popper-root[data-popper-placement^="right"] > .popper-box {
  --tw-translate-x: .75rem;
}

.popper-root[data-popper-placement^="bottom"] > .popper-box, .popper-root[data-popper-placement^="right"] > .popper-box {
  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));
}

.popper-root[data-popper-placement^="bottom"] > .popper-box {
  --tw-translate-y: .75rem;
}

.popper-root[data-popper-placement^="top"] > .popper-box {
  --tw-translate-y: -.75rem;
}

.popper-root[data-popper-placement^="left"] > .popper-box, .popper-root[data-popper-placement^="top"] > .popper-box {
  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));
}

.popper-root[data-popper-placement^="left"] > .popper-box {
  --tw-translate-x: -.75rem;
}

.popper-root[data-popper-placement^="top"] [data-popper-arrow] {
  bottom: .25rem;
}

.popper-root[data-popper-placement^="top"] [data-popper-arrow] > svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  top: .875rem;
}

.popper-root[data-popper-placement^="bottom"] [data-popper-arrow] {
  top: .25rem;
}

.popper-root[data-popper-placement^="bottom"] [data-popper-arrow] > svg {
  bottom: .875rem;
}

.popper-root[data-popper-placement^="left"] [data-popper-arrow] {
  right: .125rem;
}

.popper-root[data-popper-placement^="left"] [data-popper-arrow] svg {
  top: calc(50% - 5px);
  left: 13px;
  transform: rotate(90deg);
}

.popper-root[data-popper-placement^="right"] [data-popper-arrow] {
  left: .125rem;
}

.popper-root[data-popper-placement^="right"] [data-popper-arrow] svg {
  top: calc(50% - 5px);
  right: 13px;
  transform: rotate(-90deg);
}

.form-checkbox, .form-checkbox:before, .form-input, .form-multiselect, .form-radio, .form-radio:before, .form-select, .form-switch, .form-switch:before, .form-textarea {
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.form-input, .form-multiselect, .form-select, .form-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  letter-spacing: .025em;
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.form-input::-moz-placeholder {
  font-weight: 300;
}

.form-multiselect::-moz-placeholder {
  font-weight: 300;
}

.form-select::-moz-placeholder {
  font-weight: 300;
}

.form-textarea::-moz-placeholder {
  font-weight: 300;
}

.form-input::placeholder, .form-multiselect::placeholder, .form-select::placeholder, .form-textarea::placeholder {
  font-weight: 300;
}

.form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.form-input, .form-multiselect, .form-select, .form-textarea {
  contain: paint;
}

.form-select {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27%3E%3Cpath stroke=%27%235C6B8A%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
}

.form-multiselect {
  background-image: none;
  background-position: 0 0;
  background-repeat: unset;
  background-size: initial;
  -webkit-print-color-adjust: unset;
  print-color-adjust: unset;
  padding-right: .75rem;
}

.form-checkbox, .form-radio, .form-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.form-checkbox, .form-checkbox:focus, .form-radio, .form-radio:focus, .form-switch, .form-switch:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.form-checkbox, .form-radio, .form-switch {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.form-switch {
  --thumb-border: 2px;
}

.form-switch:before {
  content: var(--tw-content);
  height: calc(100% - var(--thumb-border) * 2);
  left: var(--thumb-border);
  top: var(--thumb-border);
  width: calc(50% - var(--thumb-border) * 2);
  position: absolute;
}

.form-switch:checked:before {
  --tw-translate-x: calc(100% + var(--thumb-border) * 2);
  content: var(--tw-content);
  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));
}

.form-switch:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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 var(--color-black));
}

.form-switch.is-outline:before {
  content: var(--tw-content);
  width: calc(50% - var(--thumb-border) * 2 - 1px);
}

.form-switch.is-outline:checked:before {
  --tw-translate-x: calc(100% + var(--thumb-border) * 2 + 2px);
  content: var(--tw-content);
  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));
}

.form-radio {
  --tw-thumb: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%273.5%27/%3E%3C/svg%3E");
}

.form-radio:before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.form-checkbox {
  --tw-thumb: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 16 16%27 fill=%27%23fff%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z%27/%3E%3C/svg%3E");
}

.form-checkbox:before {
  content: var(--tw-content);
  transform-origin: bottom;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.form-checkbox, .form-radio {
  border-width: 1px;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  display: inline-block;
}

.form-checkbox:before, .form-radio:before {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.form-checkbox:before, .form-checkbox:checked:before, .form-radio:before, .form-radio:checked:before {
  content: var(--tw-content);
  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));
}

.form-checkbox:checked:before, .form-radio:checked:before {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.form-checkbox:hover, .form-radio:hover {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --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 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
}

.form-checkbox.is-basic, .form-radio.is-basic {
  background-origin: border-box;
}

.form-checkbox.is-basic:before, .form-radio.is-basic:before {
  background-image: var(--tw-thumb);
  content: var(--tw-content);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-checkbox.is-outline:before, .form-radio.is-outline:before {
  content: var(--tw-content);
  -webkit-mask-image: var(--tw-thumb);
  -webkit-mask-image: var(--tw-thumb);
  mask-image: var(--tw-thumb);
}

.form-range {
  --range-thumb-size: 1.125rem;
  --range-track-h: .375rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline-offset: 2px;
  background-color: #0000;
  outline: 2px solid #0000;
  width: 100%;
  display: block;
}

.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: var(--range-thumb-size);
  width: var(--range-thumb-size);
  background-color: currentColor;
  border-style: none;
  border-radius: 9999px;
  position: relative;
  top: 50%;
}

.form-range::-webkit-slider-thumb:active {
  opacity: .85;
}

.form-range::-webkit-slider-thumb {
  transform: translateY(-50%);
}

.form-range::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: var(--range-thumb-size);
  width: var(--range-thumb-size);
  background-color: currentColor;
  border-style: none;
  border-radius: 9999px;
  position: relative;
  top: 50%;
}

.form-range::-moz-range-thumb:active {
  opacity: .85;
}

.form-range::-moz-range-track {
  height: var(--range-track-h);
  background-color: #e9eef5;
  border-radius: 9999px;
  width: 100%;
}

.form-range::-webkit-slider-runnable-track {
  height: var(--range-track-h);
  background-color: #e9eef5;
  border-radius: 9999px;
  width: 100%;
}

:root {
  --ts-pr-clear-button: 0;
  --ts-pr-caret: 0;
  --ts-pr-min: .75rem;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-control {
  padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button)  + var(--ts-pr-caret)) !important;
}

.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  box-shadow: inset 0 0 12px 4px var(--color-white);
  background: var(--color-graySuperLight) !important;
  visibility: visible !important;
  background: #0000000f !important;
  border: 0 !important;
}

.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after {
  content: "!";
  visibility: hidden;
}

.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px #0003;
}

.plugin-checkbox_options .option input {
  margin-right: .5rem;
}

.plugin-clear_button {
  --ts-pr-clear-button: 1em;
}

.plugin-clear_button .clear-button {
  cursor: pointer;
  opacity: 0;
  transition: opacity .5s;
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  background: none !important;
  margin-right: 0 !important;
}

.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {
  right: max(var(--ts-pr-caret), 8px);
}

.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  border-radius: 3px 3px 0 0;
  padding: 10px 8px;
  position: relative;
}

.ts-wrapper .dropdown-header-close {
  color: #303030;
  opacity: .4;
  margin-top: -12px;
  line-height: 20px;
  position: absolute;
  top: 50%;
  right: 8px;
  font-size: 20px !important;
}

.ts-wrapper .dropdown-header-close:hover {
  color: var(--color-black);
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}

.plugin-dropdown_input .dropdown-input {
  box-shadow: none;
  background: none;
  border: 0 solid #d0d0d0;
  border-bottom-width: 1px;
  width: 100%;
  padding: 8px;
  display: block;
}

.plugin-dropdown_input .items-placeholder {
  width: 100%;
  box-shadow: none !important;
  border: 0 !important;
}

.plugin-dropdown_input.dropdown-active .items-placeholder, .plugin-dropdown_input.has-items .items-placeholder {
  display: none !important;
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: #0000;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid var(--color-graySuperLight);
  border-top: 0;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0;
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0;
}

.ts-wrapper.plugin-remove_button .item {
  align-items: center;
  display: inline-flex;
  padding-right: 0 !important;
}

.ts-wrapper.plugin-remove_button .item .remove {
  box-sizing: border-box;
  color: inherit;
  vertical-align: middle;
  border-radius: 0 2px 2px 0;
  padding: 0 6px;
  text-decoration: none;
  display: inline-block;
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: #0000000d;
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}

.ts-wrapper.plugin-remove_button .remove-single {
  font-size: 23px;
  position: absolute;
  top: 0;
  right: 0;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left: 1px solid #d0d0d0;
  margin-left: 6px;
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: #cacaca;
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: var(--color-white);
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right: 1px solid #d0d0d0;
  margin-right: 6px;
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: #cacaca;
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: var(--color-white);
}

.ts-wrapper {
  position: relative;
}

.ts-control, .ts-control input, .ts-dropdown {
  -webkit-font-smoothing: inherit;
  font-smooth: inherit;
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
  background: var(--color-white);
  cursor: text;
}

.ts-control {
  box-shadow: none;
  box-sizing: border-box;
  z-index: 1;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ts-wrapper.multi.has-items .ts-control {
  padding: 6px 8px 3px;
}

.full .ts-control {
  background-color: var(--color-white);
}

.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

.focus .ts-control {
  box-shadow: none;
}

.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}

.ts-wrapper.multi .ts-control > div {
  background: var(--color-graySuperLight);
  color: #303030;
  cursor: pointer;
  border: 0 solid #d0d0d0;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
}

.ts-wrapper.multi .ts-control > div.active {
  color: #303030;
  background: #e8e8e8;
  border: 0 solid #cacaca;
}

.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  background: var(--color-white);
  border: 0 solid var(--color-white);
  color: #7d7d7d;
}

.ts-control > input {
  flex: auto;
  min-width: 7rem;
  box-shadow: none !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  -webkit-user-select: auto !important;
  user-select: auto !important;
  background: none !important;
  border: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}

.ts-control > input::-ms-clear {
  display: none;
}

.ts-control > input:focus {
  outline: none !important;
}

.has-items .ts-control > input {
  margin: 0 4px !important;
}

.ts-control.rtl {
  text-align: right;
}

.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}

.disabled .ts-control {
  opacity: .5;
  background-color: #fafafa;
}

.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  background: var(--color-white);
  box-sizing: border-box;
  z-index: 10;
  border: 1px solid #d0d0d0;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  width: 100%;
  margin: .25rem 0 0;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 1px 3px #0000001a;
}

.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.ts-dropdown [data-selectable] .highlight {
  background: #7da8d033;
  border-radius: 1px;
}

.ts-dropdown .create, .ts-dropdown .no-results, .ts-dropdown .optgroup-header, .ts-dropdown .option {
  padding: 5px 8px;
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: .5;
}

.ts-dropdown [data-selectable].option {
  cursor: pointer;
  opacity: 1;
}

.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0;
}

.ts-dropdown .optgroup-header {
  background: var(--color-white);
  color: #303030;
  cursor: default;
}

.ts-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.ts-dropdown .active.create {
  color: #495c68;
}

.ts-dropdown .spinner {
  width: 30px;
  height: 30px;
  margin: 5px 8px;
  display: inline-block;
}

.ts-dropdown .spinner:after {
  content: " ";
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 #0000;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 3px;
  animation: 1.2s linear infinite lds-dual-ring;
  display: block;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.ts-dropdown-content {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  max-height: 200px;
  overflow: hidden auto;
}

.ts-hidden-accessible {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.ts-control {
  border-color: var(--border-color-base);
  font-family: var(--font-family-secondary);
  outline-offset: 2px;
  border-radius: .5rem;
  outline: 2px solid #0000;
  padding: .5rem .75rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ts-control:hover {
  border-color: var(--color-text-slate-400);
}

.input-active .ts-control {
  border-color: var(--color-text-primary);
}

.ts-control, .ts-control input, .ts-dropdown {
  color: var(--color-text-slate-600);
  font-size: var(--text-xs-plus);
  line-height: 1.5;
}

.ts-control input::-moz-placeholder {
  color: #94a3b8b3;
}

.ts-control::-moz-placeholder {
  color: #94a3b8b3;
}

.ts-dropdown::-moz-placeholder {
  color: #94a3b8b3;
}

.ts-control input::placeholder, .ts-control::placeholder, .ts-dropdown::placeholder {
  color: #94a3b8b3;
}

:is(.dark .ts-control input) {
  color: #c2c9d6;
}

:is(.dark .ts-control) {
  color: #c2c9d6;
}

:is(.dark .ts-dropdown) {
  color: #c2c9d6;
}

.ts-wrapper.multi .ts-control > div {
  color: #1e293b;
  background-color: #e9eef5;
  border-radius: .25rem;
}

.ts-dropdown {
  --tw-shadow: 0 0 var(--color-black);
  --tw-shadow-colored: 0 0 var(--color-black);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
  border-color: #e9eef5;
  border-radius: .375rem;
  overflow: hidden;
}

:is(.dark .ts-dropdown) {
  background-color: #26334d;
  border-color: #313e59;
}

.ts-dropdown .create {
  color: var(--color-text-slate-600);
}

.ts-dropdown .active, .ts-dropdown .create:hover, .ts-dropdown .option:hover {
  background-color: var(--color-text-primary);
  color: var(--color-white);
}

:is(.dark .ts-dropdown .active) {
  background-color: #5f5af6;
}

:is(.dark .ts-dropdown .create:hover) {
  background-color: #5f5af6;
}

:is(.dark .ts-dropdown .option:hover) {
  background-color: #5f5af6;
}

.ts-dropdown .active.create, .ts-dropdown .create:hover.create, .ts-dropdown .option:hover.create {
  color: var(--color-white);
}

.ts-wrapper.plugin-remove_button .item .remove {
  border-color: var(--border-color-base);
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
  background-color: #0000;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single.input-active .ts-control {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27%3E%3Cpath stroke=%27%235C6B8A%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3E%3C/svg%3E");
  background-position: right .5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.25rem;
}

.btn {
  cursor: pointer;
  letter-spacing: .025em;
  text-align: center;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  transition-property: all;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.btn, .btn:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

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

.badge, [data-simplebar] {
  flex-flow: column wrap;
  place-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.simplebar-wrapper {
  height: inherit;
  max-height: inherit;
  max-width: inherit;
  width: inherit;
  overflow: hidden;
}

.simplebar-mask {
  direction: inherit;
  z-index: 0;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
}

.simplebar-mask, .simplebar-offset {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.simplebar-offset {
  -webkit-overflow-scrolling: touch;
  box-sizing: inherit !important;
  direction: inherit !important;
  resize: none !important;
}

.simplebar-content-wrapper {
  -ms-overflow-style: none;
  direction: inherit;
  scrollbar-width: none;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-sizing: border-box !important;
}

.simplebar-content-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.simplebar-content:after, .simplebar-content:before {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  pointer-events: none;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.simplebar-height-auto-observer-wrapper {
  flex-basis: 0;
  flex-grow: inherit;
  float: left;
  pointer-events: none;
  z-index: -1;
  flex-shrink: 0;
  width: 100%;
  max-width: 1px;
  height: 100%;
  max-height: 1px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-sizing: inherit border-box !important;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  opacity: 0;
  z-index: -1;
  width: 1000%;
  min-width: 1px;
  height: 1000%;
  min-height: 1px;
  display: block;
  top: 0;
  left: 0;
}

.simplebar-height-auto-observer, .simplebar-track {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.simplebar-track {
  z-index: 1;
  bottom: 0;
  right: 0;
}

[data-simplebar].simplebar-dragging, [data-simplebar].simplebar-dragging .simplebar-content {
  -webkit-touch-callout: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  min-height: 10px;
  position: absolute;
  left: 0;
  right: 0;
}

.simplebar-scrollbar:before {
  background: var(--color-black);
  content: "";
  opacity: 0;
  border-radius: 7px;
  transition: opacity .2s linear .5s;
  position: absolute;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: .5;
  transition-duration: 0s;
  transition-delay: 0s;
}

.simplebar-track.simplebar-vertical {
  width: 11px;
  top: 0;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  height: 11px;
  left: 0;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  width: auto;
  min-width: 10px;
  min-height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}

[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  left: 0;
  right: auto;
}

.simplebar-dummy-scrollbar-size {
  opacity: 0;
  visibility: hidden;
  direction: rtl;
  width: 500px;
  height: 500px;
  position: fixed;
  overflow: scroll hidden;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  visibility: hidden;
  position: fixed;
  left: 0;
  overflow-y: scroll;
}

.simplebar-scrollbar:before {
  background-color: var(--scrollbar-color);
}

.simplebar-content-wrapper {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.progress {
  border-radius: 9999px;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.progress .is-indeterminate {
  animation: 2s cubic-bezier(.4, 0, .2, 1) infinite progress-increase;
}

.progress .is-active:before {
  --tw-content: "";
  background-color: var(--color-white);
  content: var(--tw-content);
  border-radius: .25rem;
  animation: 2s cubic-bezier(.55, .2, .3, .67) infinite progress-active;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@keyframes progress-increase {
  0% {
    width: 5%;
    left: -5%;
  }

  to {
    width: 100%;
    left: 125%;
  }
}

@keyframes progress-active {
  0% {
    opacity: .4;
    transform: translateX(-100%);
  }

  to {
    opacity: 0;
    transform: translateX(0);
  }
}

.mask {
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.mask.is-squircle {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27200%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27200%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z%27/%3E%3C/svg%3E");
}

.mask.is-reuleaux-triangle {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27207%27 height=%27207%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27207%27 height=%27207%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z%27/%3E%3C/svg%3E");
}

.mask.is-diamond {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27227%27 height=%27227%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27227%27 height=%27227%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z%27/%3E%3C/svg%3E");
}

.mask.is-hexagon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27182%27 height=%27201%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27182%27 height=%27201%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z%27/%3E%3C/svg%3E");
}

.mask.is-hexagon-2 {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27182%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27182%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z%27/%3E%3C/svg%3E");
}

.mask.is-octagon {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27198%27 height=%27198%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M91.346 2.17a20 20 0 0 1 15.308 0l55.403 22.95a20 20 0 0 1 10.824 10.823l22.949 55.403a20.004 20.004 0 0 1 0 15.308l-22.949 55.403a20.006 20.006 0 0 1-10.824 10.824l-55.403 22.949a20.004 20.004 0 0 1-15.308 0l-55.403-22.949a20 20 0 0 1-10.824-10.824L2.17 106.654a20 20 0 0 1 0-15.308l22.95-55.403a20 20 0 0 1 10.823-10.824L91.346 2.17z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27198%27 height=%27198%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M91.346 2.17a20 20 0 0 1 15.308 0l55.403 22.95a20 20 0 0 1 10.824 10.823l22.949 55.403a20.004 20.004 0 0 1 0 15.308l-22.949 55.403a20.006 20.006 0 0 1-10.824 10.824l-55.403 22.949a20.004 20.004 0 0 1-15.308 0l-55.403-22.949a20 20 0 0 1-10.824-10.824L2.17 106.654a20 20 0 0 1 0-15.308l22.95-55.403a20 20 0 0 1 10.823-10.824L91.346 2.17z%27/%3E%3C/svg%3E");
}

.mask.is-star {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M82.39 2.111a14 14 0 0 1 14.568 0l10.401 6.337a14 14 0 0 0 7.613 2.04l12.176-.287a14.003 14.003 0 0 1 12.616 7.283l5.839 10.688a14.005 14.005 0 0 0 5.573 5.574l10.688 5.84a14.001 14.001 0 0 1 7.284 12.615l-.287 12.175a14.004 14.004 0 0 0 2.04 7.614l6.336 10.4a14 14 0 0 1 0 14.568l-6.336 10.401a14 14 0 0 0-2.04 7.613l.287 12.176a14.002 14.002 0 0 1-7.284 12.616l-10.688 5.839a14.005 14.005 0 0 0-5.573 5.573l-5.839 10.688a14.003 14.003 0 0 1-12.616 7.284l-12.176-.287a14 14 0 0 0-7.613 2.04l-10.401 6.336a13.998 13.998 0 0 1-14.567 0l-10.401-6.336a14.004 14.004 0 0 0-7.614-2.04l-12.175.287a13.994 13.994 0 0 1-12.616-7.284l-5.84-10.688a14.004 14.004 0 0 0-5.573-5.573l-10.688-5.839a14.001 14.001 0 0 1-7.283-12.616l.287-12.176a14 14 0 0 0-2.04-7.613L2.11 96.958a14 14 0 0 1 0-14.567L8.448 71.99a14 14 0 0 0 2.04-7.614L10.2 52.201a13.998 13.998 0 0 1 7.283-12.616l10.688-5.84a14 14 0 0 0 5.574-5.573l5.84-10.688A14 14 0 0 1 52.2 10.201l12.175.287a14 14 0 0 0 7.614-2.04l10.4-6.337h.001z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M82.39 2.111a14 14 0 0 1 14.568 0l10.401 6.337a14 14 0 0 0 7.613 2.04l12.176-.287a14.003 14.003 0 0 1 12.616 7.283l5.839 10.688a14.005 14.005 0 0 0 5.573 5.574l10.688 5.84a14.001 14.001 0 0 1 7.284 12.615l-.287 12.175a14.004 14.004 0 0 0 2.04 7.614l6.336 10.4a14 14 0 0 1 0 14.568l-6.336 10.401a14 14 0 0 0-2.04 7.613l.287 12.176a14.002 14.002 0 0 1-7.284 12.616l-10.688 5.839a14.005 14.005 0 0 0-5.573 5.573l-5.839 10.688a14.003 14.003 0 0 1-12.616 7.284l-12.176-.287a14 14 0 0 0-7.613 2.04l-10.401 6.336a13.998 13.998 0 0 1-14.567 0l-10.401-6.336a14.004 14.004 0 0 0-7.614-2.04l-12.175.287a13.994 13.994 0 0 1-12.616-7.284l-5.84-10.688a14.004 14.004 0 0 0-5.573-5.573l-10.688-5.839a14.001 14.001 0 0 1-7.283-12.616l.287-12.176a14 14 0 0 0-2.04-7.613L2.11 96.958a14 14 0 0 1 0-14.567L8.448 71.99a14 14 0 0 0 2.04-7.614L10.2 52.201a13.998 13.998 0 0 1 7.283-12.616l10.688-5.84a14 14 0 0 0 5.574-5.573l5.84-10.688A14 14 0 0 1 52.2 10.201l12.175.287a14 14 0 0 0 7.614-2.04l10.4-6.337h.001z%27/%3E%3C/svg%3E");
}

.mask.is-star-2 {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27187%27 height=%27187%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M81.518 3.291a24.647 24.647 0 0 1 23.93 0l18.134 10.07a24.65 24.65 0 0 0 5.188 2.148l19.943 5.703a24.645 24.645 0 0 1 16.921 16.921l5.702 19.942a24.665 24.665 0 0 0 2.15 5.189l10.068 18.134a24.64 24.64 0 0 1 0 23.93l-10.068 18.134a24.66 24.66 0 0 0-2.15 5.188l-5.702 19.943a24.64 24.64 0 0 1-6.27 10.651 24.638 24.638 0 0 1-10.651 6.269l-19.943 5.703a24.66 24.66 0 0 0-5.188 2.15l-18.134 10.068a24.644 24.644 0 0 1-23.93 0l-18.134-10.068a24.663 24.663 0 0 0-5.188-2.15l-19.943-5.703a24.641 24.641 0 0 1-16.921-16.92L15.63 128.65a24.635 24.635 0 0 0-2.149-5.188l-10.07-18.134a24.651 24.651 0 0 1 0-23.93l10.07-18.134a24.644 24.644 0 0 0 2.148-5.188l5.704-19.943a24.647 24.647 0 0 1 16.92-16.921l19.943-5.703a24.655 24.655 0 0 0 5.188-2.148L81.518 3.29z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27187%27 height=%27187%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M81.518 3.291a24.647 24.647 0 0 1 23.93 0l18.134 10.07a24.65 24.65 0 0 0 5.188 2.148l19.943 5.703a24.645 24.645 0 0 1 16.921 16.921l5.702 19.942a24.665 24.665 0 0 0 2.15 5.189l10.068 18.134a24.64 24.64 0 0 1 0 23.93l-10.068 18.134a24.66 24.66 0 0 0-2.15 5.188l-5.702 19.943a24.64 24.64 0 0 1-6.27 10.651 24.638 24.638 0 0 1-10.651 6.269l-19.943 5.703a24.66 24.66 0 0 0-5.188 2.15l-18.134 10.068a24.644 24.644 0 0 1-23.93 0l-18.134-10.068a24.663 24.663 0 0 0-5.188-2.15l-19.943-5.703a24.641 24.641 0 0 1-16.921-16.92L15.63 128.65a24.635 24.635 0 0 0-2.149-5.188l-10.07-18.134a24.651 24.651 0 0 1 0-23.93l10.07-18.134a24.644 24.644 0 0 0 2.148-5.188l5.704-19.943a24.647 24.647 0 0 1 16.92-16.921l19.943-5.703a24.655 24.655 0 0 0 5.188-2.148L81.518 3.29z%27/%3E%3C/svg%3E");
}

.mask.is-heart {
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27185%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M100 184.606a15.382 15.382 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 0 1-8.653 2.673z%27/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27185%27 fill=%27none%27%3E%3Cpath fill=%27%23000%27 d=%27M100 184.606a15.382 15.382 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 0 1-8.653 2.673z%27/%3E%3C/svg%3E");
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translateX(-.0625em);
  }

  20%, 80% {
    transform: translateX(.125em);
  }

  30%, 50%, 70% {
    transform: translateX(-.25em);
  }

  40%, 60% {
    transform: translateX(.25em);
  }
}

@keyframes fall {
  0% {
    opacity: 0;
    animation-timing-function: ease-out;
    transform: scale(.5);
  }

  70% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: scale(1.1);
  }

  to {
    animation-timing-function: ease-out;
    transform: scale(1);
  }
}

@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.steps {
  --size: 2rem;
  --line: .25rem;
  align-items: baseline;
  display: flex;
}

.steps.line-space {
  --space: .5rem;
}

.steps .step {
  font-family: var(--font-family-secondary);
  letter-spacing: .025em;
  overflow-wrap: break-word;
  text-align: center;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.steps .step .step-header {
  height: var(--size);
  width: var(--size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: auto auto .5rem;
  display: flex;
  position: relative;
}

.steps .step:not(:last-child):before {
  --tw-content: "";
  content: var(--tw-content);
  height: var(--line);
  left: 50%;
  top: calc(var(--size) / 2 + var(--line) / 2);
  border-radius: 9999px;
  order: -1;
  position: relative;
}

.steps.line-space .step:not(:last-child):before {
  left: calc(50% + var(--size) / 2 + var(--space));
  width: calc(100% - var(--size)  - var(--space) * 2);
}

.steps.is-vertical {
  flex-direction: column;
}

.steps.is-vertical .step {
  flex-direction: row;
  position: relative;
}

.steps.is-vertical .step .step-header {
  z-index: 1;
  margin: 0;
}

.steps.is-vertical .step:not(:last-child):before {
  --tw-translate-x: calc(var(--size) / 2 - var(--line) / 2);
  height: auto;
  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));
  width: var(--line);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.steps.is-vertical.line-space .step:not(:last-child):before {
  bottom: var(--space);
  top: calc(var(--size)  + var(--space));
}

.timeline {
  --line: 1px;
  --size: 12px;
  flex-direction: column;
  display: flex;
}

.timeline.line-space {
  --space: 12px;
}

.timeline .timeline-item {
  flex: 1;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.timeline .timeline-item .timeline-item-point {
  height: var(--size);
  width: var(--size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  position: relative;
}

.timeline .timeline-item:before {
  --tw-translate-x: calc(var(--size) / 2 - var(--line) / 2);
  --tw-content: "";
  content: var(--tw-content);
  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));
  width: var(--line);
  order: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.timeline .timeline-item:not(:last-child):before {
  background-color: var(--border-color-base);
}

:-webkit-any() {
  background-color: #5c6b8a;
}

:-moz-any() {
  background-color: #5c6b8a;
}

:is() {
  background-color: #5c6b8a;
}

.timeline .timeline-item:last-child:before {
  --tw-gradient-from: var(--border-color-base) var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to-position: ;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

:-webkit-any() {
  --tw-gradient-from: #5c6b8a var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #5c6b8a00 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:-moz-any() {
  --tw-gradient-from: #5c6b8a var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #5c6b8a00 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

:is() {
  --tw-gradient-from: #5c6b8a var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #5c6b8a00 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.timeline .timeline-item:last-child {
  padding-bottom: 0;
}

.timeline.line-space .timeline-item:before {
  bottom: var(--space);
  top: calc(var(--size)  + var(--space));
}

.pagination {
  color: var(--color-text-slate-600);
  font-family: var(--font-family-secondary);
  font-weight: 500;
  display: flex;
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper, swiper-container {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: content-box;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  z-index: 1;
  width: 100%;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  width: 100%;
  min-width: 1px;
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  box-sizing: border-box;
  transform-origin: 50%;
  z-index: 10;
  border-top: 4px solid #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: var(--color-white);
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: var(--color-black);
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 10px);
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translateZ(0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, var(--color-black));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  width: 100%;
  top: 0;
  left: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  width: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  -ms-touch-action: none;
  touch-action: none;
  position: relative;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
  position: absolute;
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
  position: absolute;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification, swiper-container .swiper-notification {
  opacity: 0;
  pointer-events: none;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow {
  opacity: .6;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  background: var(--color-black);
  content: "";
  filter: blur(50px);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: bottom;
  overflow: hidden;
}

:root {
  --swiper-pagination-color: var(--color-text-primary);
  --swiper-theme-color: #7e75fa;
  --swiper-navigation-size: 24px;
}

.parallax-bg {
  background-position: 50%;
  background-size: cover;
  width: 130%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

table.is-hoverable > tbody > tr:hover > td, table.is-zebra > tbody > tr:nth-of-type(2n) > td {
  background-color: var(--color-graySuperLight);
}

.gridjs-table {
  text-align: left;
  width: 100%;
}

.gridjs-table > tbody > tr:hover > td {
  background-color: var(--color-graySuperLight);
}

th.gridjs-th .gridjs-th-content {
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gridjs-table .gridjs-th {
  background-color: var(--color-text-slate-200);
  color: #1e293b;
  text-transform: uppercase;
  white-space: nowrap;
  padding: .75rem;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .gridjs-table .gridjs-th {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.gridjs-table .gridjs-tr {
  border-color: transparent transparent var(--color-text-slate-200);
  border-width: 1px;
}

.gridjs-table .gridjs-td {
  white-space: nowrap;
  padding: .75rem 1rem;
}

@media (min-width: 640px) {
  .gridjs-table .gridjs-td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

button.gridjs-sort {
  --neutral: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 401.998 401.998%27%3E%3Cpath d=%27M73.092 164.452h255.813c4.949 0 9.233-1.807 12.848-5.424 3.613-3.616 5.427-7.898 5.427-12.847s-1.813-9.229-5.427-12.85L213.846 5.424C210.232 1.812 205.951 0 200.999 0s-9.233 1.812-12.85 5.424L60.242 133.331c-3.617 3.617-5.424 7.901-5.424 12.85 0 4.948 1.807 9.231 5.424 12.847 3.621 3.617 7.902 5.424 12.85 5.424zM328.905 237.549H73.092c-4.952 0-9.233 1.808-12.85 5.421-3.617 3.617-5.424 7.898-5.424 12.847s1.807 9.233 5.424 12.848L188.149 396.57c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428l127.907-127.906c3.613-3.614 5.427-7.898 5.427-12.848 0-4.948-1.813-9.229-5.427-12.847-3.614-3.616-7.899-5.42-12.848-5.42z%27/%3E%3C/svg%3E");
  --asc: url("data:image/svg+xml;charset=utf-8,%3Csvg fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 292.362 292.361%27%3E%3Cpath d=%27M286.935 197.287 159.028 69.381c-3.613-3.617-7.895-5.424-12.847-5.424s-9.233 1.807-12.85 5.424L5.424 197.287C1.807 200.904 0 205.186 0 210.134s1.807 9.233 5.424 12.847c3.621 3.617 7.902 5.425 12.85 5.425h255.813c4.949 0 9.233-1.808 12.848-5.425 3.613-3.613 5.427-7.898 5.427-12.847s-1.814-9.23-5.427-12.847z%27/%3E%3C/svg%3E");
  --desc: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 292.362 292.362%27%3E%3Cpath d=%27M286.935 69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952 0-9.233 1.807-12.85 5.424C1.807 72.998 0 77.279 0 82.228c0 4.948 1.807 9.229 5.424 12.847l127.907 127.907c3.621 3.617 7.902 5.428 12.85 5.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z%27/%3E%3C/svg%3E");
}

th.gridjs-th-sort {
  cursor: pointer;
}

th.gridjs-th-sort:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

th.gridjs-th-sort .gridjs-th-content {
  width: calc(100% - 15px);
}

button.gridjs-sort {
  cursor: pointer;
  float: right;
  outline-offset: 2px;
  background-repeat: no-repeat;
  border-style: none;
  outline: 2px solid #0000;
  width: .75rem;
  height: .75rem;
  margin: .25rem 0 0;
  padding: 0;
}

button.gridjs-sort-neutral {
  background-color: var(--color-text-slate-400);
  -webkit-mask-image: var(--neutral);
  -webkit-mask-image: var(--neutral);
  mask-image: var(--neutral);
  -webkit-mask-size: cover;
  mask-size: cover;
}

button.gridjs-sort-asc {
  -webkit-mask-image: var(--asc);
  -webkit-mask-image: var(--asc);
  mask-image: var(--asc);
  -webkit-mask-size: cover;
  mask-size: cover;
}

button.gridjs-sort-desc {
  -webkit-mask-image: var(--desc);
  -webkit-mask-image: var(--desc);
  mask-image: var(--desc);
  -webkit-mask-size: cover;
  mask-size: cover;
}

button.gridjs-sort-asc, button.gridjs-sort-desc {
  background-color: var(--color-text-slate-600);
}

.gridjs-input.gridjs-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-color: var(--border-color-base);
  outline-offset: 2px;
  border-width: 1px;
  border-radius: .5rem;
  outline: 2px solid #0000;
  padding: .5rem .75rem;
  font-weight: 500;
}

.gridjs-pages {
  flex-wrap: wrap;
  display: flex;
}

.gridjs-pages > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(.25rem * var(--tw-space-x-reverse));
}

.gridjs-pages {
  color: var(--color-text-slate-600);
}

.gridjs-pages button {
  background-color: #e9eef5;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  min-width: 2rem;
  height: 2rem;
  padding-left: .75rem;
  padding-right: .75rem;
  line-height: 1.25;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.gridjs-pages button:focus, .gridjs-pages button:hover {
  background-color: var(--border-color-base);
}

.gridjs-pages button:disabled {
  opacity: .6;
  pointer-events: none;
}

.gridjs-pages button.gridjs-currentPage {
  background-color: var(--color-text-primary);
  color: var(--color-white);
}

.gridjs-wrapper {
  min-width: 100%;
  overflow-x: auto;
}

.gridjs-search {
  justify-content: flex-end;
  padding-bottom: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

@media (min-width: 640px) {
  .gridjs-search {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.gridjs-pagination {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

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

.gridjs-pagination {
  padding: 1rem;
}

@media (min-width: 640px) {
  .gridjs-pagination {
    flex-direction: row;
    align-items: center;
  }

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

  .gridjs-pagination {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.gridjs-loading {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

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

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

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.-right-px {
  right: -1px;
}

.-top-px {
  top: -1px;
}

.bottom-0 {
  bottom: 0;
}

.bottom-3 {
  bottom: .75rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-20 {
  bottom: 5rem;
}

.left-0 {
  left: 0;
}

.left-1 {
  left: .25rem;
}

.left-auto {
  left: auto;
}

.right-0 {
  right: 0;
}

.right-3 {
  right: .75rem;
}

.top-0 {
  top: 0;
}

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

.top-24 {
  top: 6rem;
}

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

.bottom-negate-4 {
  bottom: -1rem;
}

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

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

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

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

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

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

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

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

.order-first {
  order: -9999;
}

.col-span-0 {
  display: none;
}

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

.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-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-11 {
  grid-column: span 11 / span 11;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.-m-0 {
  margin: 0;
}

.-m-0\.5 {
  margin: -.125rem;
}

.-m-1 {
  margin: -.25rem;
}

.-m-3 {
  margin: -.75rem;
}

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

.m-0 {
  margin: 0;
}

.m-0\.5 {
  margin: .125rem;
}

.m-1 {
  margin: .25rem;
}

.m-1\.5 {
  margin: .375rem;
}

.m-2 {
  margin: .5rem;
}

.m-4 {
  margin: 1rem;
}

.m-auto {
  margin: auto;
}

.-mx-2 {
  margin-left: -.5rem;
  margin-right: -.5rem;
}

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

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem;
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .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: 0;
  margin-bottom: 0;
}

.my-0\.5 {
  margin-top: .125rem;
  margin-bottom: .125rem;
}

.my-1 {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.my-3\.5 {
  margin-top: .875rem;
  margin-bottom: .875rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

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

.-mb-0\.5 {
  margin-bottom: -.125rem;
}

.-ml-1 {
  margin-left: -.25rem;
}

.-ml-1\.5 {
  margin-left: -.375rem;
}

.-mr-1 {
  margin-right: -.25rem;
}

.-mr-1\.5 {
  margin-right: -.375rem;
}

.-mr-2 {
  margin-right: -.5rem;
}

.-mt-1 {
  margin-top: -.25rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mt-3 {
  margin-top: -.75rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mt-8 {
  margin-top: -2rem;
}

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

.mb-0\.5 {
  margin-bottom: .125rem;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mb-1-important {
  margin-bottom: .25rem !important;
}

.mb-1\.5 {
  margin-bottom: .375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mbt-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: .5rem;
}

.mbt-2\.5 {
  margin-bottom: .625rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mb-3\.5 {
  margin-bottom: .875rem;
}

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

.ml-0\.5 {
  margin-left: .125rem;
}

.ml-1 {
  margin-left: .25rem;
}

.ml-3 {
  margin-left: .75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-1 {
  margin-right: .25rem;
}

.mr-1\.5 {
  margin-right: .375rem;
}

.mr-2 {
  margin-right: .5rem;
}

.mr-3 {
  margin-right: .75rem;
}

.mr-4 {
  margin-right: 1rem;
}

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

.mt-0-important {
  margin-top: 0 !important;
}

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

.my-0-important {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-0\.5 {
  margin-top: .125rem;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-1\.5 {
  margin-top: .375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-2\.5 {
  margin-top: .625rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-3\.5 {
  margin-top: .875rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

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

.line-clamp-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.line-clamp-1, .line-clamp-2 {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1;
}

.h-1 {
  height: .25rem;
}

.h-1\.5 {
  height: .375rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-18 {
  height: 4.5rem;
}

.h-2 {
  height: .5rem;
}

.h-2\.5 {
  height: .625rem;
}

.h-20 {
  height: 5rem;
}

.h-20-min {
  min-height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: .75rem;
}

.h-3\.5 {
  height: .875rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-4\.5 {
  height: 1.125rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-5\.5 {
  height: 1.375rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 17.5rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

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

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

.h-\[calc\(100\%-2\.5rem\)\] {
  height: calc(100% - 2.5rem);
}

.h-\[calc\(100\%-4\.5rem\)\] {
  height: calc(100% - 4.5rem);
}

.h-\[calc\(100vh-8\.5rem\)\] {
  height: calc(100vh - 8.5rem);
}

.h-\[calc\(100vh-1rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 1rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-3rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 3rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-4rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 4rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-5rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 5rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-6rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 6rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-7rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 7rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-9rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 9rem);
  min-height: 10.5rem;
}

.h-\[calc\(100vh-10rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 10rem);
  min-height: 11.5rem;
}

.h-\[calc\(100vh-11rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 11rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-13rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 13rem);
  min-height: 12.5rem;
}

.mh-\[calc\(100vh-20rem-header\)\] {
  max-height: calc(100vh - var(--main-header-height)  - 20rem);
}

.h-\[calc\(100vh-15rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 15rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-17rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 17rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-18rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 18rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-18\.5rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 18.5rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-21\.5rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 21.5rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-24rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 24rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-27rem-header\)\] {
  height: calc(100vh - var(--main-header-height)  - 27rem);
  min-height: 12.5rem;
}

.h-\[calc\(100vh-header-tab\)\] {
  height: calc(100vh - var(--main-header-height)  - 17rem);
  min-height: 10.5rem;
}

.mw-6\.5rem {
  min-width: 6.5rem;
}

.mw-20vw {
  width: 20vw;
}

.mw-30vw {
  width: 30vw;
}

.mw-40vw {
  width: 40vw;
}

.mw-45vw {
  width: 45vw;
}

.mw-50vw {
  width: 50vw;
}

.mw-60vw {
  width: 60vw;
}

.mh-20vh {
  min-height: 20vh;
}

.mh-30vh {
  min-height: 30vh;
}

.mh-35vh {
  min-height: 35vh;
}

.mh-40vh {
  min-height: 40vh;
}

.mh-45vh {
  min-height: 45vh;
}

.mh-50vh {
  min-height: 50vh;
}

.mh-60vh {
  min-height: 60vh;
}

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

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-20vh {
  height: 20vh;
}

.h-25vh {
  height: 25vh;
}

.h-30vh {
  height: 30vh;
}

.h-35vh {
  height: 35vh;
}

.h-40vh {
  height: 40vh;
}

.h-45vh {
  height: 45vh;
}

.h-50vh {
  height: 50vh;
}

.h-60vh {
  height: 60vh;
}

.h-70vh {
  height: 70vh;
}

.h-80vh {
  height: 80vh;
}

.h-85vh {
  height: 85vh;
}

.h-90vh {
  height: 90vh;
}

.min-h-20 {
  min-height: 12.5rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-20 {
  max-height: 12.5rem;
}

.max-h-10 {
  max-height: 10rem;
}

.max-h-\[calc\(100vh-120px\)\] {
  max-height: calc(100vh - 120px);
}

.max-h-\[calc\(100vh-6rem\)\] {
  max-height: calc(100vh - 6rem);
}

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

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

.\!w-10\/12 {
  width: 83.3333% !important;
}

.w-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: .25rem;
}

.w-1\.5 {
  width: .375rem;
}

.w-1\/12 {
  width: 8.33333%;
}

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

.w-10 {
  width: 2.5rem;
}

.w-10\/12 {
  width: 83.3333%;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-18 {
  width: 4.5rem;
}

.w-2 {
  width: .5rem;
}

.w-2\.5 {
  width: .625rem;
}

.w-2\/12 {
  width: 16.6667%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: .75rem;
}

.w-3\.5 {
  width: .875rem;
}

.w-3\/12 {
  width: 25%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\.5 {
  width: 1.125rem;
}

.w-4\/12 {
  width: 33.3333%;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-5\.5 {
  width: 1.375rem;
}

.w-5\/12 {
  width: 41.6667%;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-6\/12 {
  width: 50%;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-70 {
  width: 17rem;
}

.w-7 {
  width: 1.75rem;
}

.w-7\/12 {
  width: 58.3333%;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-8\/12 {
  width: 66.6667%;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-45rem {
  width: 45rem;
}

.w-50rem {
  width: 50rem;
}

.w-9\/12 {
  width: 75%;
}

.w-70Percent {
  width: 70%;
}

.w-80Percent {
  width: 80%;
}

.w-28Percent {
  width: 28%;
}

.w-\[calc\(100vw-2rem\)\] {
  width: calc(100vw - 2rem);
}

.w-full {
  width: 100%;
}

.w-inherit {
  width: inherit;
}

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

.w-px {
  width: 1px;
}

.width-content-sidebar {
  width: calc(100% - var(--sidebar-panel-width));
}

.min-w-\[1\.125rem\] {
  min-width: 1.125rem;
}

.min-w-\[1\.25rem\] {
  min-width: 1.25rem;
}

.min-w-\[1\.75rem\] {
  min-width: 1.75rem;
}

.min-w-\[1rem\] {
  min-width: 1rem;
}

.min-w-\[2\.5rem\] {
  min-width: 2.5rem;
}

.min-w-\[20rem\] {
  min-width: 20rem;
}

.min-w-\[2rem\] {
  min-width: 2rem;
}

.min-w-4rem {
  min-width: 4rem;
}

.min-w-\[7rem\] {
  min-width: 7rem;
}

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

.mw-100 {
  max-width: 100%;
}

.mh-100 {
  max-height: 100%;
}

.max-h-50 {
  max-height: 50%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-\[16rem\] {
  max-width: 16rem;
}

.max-w-\[26rem\] {
  max-width: 26rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1px;
}

.flex-100 {
  flex: 100%;
}

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

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

.origin-bottom {
  transform-origin: bottom;
}

.origin-center {
  transform-origin: center;
}

.origin-top {
  transform-origin: top;
}

.-translate-x-full {
  --tw-translate-x: -100%;
}

.-translate-x-full, .translate-x-0 {
  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;
}

.translate-x-1\/4 {
  --tw-translate-x: 25%;
}

.translate-x-1\/4, .translate-x-full {
  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%;
}

.translate-y-0 {
  --tw-translate-y: 0px;
}

.translate-y-0, .translate-y-1\/4 {
  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\/4 {
  --tw-translate-y: 25%;
}

.translate-y-full {
  --tw-translate-y: 100%;
}

.-rotate-180, .translate-y-full {
  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;
}

.rotate-180 {
  --tw-rotate: 180deg;
}

.rotate-210 {
  --tw-rotate: 210deg;
}

.rotate-180, .rotate-210, .rotate-45 {
  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;
}

.rotate-90 {
  --tw-rotate: 90deg;
}

.rotate-90, .rotate-\[135deg\] {
  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-\[135deg\] {
  --tw-rotate: 135deg;
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}

.scale-100, .scale-105 {
  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-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
}

.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
}

.scale-75, .scale-95 {
  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-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
}

.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 fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  to {
    opacity: 0;
    visibility: hidden;
  }
}

.animate-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)_fade-out_500ms_forwards\] {
  animation: .5s cubic-bezier(.4, 0, .2, 1) forwards fade-out;
}

@keyframes ping {
  75%, to {
    opacity: 0;
    transform: scale(2);
  }
}

.animate-ping {
  animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping;
}

.animate-pulse {
  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite pulse;
}

.animate-spin {
  animation: 1s linear infinite spin;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-auto {
  cursor: auto;
}

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

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.place-items-start {
  place-items: start;
}

.place-items-center {
  place-items: center;
}

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

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

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

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

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

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

.gap-1 {
  gap: .25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: .5rem;
}

.gap-3 {
  gap: .75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

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

.-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(-.375rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(-.375rem * var(--tw-space-x-reverse));
}

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

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

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

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

.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(.125rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(.125rem * var(--tw-space-x-reverse));
}

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

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(.375rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(.375rem * var(--tw-space-x-reverse));
}

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

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

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

.space-x-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(.875rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(.875rem * var(--tw-space-x-reverse));
}

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

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

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

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

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

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
  margin-top: calc(.375rem * (1 - var(--tw-space-y-reverse)));
}

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

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

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

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

.space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(.875rem * var(--tw-space-y-reverse));
  margin-top: calc(.875rem * (1 - var(--tw-space-y-reverse)));
}

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

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

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

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

.space-y-9\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(2.6rem * var(--tw-space-y-reverse));
  margin-top: calc(2.6rem * (1 - var(--tw-space-y-reverse)));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}

.divide-indigo-400 > :not([hidden]) ~ :not([hidden]) {
  border-color: #818cf8;
}

.divide-sky-400 > :not([hidden]) ~ :not([hidden]) {
  border-color: #38bdf8;
}

.divide-slate-150 > :not([hidden]) ~ :not([hidden]) {
  border-color: #e9eef5;
}

.divide-yellow-400 > :not([hidden]) ~ :not([hidden]) {
  border-color: #facc15;
}

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

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

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

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

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

.overscroll-contain {
  overscroll-behavior: contain;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.column-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

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

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

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

.rounded {
  border-radius: .25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

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

.rounded-lg {
  border-radius: .5rem;
}

.rounded-md {
  border-radius: .375rem;
}

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

.rounded-xl {
  border-radius: .75rem;
}

.rounded-b-lg {
  border-bottom-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-lg {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-r-lg {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-lg {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: .5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: .5rem;
}

.rounded-tl-lg {
  border-top-left-radius: .5rem;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-lg {
  border-top-right-radius: .5rem;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

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

.border {
  border-width: 1px;
}

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

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

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

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

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

.border-b-0 {
  border-bottom-width: 0;
}

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

.border-l {
  border-left-width: 1px;
}

.border-l-0 {
  border-left-width: 0;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0;
}

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

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

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

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

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

.border-accent {
  border-color: #5f5af6;
}

.border-current {
  border-color: currentColor;
}

.border-error {
  border-color: var(--color-error);
}

.border-error\/30 {
  border-color: #ff57244d;
}

.border-info {
  border-color: var(--color-info);
}

.border-info\/30 {
  border-color: #0ea5e94d;
}

.border-navy-600 {
  border-color: #313e59;
}

.border-primary {
  border-color: var(--color-text-primary);
}

.border-primary\/30 {
  border-color: #4f46e54d;
}

.border-secondary {
  border-color: var(--color-secondary);
}

.border-secondary\/30 {
  border-color: #f000b94d;
}

.border-slate-150 {
  border-color: #e9eef5;
}

.border-slate-200 {
  border-color: var(--color-text-slate-200);
}

.border-slate-300 {
  border-color: var(--border-color-base);
}

.border-slate-400\/70 {
  border-color: #94a3b8b3;
}

.border-slate-50 {
  border-color: var(--color-slate-50);
}

.border-slate-500 {
  border-color: var(--color-primary);
}

.border-success {
  border-color: var(--color-success);
}

.border-success\/30 {
  border-color: #10b9814d;
}

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

.border-warning {
  border-color: var(--color-warning);
}

.border-warning\/30 {
  border-color: #ff98004d;
}

.border-white {
  border-color: var(--color-white);
}

.border-white\/10 {
  border-color: #ffffff1a;
}

.border-b-slate-200 {
  border-bottom-color: var(--color-text-slate-200);
}

.border-l-info {
  border-left-color: var(--color-info);
}

.border-l-secondary {
  border-left-color: var(--color-secondary);
}

.border-l-warning {
  border-left-color: var(--color-warning);
}

.border-l-success {
  border-left-color: var(--color-success);
}

.border-l-error {
  border-left-color: var(--color-error);
}

.border-r-error {
  border-right-color: var(--color-error);
}

.border-r-info {
  border-right-color: var(--color-info);
}

.border-r-primary {
  border-right-color: var(--color-text-primary);
}

.border-r-secondary {
  border-right-color: var(--color-secondary);
}

.border-r-slate-400 {
  border-right-color: var(--color-text-slate-400);
}

.border-r-slate-500 {
  border-right-color: var(--color-primary);
}

.border-r-success {
  border-right-color: var(--color-success);
}

.border-r-transparent {
  border-right-color: #0000;
}

.border-r-warning {
  border-right-color: var(--color-warning);
}

.bg-accent {
  background-color: #5f5af6;
}

.bg-black\/20 {
  background-color: #0003;
}

.bg-black\/30 {
  background-color: #0000004d;
}

.bg-current {
  background-color: currentColor;
}

.bg-error {
  background-color: var(--color-error);
}

.bg-error\/10 {
  background-color: var(--color-error-10);
}

.bg-error\/15 {
  background-color: var(--color-error-15);
}

.bg-info {
  background-color: var(--color-info);
}

.bg-info\/10, .bg-info\/15 {
  background-color: var(--color-info-15);
}

.bg-info\/80 {
  background-color: rgb(from var(--color-info) r g b / .8);
}

.bg-navy-500 {
  background-color: var(--color-grayUltraDark);
}

.bg-navy-600 {
  background-color: #313e59;
}

.bg-navy-700 {
  background-color: #26334d;
}

.bg-navy-900 {
  background-color: #192132;
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-primary-focus {
  background-color: var(--color-text-focus);
}

.bg-primary\/10 {
  background-color: var(--color-selected-color);
}

.bg-primary\/15 {
  background-color: var(--color-primary-15);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.bg-secondary-focus {
  background-color: #bd0090;
}

.bg-secondary\/10 {
  background-color: #f000b91a;
}

.bg-secondary\/15 {
  background-color: #f000b926;
}

.bg-slate-100, .bg-slate-150 {
  background-color: var(--color-graySuperLight);
}

.bg-slate-200 {
  background-color: var(--color-text-slate-200);
}

.bg-slate-300 {
  background-color: var(--border-color-base);
}

.bg-slate-50 {
  background-color: var(--color-slate-50);
}

.bg-slate-500 {
  background-color: var(--color-primary);
}

.bg-slate-900\/60 {
  background-color: #0f172a99;
}

.bg-success {
  background-color: var(--color-success);
}

.bg-success\/10 {
  background-color: var(--color-success-10);
}

.bg-success\/15 {
  background-color: var(--color-success-15);
}

.bg-transparent {
  background-color: #0000;
}

.bg-warning {
  background-color: var(--color-warning);
}

.bg-warning\/10 {
  background-color: #ff98001a;
}

.bg-warning\/15 {
  background-color: #ff980026;
}

.bg-white {
  background-color: var(--color-white);
}

.bg-white\/20 {
  background-color: #fff3;
}

.bg-white\/30 {
  background-color: #ffffff4d;
}

.bg-white\/90 {
  background-color: #ffffffe6;
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-red {
  background-color: var(--color-red);
}

.bg-red\/10 {
  background-color: var(--color-red-10);
}

.bg-red\/80 {
  background-color: rgb(from var(--color-red) r g b / .8);
}

.bg-yellow {
  background-color: var(--color-yellow);
}

.bg-yellow\/10 {
  background-color: var(--color-yellow-10);
}

.bg-amber {
  background-color: var(--color-text-amber);
}

.bg-disabled {
  background-color: var(--color-disabled-color);
}

.bg-blackLight {
  background-color: var(--color-blackLight);
}

.bg-blackMedium {
  background-color: var(--color-blackMedium);
}

.bg-blackIntermedie {
  background-color: var(--color-blackIntermedie);
}

.bg-blackDark {
  background-color: var(--color-blackDark);
}

.bg-orangeLight {
  background-color: var(--color-orangeLight);
}

.bg-orangeMedium {
  background-color: var(--color-orangeMedium);
}

.bg-orangeIntermedie {
  background-color: var(--color-orangeIntermedie);
}

.bg-orangeDark {
  background-color: var(--color-orangeDark);
}

.bg-grayIntermedie {
  background-color: var(--color-grayIntermedie);
}

.bg-graySuperLight {
  background-color: var(--color-graySuperLight);
}

.bg-grayLight {
  background-color: var(--color-grayLight);
}

.bg-grayMedium {
  background-color: var(--color-grayMedium);
}

.bg-grayDark {
  background-color: var(--color-grayDark);
}

.bg-grayUltraDark {
  background-color: var(--color-grayUltraDark);
}

.bg-bluLight {
  background-color: var(--color-bluLight);
}

.bg-bluMedium {
  background-color: var(--color-bluMedium);
}

.bg-bluDark {
  background-color: var(--color-bluDark);
}

.bg-azureLight {
  background-color: var(--color-azureLight);
}

.bg-azureMedium {
  background-color: var(--color-azureMedium);
}

.bg-azureIntermedie {
  background-color: var(--color-azureIntermedie);
}

.bg-azureDark {
  background-color: var(--color-azureDark);
}

.bg-azureUltraDark {
  background-color: var(--color-azureUltraDark);
}

.from-\[\#19213299\] {
  --tw-gradient-from: #19213299 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #19213200 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: var(--color-white) var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #fff0 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-400 {
  --tw-gradient-from: var(--color-text-amber) var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #fbbf2400 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #3b82f600 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-fuchsia-600 {
  --tw-gradient-from: #c026d3 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #c026d300 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-300 {
  --tw-gradient-from: #86efac var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #86efac00 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-400 {
  --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #4ade8000 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-400 {
  --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #818cf800 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-info {
  --tw-gradient-from: var(--color-info) var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #0ea5e900 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-300 {
  --tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #f9a8d400 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-500 {
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #ec489900 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #a855f700 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-light {
  --tw-gradient-from: #ff57d8 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #ff57d800 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-400 {
  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
  --tw-gradient-from-position: ;
  --tw-gradient-to: #38bdf800 var(--tw-gradient-from-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#19213266\] {
  --tw-gradient-via-position: ;
  --tw-gradient-to: #19213200 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), #19213266 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-500 {
  --tw-gradient-via-position: ;
  --tw-gradient-to: #3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-300 {
  --tw-gradient-via-position: ;
  --tw-gradient-to: #d8b4fe00 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
  --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[white-fff20\] {
  --tw-gradient-to: var(--color-white) fff20 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-fuchsia-400 {
  --tw-gradient-to: #e879f9 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-indigo-400 {
  --tw-gradient-to: #818cf8 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-indigo-600 {
  --tw-gradient-to: var(--color-text-primary) var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-info-focus {
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-pink-600 {
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-rose-500 {
  --tw-gradient-to: #f43f5e var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-secondary {
  --tw-gradient-to: var(--color-secondary) var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position: ;
}

.bg-cover {
  background-size: cover;
}

.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.bg-center {
  background-position: 50%;
}

.object-cover {
  object-fit: cover;
}

.object-center {
  object-position: center;
}

.object-top {
  object-position: top;
}

.p-0 {
  padding: 0;
}

.p-0\.5 {
  padding: .125rem;
}

.p-1 {
  padding: .25rem;
}

.p-1\.5 {
  padding: .375rem;
}

.p-2 {
  padding: .5rem;
}

.p-2\.5 {
  padding: .625rem;
}

.p-3 {
  padding: .75rem;
}

.p-3\.5 {
  padding: .875rem;
}

.p-4 {
  padding: 1rem;
}

.p-4\.5 {
  padding: 1.125rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-\[3px\] {
  padding: 3px;
}

.p-px {
  padding: 1px;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-0\.5 {
  padding-left: .125rem;
  padding-right: .125rem;
}

.px-1 {
  padding-left: .25rem;
  padding-right: .25rem;
}

.px-1\.5 {
  padding-left: .375rem;
  padding-right: .375rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.px-3\.5 {
  padding-left: .875rem;
  padding-right: .875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.px-\[calc\(var\(--margin-x\)-\.25rem\)\] {
  padding-left: calc(var(--margin-x)  - .25rem);
  padding-right: calc(var(--margin-x)  - .25rem);
}

.px-\[calc\(var\(--margin-x\)-\.5rem\)\] {
  padding-left: calc(var(--margin-x)  - .5rem);
  padding-right: calc(var(--margin-x)  - .5rem);
}

.px-\[calc\(var\(--margin-x\)-2rem\)\] {
  padding-left: calc(var(--margin-x)  - 2rem);
  padding-right: calc(var(--margin-x)  - 2rem);
}

.px-\[calc\(var\(--margin-x\)-3rem\)\] {
  padding-left: calc(var(--margin-x)  - 3rem);
  padding-right: calc(var(--margin-x)  - 3rem);
}

.px-\[var\(--margin-x\)\] {
  padding-left: var(--margin-x);
  padding-right: var(--margin-x);
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.py-1\.5 {
  padding-top: .375rem;
  padding-bottom: .375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-2\.5 {
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .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;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.pb-1 {
  padding-bottom: .25rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-2 {
  padding-bottom: .5rem;
}

.pb-3 {
  padding-bottom: .75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-9 {
  padding-left: 2.25rem;
}

.pl-\[var\(--main-sidebar-width\)\] {
  padding-left: var(--main-sidebar-width);
}

.pl-\[var\(--margin-x\)\] {
  padding-left: var(--margin-x);
}

.pr-\[calc\(var\(--margin-x\)-2rem\)\] {
  padding-right: calc(var(--margin-x)  - 1.5rem);
}

.pl-\[calc\(var\(--margin-x\)-2rem\)\] {
  padding-left: calc(var(--margin-x)  - 2rem);
}

.pr-1 {
  padding-right: .25rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-2 {
  padding-right: .5rem;
}

.pr-3 {
  padding-right: .75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-1\.5 {
  padding-top: .375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-2 {
  padding-top: .5rem;
}

.pt-3 {
  padding-top: .75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 1.8rem;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.font-inter {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, 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-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-base {
  font-size: var(--text-base);
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: var(--text-xs-plus);
  line-height: 1.25rem;
}

.text-sm\+ {
  font-size: .9375rem;
  line-height: 1.375rem;
}

.text-tiny {
  font-size: .625rem;
  line-height: .8125rem;
}

.text-tiny\+ {
  font-size: .6875rem;
  line-height: .875rem;
}

.text-xl {
  font-size: var(--text-xl);
  line-height: 1.75rem;
}

.text-xs {
  font-size: var(--text-xs);
  line-height: 1rem;
}

.text-xs\+ {
  font-size: .8125rem;
  line-height: 1.125rem;
}

.font-bold {
  font-weight: 700;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.hover-text-primary:hover {
  color: var(--color-text-primary);
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-tight {
  letter-spacing: -.025em;
}

.tracking-wide {
  letter-spacing: .025em;
}

.tracking-wider {
  letter-spacing: .05em;
}

.text-accent-light {
  color: #818cf8;
}

.text-amber-400 {
  color: var(--color-text-amber);
}

.text-amber-50 {
  color: var(--color-white) beb;
}

.text-error {
  color: var(--color-error);
}

.text-red {
  color: var(--color-red);
}

.text-indigo-100 {
  color: #e0e7ff;
}

.text-indigo-50 {
  color: #eef2ff;
}

.text-info {
  color: var(--color-info);
}

.text-navy-100 {
  color: #c2c9d6;
}

.text-navy-700 {
  color: #26334d;
}

.text-pink-100 {
  color: #fce7f3;
}

.text-primary {
  color: var(--color-text-primary);
}

.text-primary\/15 {
  color: var(--color-primary-15);
}

.text-secondary {
  color: var(--color-secondary);
}

.text-secondary-light {
  color: #ff57d8;
}

.text-sky-100 {
  color: #e0f2fe;
}

.text-slate-150 {
  color: #e9eef5;
}

.text-slate-200 {
  color: var(--color-text-slate-200);
}

.text-slate-400 {
  color: var(--color-text-slate-400);
}

.text-slate-500 {
  color: var(--color-primary);
}

.text-slate-600 {
  color: var(--color-text-slate-600);
}

.text-slate-700 {
  color: var(--color-text-slate-700);
}

.text-slate-800 {
  color: #1e293b;
}

.text-slate-900 {
  color: #0f172a;
}

.text-success {
  color: var(--color-success);
}

.text-transparent {
  color: #0000;
}

.text-inherit {
  color: inherit;
}

.text-current {
  color: currentColor;
}

.text-warning {
  color: var(--color-warning);
}

.text-white {
  color: var(--color-white);
}

.text-yellow-100 {
  color: #fef9c3;
}

.text-yellow-500 {
  color: var(--color-yellow);
}

.text-black-30 {
  color: var(--color-alpha-black-30);
}

.text-black-50 {
  color: var(--color-alpha-black-50);
}

.text-blackLight {
  color: var(--color-blackLight);
}

.text-blackMedium {
  color: var(--color-blackMedium);
}

.text-blackIntermedie {
  color: var(--color-blackIntermedie);
}

.text-blackDark {
  color: var(--color-blackDark);
}

.text-orangeLight {
  color: var(--color-orangeLight);
}

.text-orangeMedium {
  color: var(--color-orangeMedium);
}

.text-orangeIntermedie {
  color: var(--color-orangeIntermedie);
}

.text-orangeDark {
  color: var(--color-orangeDark);
}

.text-grayIntermedie {
  color: var(--color-grayIntermedie);
}

.text-graySuperLight {
  color: var(--color-graySuperLight);
}

.text-grayLight {
  color: var(--color-grayLight);
}

.text-grayMedium {
  color: var(--color-grayMedium);
}

.text-grayDark {
  color: var(--color-grayDark);
}

.text-grayUltraDark {
  color: var(--color-grayUltraDark);
}

.text-bluLight {
  color: var(--color-bluLight);
}

.text-bluMedium {
  color: var(--color-bluMedium);
}

.text-bluDark {
  color: var(--color-bluDark);
}

.text-azureLight {
  color: var(--color-azureLight);
}

.text-azureMedium {
  color: var(--color-azureMedium);
}

.text-azureIntermedie {
  color: var(--color-azureIntermedie);
}

.text-azureDark {
  color: var(--color-azureDark);
}

.bg-azureUltraDark {
  color: var(--color-azureUltraDark);
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-info {
  -webkit-text-decoration-color: var(--color-info);
  text-decoration-color: var(--color-info);
}

.decoration-primary {
  -webkit-text-decoration-color: var(--color-text-primary);
  text-decoration-color: var(--color-text-primary);
}

.decoration-secondary {
  -webkit-text-decoration-color: var(--color-secondary);
  text-decoration-color: var(--color-secondary);
}

.decoration-double {
  text-decoration-style: double;
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-dashed {
  text-decoration-style: dashed;
}

.decoration-wavy {
  text-decoration-style: wavy;
}

.decoration-2 {
  text-decoration-thickness: 2px;
}

.placeholder-slate-400::placeholder {
  color: var(--color-text-slate-400);
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-15 {
  opacity: .15;
}

.opacity-20 {
  opacity: .2;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.shadow, .shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-none {
  --tw-shadow: 0 0 var(--color-black);
  --tw-shadow-colored: 0 0 var(--color-black);
}

.shadow-none, .shadow-sm {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 #0000000d;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}

.shadow-soft {
  --tw-shadow: 0 3px 10px 0 #302e380f;
  --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color);
}

.shadow-soft, .shadow-xl {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
}

.shadow-error\/50 {
  --tw-shadow-color: #ff572480;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-info\/50 {
  --tw-shadow-color: #0ea5e980;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-primary\/50 {
  --tw-shadow-color: #4f46e580;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-secondary\/50 {
  --tw-shadow-color: #f000b980;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-200\/50 {
  --tw-shadow-color: #e2e8f080;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-success\/50 {
  --tw-shadow-color: #10b98180;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-warning\/50 {
  --tw-shadow-color: #ff980080;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.ring, .ring-1 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 var(--color-black));
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 var(--color-black));
}

.ring-primary {
  --tw-ring-color: var(--color-text-primary);
}

.ring-primary\/50 {
  --tw-ring-color: #4f46e580;
}

.ring-white {
  --tw-ring-color: var(--color-white);
}

.blur {
  --tw-blur: blur(8px);
}

.blur, .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-\[color\,padding-left\] {
  transition-property: color, padding-left;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-\[padding\,width\] {
  transition-property: padding, width;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-all {
  transition-property: all;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.transition-transform {
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.duration-100 {
  transition-duration: .1s;
}

.duration-200 {
  transition-duration: .2s;
}

.duration-300 {
  transition-duration: .3s;
}

.duration-500 {
  transition-duration: .5s;
}

.duration-1000 {
  transition-duration: 1s;
}

.duration-\[\.25s\] {
  transition-duration: .25s;
}

.ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
}

.\[--fp-grid\:2\] {
  --fp-grid: 2;
}

.\[--fp-grid\:3\] {
  --fp-grid: 3;
}

.\[--fp-grid\:4\] {
  --fp-grid: 4;
}

.\[--line\:\.5rem\] {
  --line: .5rem;
}

.\[--line\:1px\] {
  --line: 1px;
}

.\[--range-thumb-size\:12px\] {
  --range-thumb-size: 12px;
}

.\[--range-thumb-size\:24px\] {
  --range-thumb-size: 24px;
}

.\[--range-track-h\:3px\] {
  --range-track-h: 3px;
}

.\[--range-track-h\:8px\] {
  --range-track-h: 8px;
}

.\[--size\:\.75rem\] {
  --size: .75rem;
}

.\[--size\:1\.5rem\] {
  --size: 1.5rem;
}

.\[--size\:1rem\] {
  --size: 1rem;
}

.\[--size\:2\.75rem\] {
  --size: 2.75rem;
}

.\[--thumb-border\:3px\] {
  --thumb-border: 3px;
}

.\[--thumb-border\:4px\] {
  --thumb-border: 4px;
}

.\[--thumb-border\:5px\] {
  --thumb-border: 5px;
}

.\[--thumb-border\:6px\] {
  --thumb-border: 6px;
}

.\[transform\:translate3d\(0\,-1rem\,0\)\] {
  transform: translate3d(0, -1rem, 0);
}

.\[transform\:translate3d\(0\,0\,0\)\] {
  transform: translateZ(0);
}

.\[transform\:translate3d\(0\,1rem\,0\)\] {
  transform: translate3d(0, 1rem, 0);
}

.\[transform\:translate3d\(1rem\,0\,0\)\] {
  transform: translate3d(1rem, 0, 0);
}

.placeholder\:text-slate-400::placeholder {
  color: var(--color-text-slate-400);
}

.placeholder\:text-slate-400\/70::placeholder {
  color: #94a3b8b3;
}

.placeholder\:text-slate-500::placeholder {
  color: var(--color-primary);
}

.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:rounded-md:before {
  content: var(--tw-content);
  border-radius: .375rem;
}

.before\:\!bg-error:before {
  content: var(--tw-content);
  background-color: var(--color-error) !important;
}

.before\:\!bg-info:before {
  content: var(--tw-content);
  background-color: var(--color-info) !important;
}

.before\:\!bg-success:before {
  content: var(--tw-content);
  background-color: var(--color-success) !important;
}

.before\:\!bg-warning:before {
  content: var(--tw-content);
  background-color: var(--color-warning) !important;
}

.before\:bg-primary:before {
  background-color: var(--color-text-primary);
  content: var(--tw-content);
}

.before\:bg-secondary:before {
  background-color: var(--color-secondary);
  content: var(--tw-content);
}

.before\:bg-slate-200:before {
  background-color: var(--color-text-slate-200);
  content: var(--tw-content);
}

.before\:bg-slate-300:before {
  background-color: var(--border-color-base);
  content: var(--tw-content);
}

.before\:bg-slate-50:before {
  background-color: var(--color-slate-50);
  content: var(--tw-content);
}

.before\:bg-slate-500:before {
  background-color: var(--color-primary);
  content: var(--tw-content);
}

.checked\:\!border-error:checked {
  border-color: var(--color-error) !important;
}

.checked\:\!border-info:checked {
  border-color: var(--color-info) !important;
}

.checked\:\!border-success:checked {
  border-color: var(--color-success) !important;
}

.checked\:\!border-warning:checked {
  border-color: var(--color-warning) !important;
}

.checked\:border-primary:checked {
  border-color: var(--color-text-primary);
}

.checked\:border-secondary:checked {
  border-color: var(--color-secondary);
}

.checked\:border-slate-500:checked {
  border-color: var(--color-primary);
}

.checked\:\!bg-error:checked {
  background-color: var(--color-error) !important;
}

.checked\:\!bg-info:checked {
  background-color: var(--color-info) !important;
}

.checked\:\!bg-success:checked {
  background-color: var(--color-success) !important;
}

.checked\:\!bg-warning:checked {
  background-color: var(--color-warning) !important;
}

.checked\:bg-error:checked {
  background-color: var(--color-error);
}

.checked\:bg-info:checked {
  background-color: var(--color-info);
}

.checked\:bg-primary:checked {
  background-color: var(--color-text-primary);
}

.checked\:bg-secondary:checked {
  background-color: var(--color-secondary);
}

.checked\:bg-slate-500:checked {
  background-color: var(--color-primary);
}

.checked\:bg-success:checked {
  background-color: var(--color-success);
}

.checked\:bg-warning:checked {
  background-color: var(--color-warning);
}

.checked\:before\:\!bg-error:checked:before {
  content: var(--tw-content);
  background-color: var(--color-error) !important;
}

.checked\:before\:\!bg-info:checked:before {
  content: var(--tw-content);
  background-color: var(--color-info) !important;
}

.checked\:before\:\!bg-success:checked:before {
  content: var(--tw-content);
  background-color: var(--color-success) !important;
}

.checked\:before\:\!bg-warning:checked:before {
  content: var(--tw-content);
  background-color: var(--color-warning) !important;
}

.checked\:before\:bg-primary:checked:before {
  background-color: var(--color-text-primary);
  content: var(--tw-content);
}

.checked\:before\:bg-secondary:checked:before {
  background-color: var(--color-secondary);
  content: var(--tw-content);
}

.checked\:before\:bg-slate-500:checked:before {
  background-color: var(--color-primary);
  content: var(--tw-content);
}

.checked\:before\:bg-white:checked:before {
  background-color: var(--color-white);
  content: var(--tw-content);
}

.focus-within\:\!border-primary:focus-within {
  border-color: var(--color-text-primary) !important;
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

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

.hover\:rotate-\[360deg\]:hover {
  --tw-rotate: 360deg;
}

.hover\:rotate-\[360deg\]:hover, .hover\:scale-110:hover {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.hover\:\!border-error:hover {
  border-color: var(--color-error) !important;
}

.hover\:\!border-info:hover {
  border-color: var(--color-info) !important;
}

.hover\:\!border-success:hover {
  border-color: var(--color-success) !important;
}

.hover\:border-warning:hover {
  border-color: var(--color-warning) !important;
}

.hover\:border-primary:hover {
  border-color: var(--color-text-primary);
}

.hover\:border-secondary:hover {
  border-color: var(--color-secondary);
}

.hover\:border-slate-400:hover {
  border-color: var(--color-text-slate-400);
}

.hover\:border-slate-500:hover {
  border-color: var(--color-primary);
}

.hover\:bg-black\/30:hover {
  background-color: #0000004d;
}

.hover\:bg-error:hover {
  background-color: var(--color-error);
}

.hover\:bg-error-focus:hover {
  background-color: #f03000;
}

.hover\:bg-error\/20:hover {
  background-color: #ff572433;
}

.hover\:bg-info:hover {
  background-color: var(--color-info);
}

.hover\:bg-info-focus:hover {
  background-color: #0284c7;
}

.hover\:bg-info\/20:hover {
  background-color: #0ea5e933;
}

.hover\:bg-navy-450:hover {
  background-color: #465675;
}

.hover\:bg-primary:hover {
  background-color: var(--color-text-primary);
}

.hover\:bg-primary-focus:hover {
  background-color: var(--color-text-focus);
}

.hover\:bg-primary\/10:hover {
  background-color: var(--color-selected-color);
}

.hover\:bg-primary\/20:hover {
  background-color: var(--color-hover-color);
}

.hover\:bg-secondary:hover {
  background-color: var(--color-secondary);
}

.hover\:bg-secondary-focus:hover {
  background-color: #bd0090;
}

.hover\:bg-secondary\/20:hover {
  background-color: #f000b933;
}

.hover\:bg-slate-100:hover, .hover\:bg-slate-150:hover {
  background-color: var(--color-graySuperLight);
}

.hover\:bg-slate-200:hover {
  background-color: var(--color-text-slate-200);
}

.hover\:bg-slate-300:hover {
  background-color: var(--border-color-base);
}

.hover\:bg-slate-300\/20:hover {
  background-color: #cbd5e133;
}

.hover\:bg-success:hover {
  background-color: var(--color-success);
}

.hover\:bg-success-focus:hover {
  background-color: #059669;
}

.hover\:bg-success\/20:hover {
  background-color: #10b98133;
}

.hover\:bg-warning:hover {
  background-color: var(--color-warning);
}

.hover\:bg-warning-focus:hover {
  background-color: #e68200;
}

.hover\:bg-warning\/20:hover {
  background-color: #ff980033;
}

.hover\:bg-white\/20:hover {
  background-color: #fff3;
}

.hover\:bg-white\/30:hover {
  background-color: #ffffff4d;
}

.hover\:pl-4:hover {
  padding-left: .75rem;
}

.hover\:text-error:hover {
  color: var(--color-error);
}

.hover\:text-info:hover {
  color: var(--color-info);
}

.hover\:text-primary:hover {
  color: var(--color-text-primary);
}

.hover\:text-primary-focus:hover {
  color: var(--color-text-focus);
}

.hover\:text-primary\/70:hover {
  color: #4f46e5b3;
}

.hover\:text-secondary:hover {
  color: var(--color-secondary);
}

.hover\:text-slate-700:hover {
  color: var(--color-text-slate-700);
}

.hover\:text-slate-800:hover {
  color: #1e293b;
}

.hover\:text-slate-900:hover {
  color: #0f172a;
}

.hover\:text-success:hover {
  color: var(--color-success);
}

.hover\:text-white:hover {
  color: var(--color-white);
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --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 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
}

.hover\:shadow-error\/50:hover {
  --tw-shadow-color: #ff572480;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-info\/50:hover {
  --tw-shadow-color: #0ea5e980;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-primary\/50:hover {
  --tw-shadow-color: #4f46e580;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-secondary\/50:hover {
  --tw-shadow-color: #f000b980;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-slate-200\/50:hover {
  --tw-shadow-color: #e2e8f080;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-success\/50:hover {
  --tw-shadow-color: #10b98180;
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-warning\/50:hover {
  --tw-shadow-color: #ff980080;
  --tw-shadow: var(--tw-shadow-colored);
}

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

.focus\:\!border-error:focus {
  border-color: var(--color-error) !important;
}

.focus\:\!border-info:focus {
  border-color: var(--color-info) !important;
}

.focus\:\!border-success:focus {
  border-color: var(--color-success) !important;
}

.focus\:\!border-warning:focus {
  border-color: var(--color-warning) !important;
}

.focus\:border-primary:focus {
  border-color: var(--color-text-primary);
}

.focus\:border-secondary:focus {
  border-color: var(--color-secondary);
}

.focus\:border-slate-500:focus {
  border-color: var(--color-primary);
}

.focus\:bg-black\/30:focus {
  background-color: #0000004d;
}

.focus\:bg-error:focus {
  background-color: var(--color-error);
}

.focus\:bg-error-focus:focus {
  background-color: #f03000;
}

.focus\:bg-error\/20:focus {
  background-color: #ff572433;
}

.focus\:bg-info:focus {
  background-color: var(--color-info);
}

.focus\:bg-info-focus:focus {
  background-color: #0284c7;
}

.focus\:bg-info\/20:focus {
  background-color: #0ea5e933;
}

.focus\:bg-navy-450:focus {
  background-color: #465675;
}

.focus\:bg-primary:focus {
  background-color: var(--color-text-primary);
}

.focus\:bg-primary-focus:focus {
  background-color: var(--color-text-focus);
}

.focus\:bg-primary\/10:focus {
  background-color: var(--color-selected-color);
}

.focus\:bg-primary\/20:focus {
  background-color: var(--color-hover-color);
}

.focus\:bg-secondary:focus {
  background-color: var(--color-secondary);
}

.focus\:bg-secondary-focus:focus {
  background-color: #bd0090;
}

.focus\:bg-secondary\/20:focus {
  background-color: #f000b933;
}

.focus\:bg-slate-100:focus, .focus\:bg-slate-150:focus {
  background-color: var(--color-graySuperLight);
}

.focus\:bg-slate-200:focus {
  background-color: var(--color-text-slate-200);
}

.focus\:bg-slate-300:focus {
  background-color: var(--border-color-base);
}

.focus\:bg-slate-300\/20:focus {
  background-color: #cbd5e133;
}

.focus\:bg-success:focus {
  background-color: var(--color-success);
}

.focus\:bg-success-focus:focus {
  background-color: #059669;
}

.focus\:bg-success\/20:focus {
  background-color: #10b98133;
}

.focus\:bg-warning:focus {
  background-color: var(--color-warning);
}

.focus\:bg-warning-focus:focus {
  background-color: #e68200;
}

.focus\:bg-warning\/20:focus {
  background-color: #ff980033;
}

.focus\:bg-white\/20:focus {
  background-color: #fff3;
}

.focus\:bg-white\/30:focus {
  background-color: #ffffff4d;
}

.focus\:text-error:focus {
  color: var(--color-error);
}

.focus\:text-info:focus {
  color: var(--color-info);
}

.focus\:text-navy-800:focus {
  color: #202b40;
}

.focus\:text-primary:focus {
  color: var(--color-text-primary);
}

.focus\:text-primary\/70:focus {
  color: #4f46e5b3;
}

.focus\:text-secondary:focus {
  color: var(--color-secondary);
}

.focus\:text-slate-800:focus {
  color: #1e293b;
}

.focus\:text-success:focus {
  color: var(--color-success);
}

.focus\:text-white:focus {
  color: var(--color-white);
}

.focus\:underline:focus {
  text-decoration-line: underline;
}

.focus\:opacity-100:focus {
  opacity: 1;
}

.focus\:shadow-lg:focus {
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --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 var(--color-black)), var(--tw-ring-shadow, 0 0 var(--color-black)), var(--tw-shadow);
}

.focus\:shadow-error\/50:focus {
  --tw-shadow-color: #ff572480;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:shadow-info\/50:focus {
  --tw-shadow-color: #0ea5e980;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:shadow-primary\/50:focus {
  --tw-shadow-color: #4f46e580;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:shadow-slate-200\/50:focus {
  --tw-shadow-color: #e2e8f080;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:shadow-success\/50:focus {
  --tw-shadow-color: #10b98180;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:shadow-warning\/50:focus {
  --tw-shadow-color: #ff980080;
  --tw-shadow: var(--tw-shadow-colored);
}

.focus\:outline-none:focus {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.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 var(--color-black));
}

.active\:bg-error-focus\/90:active {
  background-color: #f03000e6;
}

.active\:bg-error\/25:active {
  background-color: #ff572440;
}

.active\:bg-error\/90:active {
  background-color: #ff5724e6;
}

.active\:bg-info-focus\/90:active {
  background-color: #0284c7e6;
}

.active\:bg-info\/25:active {
  background-color: #0ea5e940;
}

.active\:bg-info\/90:active {
  background-color: #0ea5e9e6;
}

.active\:bg-navy-450\/90:active {
  background-color: #465675e6;
}

.active\:bg-primary-focus\/90:active {
  background-color: var(--color-primary-active-90);
}

.active\:bg-primary\/25:active {
  background-color: var(--color-primary-active-25);
}

.active\:bg-primary\/90:active {
  background-color: #4f46e5e6;
}

.active\:bg-secondary-focus\/90:active {
  background-color: #bd0090e6;
}

.active\:bg-secondary\/25:active {
  background-color: #f000b940;
}

.active\:bg-secondary\/90:active {
  background-color: #f000b9e6;
}

.active\:bg-slate-150\/80:active {
  background-color: #e9eef5cc;
}

.active\:bg-slate-200\/80:active {
  background-color: #e2e8f0cc;
}

.active\:bg-slate-300\/25:active {
  background-color: #cbd5e140;
}

.active\:bg-slate-300\/80:active {
  background-color: var(--scrollbar-color);
}

.active\:bg-success-focus\/90:active {
  background-color: #059669e6;
}

.active\:bg-success\/25:active {
  background-color: #10b98140;
}

.active\:bg-success\/90:active {
  background-color: #10b981e6;
}

.active\:bg-warning-focus\/90:active {
  background-color: #e68200e6;
}

.active\:bg-warning\/25:active {
  background-color: #ff980040;
}

.active\:bg-warning\/90:active {
  background-color: #ff9800e6;
}

.active\:bg-white\/25:active {
  background-color: #ffffff40;
}

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

.disabled\:select-none:disabled, .select-none {
  -webkit-user-select: none;
  user-select: none;
}

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

.disabled\:border-slate-300:disabled {
  border-color: var(--border-color-base);
}

.disabled\:bg-zinc-100:disabled {
  background-color: #f4f4f5;
}

.disabled\:opacity-60:disabled {
  opacity: .6;
}

.disabled\:opacity-40:disabled {
  opacity: .4;
}

.group:hover .group-hover\:text-primary {
  color: var(--color-text-primary);
}

.group:hover .group-hover\:text-slate-500 {
  color: var(--color-primary);
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:focus .group-focus\:text-primary {
  color: var(--color-text-primary);
}

.group:focus .group-focus\:text-slate-500 {
  color: var(--color-primary);
}

.peer:focus ~ .peer-focus\:text-primary {
  color: var(--color-text-primary);
}

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

.justify-normal {
  justify-content: normal;
}

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

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

@media print {
  .print\:hidden {
    display: none;
  }
}

@media (min-width: 640px) {
  .sm\:order-first {
    order: -9999;
  }

  .sm\:order-last {
    order: 9999;
  }

  .sm\:order-none {
    order: 0;
  }

  .sm\:col-span-0 {
    display: none;
  }

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

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:m-0 {
    margin: 0;
  }

  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:-mr-1 {
    margin-right: -.25rem;
  }

  .sm\:-mr-1\.5 {
    margin-right: -.375rem;
  }

  .sm\:ml-10 {
    margin-left: 2.5rem;
  }

  .sm\:mr-10 {
    margin-right: 2.5rem;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mt-2 {
    margin-top: .5rem;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-9 {
    height: 2.25rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-72 {
    width: 18rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-80 {
    width: 20rem;
  }

  .sm\:w-9 {
    width: 2.25rem;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:flex-initial {
    flex: 0 auto;
  }

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

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

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

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

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

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

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:gap-5 {
    gap: 1.25rem;
  }

  .sm\:gap-x-5 {
    column-gap: 1.25rem;
  }

  .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
  }

  .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  }

  .sm\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.75rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
  }

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

  .sm\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
    margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
  }

  .sm\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
  }

  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
    border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse)));
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-18 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .sm\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:pb-0 {
    padding-bottom: 0;
  }

  .sm\:pl-0 {
    padding-left: 0;
  }

  .sm\:pl-2 {
    padding-left: .5rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:opacity-0 {
    opacity: 0;
  }
}

@media (min-width: 768px) {
  .md\:order-first {
    order: -9999;
  }

  .md\:order-last {
    order: 9999;
  }

  .md\:order-none {
    order: 0;
  }

  .md\:col-span-0 {
    display: none;
  }

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

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:m-0 {
    margin: 0;
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:-mr-1 {
    margin-right: -.25rem;
  }

  .md\:-mr-1\.5 {
    margin-right: -.375rem;
  }

  .md\:ml-10 {
    margin-left: 2.5rem;
  }

  .md\:mr-10 {
    margin-right: 2.5rem;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mt-2 {
    margin-top: .5rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-9 {
    height: 2.25rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-72 {
    width: 18rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-80 {
    width: 20rem;
  }

  .md\:w-9 {
    width: 2.25rem;
  }

  .md\:flex-initial {
    flex: 0 auto;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, 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\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-x-5 {
    column-gap: 1.25rem;
  }

  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
  }

  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  }

  .md\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.75rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
  }

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

  .md\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
    margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse)));
  }

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
    border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse)));
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-18 {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pl-0 {
    padding-left: 0;
  }

  .md\:pl-2 {
    padding-left: .5rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .md\:w-50 {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .lg\:my-7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }

  .lg\:w-1\/12 {
    width: 8.33333%;
  }

  .lg\:w-2\/12 {
    width: 16.6667%;
  }

  .lg\:w-3\/12 {
    width: 25%;
  }

  .lg\:w-4\/12 {
    width: 33.3333%;
  }

  .lg\:w-5\/12 {
    width: 41.6667%;
  }

  .lg\:w-11\/12 {
    width: 91.6667%;
  }

  .lg\:static {
    position: static;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:bottom-0 {
    bottom: 0;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:order-none {
    order: 0;
  }

  .lg\:col-span-0 {
    display: none;
  }

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

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:mr-80 {
    margin-right: 20rem;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mt-2 {
    margin-top: .5rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-48 {
    height: 12rem;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:w-12 {
    width: 3rem;
  }

  .lg\:w-48 {
    width: 12rem;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

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

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

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

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

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

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

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

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:place-items-center {
    place-items: center;
  }

  .lg\:gap-24 {
    gap: 6rem;
  }

  .lg\:gap-3 {
    gap: .75rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

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

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

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

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

  .lg\:self-end {
    align-self: flex-end;
  }

  .lg\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
  }

  .lg\:pb-6, .lg\:py-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pl-0 {
    padding-left: 0;
  }

  .lg\:pl-1 {
    padding-left: .25rem;
  }

  .lg\:pl-9 {
    padding-left: 2.25rem;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-base {
    font-size: var(--text-base);
    line-height: 1.5rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
  }

  .lg\:text-lg, .lg\:text-xl {
    line-height: 1.75rem;
  }

  .lg\:text-xl {
    font-size: var(--text-xl);
  }

  .lg\:opacity-100 {
    opacity: 1;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:w-50 {
    width: 50%;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-0 {
    display: none;
  }

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

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xl\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:hidden {
    display: none;
  }

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

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

  .xl\:gap-8 {
    gap: 2rem;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:w-3\/12 {
    width: 25%;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:border-l-1 {
    border-left: 1px solid var(--border-color-base);
  }

  .xl\:margin-left {
    margin-left: 1rem;
  }
}

.todo-app .sortable-ghost {
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  --tw-ring-color: var(--color-graySuperLight);
  background-color: var(--color-graySuperLight);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 var(--color-black));
  border-radius: .5rem;
}

:is(.dark .todo-app .sortable-ghost) {
  --tw-ring-color: var(--color-grayUltraDark);
  background-color: var(--color-grayUltraDark);
}

.dashboard-app .sortable-ghost {
  background-color: var(--color-graySuperLight);
  border-radius: .5rem;
}

.dashboard-app .board-draggable-handler {
  cursor: grab;
}

@supports selector(::-webkit-scrollbar) {
  .kanban-scrollbar::-webkit-scrollbar {
    height: .625rem;
  }

  .kanban-scrollbar::-webkit-scrollbar-thumb {
    background-color: #94a3b8cc;
    border-radius: 9999px;
  }

  .kanban-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-primary);
  }

  :-webkit-any() {
    background-color: #697a9b;
  }

  :-moz-any() {
    background-color: #697a9b;
  }

  :is() {
    background-color: #697a9b;
  }
}

@media (hover: none) and (pointer: coarse) {
  .dashboard-app .sortable-chosen, .todo-app .sortable-chosen {
    background-color: var(--color-graySuperLight);
    border-radius: .5rem;
  }

  :is(.dark .dashboard-app .sortable-chosen) {
    background-color: var(--color-grayUltraDark);
  }

  :is(.dark .todo-app .sortable-chosen) {
    background-color: var(--color-grayUltraDark);
  }
}

pre code.hljs {
  padding: 1em;
  display: block;
  overflow-x: auto;
}

code.hljs {
  padding: 3px 5px;
}

.hljs {
  color: #abb2bf;
  background: #282c34;
}

.hljs-comment, .hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag, .hljs-formula, .hljs-keyword {
  color: #c678dd;
}

.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
  color: #98c379;
}

.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
  color: #d19a66;
}

.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
  color: #61aeee;
}

.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
  color: #e6c07b;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-link {
  text-decoration: underline;
}

.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, none));
}

:host, :root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em / 1 "Font Awesome 6 Brands";
  --fa-font-regular: normal 400 1em / 1 "Font Awesome 6 Free";
}

.cell-button {
  padding: 0 !important;
}

.cell-button > div {
  min-width: inherit;
  max-width: inherit;
  min-height: inherit;
  max-height: inherit;
}

.cell-button-inner {
  min-width: inherit;
  max-width: inherit;
  min-height: inherit;
  max-height: inherit;
  justify-content: center;
  align-items: center;
}

.height-inherit {
  height: inherit;
}

.apexcharts-text.apexcharts-xaxis-label, .apexcharts-text.apexcharts-yaxis-label {
  color: var(--color-grayMedium);
  fill: currentColor !important;
}

.apexcharts-legend-text {
  color: var(--color-primary) !important;
}

.apexcharts-legend-series:hover {
  background-color: var(--color-hover-color);
}

.apexcharts-series.apexcharts-heatmap-series rect {
  stroke: var(--color-grayLight);
  stroke-width: .2px;
}

.dropArea {
  position: relative;
}

.dropArea:before {
  content: "";
  z-index: 1;
  background-color: #ebebeb;
  width: 100%;
  height: 100%;
  position: absolute;
}

.divider-bar {
  display: flex;
}

.divider-bar:before {
  content: "";
  flex: 1;
}

.divider-bar:after {
  content: "";
  flex: 1;
}

.divider-bar-line {
  align-items: center;
  margin: 1rem 0;
}

.divider-bar-line:before {
  height: 1px;
  margin: 0 .75rem;
}

.divider-bar-line:after {
  height: 1px;
  margin: 0 .75rem;
}

.divider-bar-orange:before {
  height: 1px;
}

.divider-bar-orange:after {
  height: 1px;
}

.divider-bar-orange:before {
  background: linear-gradient(to right, var(--color-orangeDark), var(--color-orangeIntermedie));
}

.divider-bar-orange:after {
  background: linear-gradient(to left, var(--color-orangeDark), var(--color-orangeIntermedie));
}

.wdr-ui-btn {
  background-color: var(--color-warning) !important;
  color: var(--color-white) !important;
  text-transform: none !important;
  height: auto !important;
  font-size: var(--text-xs-plus) !important;
}

.normal-case {
  text-transform: none;
}

div#sankeyContainer * {
  font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;
}

.dot {
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  display: inline-block;
}

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

.custom_gauge circle:first-child {
  stroke-width: .1rem;
  stroke: var(--color-grayLight);
  fill: var(--color-graySuperLight);
  opacity: .5;
}

.custom_gauge circle:nth-child(2) {
  fill: var(--color-slate-50);
  stroke: var(--color-text-slate-200);
  stroke-width: 5px;
}

.custom_gauge circle:nth-child(3) {
  fill: var(--color-grayLight);
  stroke: var(--color-grayMedium);
  stroke-width: 6px;
}

.custom_gauge text {
  fill: var(--color-black);
  font-family: Arial;
  font-size: var(--text-xs);
  text-anchor: revert-layer;
}

.custom_gauge text:first-child {
  fill: var(--color-black);
  font-size: var(--text-xs);
  font-weight: 700;
  font-family: var(--font-family-primary);
}

.custom_gauge path {
  stroke: var(--color-grayMedium);
}

.custom_gauge path:nth-child(2) {
  fill: #10b981;
  stroke: var(--color-graySuperLight);
  stroke-width: 0;
  fill-opacity: 1;
}