Elep

.otomatic-ai-conf0 {
    fill: #fc6394;
}
.otomatic-ai-conf1 {
    fill: #ef3c8a;
}
.otomatic-ai-conf2 {
    fill: #5adaea;
}
.otomatic-ai-conf3 {
    fill: #974cbe;
}
.otomatic-ai-conf4 {
    fill: #3cbecd;
}
.otomatic-ai-conf5 {
    fill: #813bbe;
}
.otomatic-ai-conf6 {
    fill: #f9b732;
}
.otomatic-ai-conf7 {
    display: none;
    fill: none;
    stroke: #000000;
    stroke-miterlimit: 10;
}
.otomatic-ai-conf8 {
    fill: none;
    stroke: #f9b732;
    stroke-width: 9;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}
.otomatic-ai-confetti-cone {
    transform-origin: 200px 50px;
    animation: otomatic-ai-confetti-cone1 1.2s ease infinite;
}
@keyframes otomatic-ai-confetti-cone1 {
0% {
        transform: translate(40px, 95px) rotate(45deg) scale(1, 1);
}
15% {
        transform: translate(10px, 145px) rotate(45deg) scale(1.1, 0.85);
}
100% {
        transform: translate(40px, 105px) rotate(45deg) scale(1, 1);
}
}
#otomatic-ai-yellow-strip {
    fill: none;
    stroke: #f9b732;
    stroke-width: 9;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    animation: otomatic-ai-confdash 1.2s ease infinite;
}
@keyframes otomatic-ai-confdash {
0% {
        stroke-dasharray: 1000;
        stroke-dashoffset: 500;
        transform: translate(-30px, 30px);
        opacity: 0;
}
2% {
        stroke-dasharray: 1000;
        stroke-dashoffset: 500;
        transform: translate(-30px, 30px);
        opacity: 0;
}
35% {
        stroke-dasharray: 1000;
        stroke-dashoffset: 900;
        transform: translate(-2px, 0px);
        opacity: 1;
}
85% {
        stroke-dasharray: 1000;
        stroke-dashoffset: 1000;
        transform: translate(1px, -5px);
        opacity: 1;
}
90% {
        stroke-dashoffset: 1000;
        transform: translate(2px, -8px);
        opacity: 0;
}
100% {
        stroke-dashoffset: 500;
        transform: translate(2px, -8px);
        opacity: 0;
}
}
#otomatic-ai-a2 {
    transform-origin: 310.9px 241px;
    animation: otomatic-ai-confa 1.2s ease-out infinite;
}
#otomatic-ai-a1 {
    transform-origin: 276px 246px;
    animation: otomatic-ai-confa 1.2s ease-out infinite;
}
@keyframes otomatic-ai-confa {
0% {
        opacity: 0;
        transform: translate(-30px, 20px) rotate(0);
}
15% {
        opacity: 1;
        transform: translate(25px, -10px) rotate(60deg);
}
80% {
        opacity: 1;
        transform: translate(33px, -18px) rotate(180deg);
}
100% {
        opacity: 0;
        transform: translate(37px, -23px) scale(0.5) rotate(230deg);
}
}
#otomatic-ai-b1 {
    transform-origin: 195.2px 232.6px;
    animation: otomatic-ai-confb 1.2s ease-out infinite;
}
#otomatic-ai-b2 {
    transform-origin: 230.8px 219.8px;
    animation: otomatic-ai-confb 1.2s ease-out infinite;
}
#otomatic-ai-b3 {
    transform-origin: 222.8px 190.6px;
    animation: otomatic-ai-confb 1.2s ease-out infinite;
}
#otomatic-ai-b4 {
    transform-origin: 262px 188.5px;
    animation: otomatic-ai-confb 1.2s ease-out infinite;
}
#otomatic-ai-b5 {
    transform-origin: 282.3px 170.6px;
    animation: otomatic-ai-confb 1.2s ease-out infinite;
}
@keyframes otomatic-ai-confb {
0% {
        opacity: 0;
        transform: translate(-30px, 20px) rotate(0);
}
12% {
        opacity: 1;
        transform: translate(25px, -10px) rotate(60deg);
}
76% {
        opacity: 1;
        transform: translate(33px, -18px) rotate(180deg);
}
100% {
        opacity: 0;
        transform: translate(37px, -23px) scale(0.5) rotate(240deg);
}
}
#otomatic-ai-c1 {
    transform-origin: 174.8px 183.4px;
    animation: otomatic-ai-confc 1.2s ease-out infinite;
}
#otomatic-ai-c2 {
    transform-origin: 178.9px 156.2px;
    animation: otomatic-ai-confc 1.2s ease-out infinite;
}
#otomatic-ai-c3 {
    transform-origin: 206.7px 140px;
    animation: otomatic-ai-confc 1.2s ease-out infinite;
}
#otomatic-ai-c4 {
    transform-origin: 213.5px 120.2px;
    animation: otomatic-ai-confc 1.2s ease-out infinite;
}
@keyframes otomatic-ai-confc {
0% {
        opacity: 0.7;
        transform: translate(-30px, 20px) rotate(0);
}
18% {
        opacity: 1;
        transform: translate(5px, -10px) rotate(60deg);
}
76% {
        opacity: 1;
        transform: translate(13px, -18px) rotate(180deg);
}
100% {
        opacity: 0;
        transform: translate(17px, -23px) scale(0.5) rotate(230deg);
}
}
#otomatic-ai-d1 {
    transform-origin: 127px 176px;
    animation: otomatic-ai-confd 1.2s ease-out infinite;
}
#otomatic-ai-d2 {
    transform-origin: 133px 118px;
    animation: otomatic-ai-confd 1.2s ease-out infinite;
}
#otomatic-ai-d3 {
    transform-origin: 152px 100px;
    animation: otomatic-ai-confd 1.2s ease-out infinite;
}
@keyframes otomatic-ai-confd {
0% {
        opacity: 0.7;
        transform: translate(-20px, 20px) rotate(0);
}
18% {
        opacity: 1;
        transform: translate(-5px, -10px) rotate(60deg);
}
76% {
        opacity: 1;
        transform: translate(-8px, -18px) rotate(180deg);
}
100% {
        opacity: 0;
        transform: translate(-10px, -23px) scale(0.5) rotate(230deg);
}
}

.oto-chat-spinner_qM83 {
    animation: oto-chat-spinner_8HQG 1.05s infinite;
}
.oto-chat-spinner_oXPr {
    animation-delay: 0.1s;
}
.oto-chat-spinner_ZTLf {
    animation-delay: 0.2s;
}
@keyframes oto-chat-spinner_8HQG {
0%,
    57.14% {
        animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
        transform: translate(0);
}
28.57% {
        animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
        transform: translateY(-6px);
}
100% {
        transform: translate(0);
}
}

.multiselect {
    --ms-bg: var(--color-gray-900);
    --ms-dropdown-bg: var(--color-gray-900);
    --ms-border-color: var(--color-gray-700);
    --ms-dropdown-border-color: var(--color-gray-700);
    --ms-tag-bg: var(--color-gray-700);
    --ms-empty-color: var(--color-gray-400);
    --ms-option-bg-pointed: var(--color-gray-800);
    --ms-option-color-pointed: var(--color-gray-200);
    --ms-spinner-color: var(--color-white);
}

.otomatic-ai-app #nprogress {
    --nprogress-color: var(--color-gray-900);
}

/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

@keyframes confetti-slow {
0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
}
100% {
        transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
}
}
@keyframes confetti-medium {
0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
}
100% {
        transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
}
}
@keyframes confetti-fast {
0% {
        transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
}
100% {
        transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
}
}
.confetti {
    position: absolute;
    z-index: 1;
    top: -10px;
    border-radius: 0%;
}
.confetti--animation-slow {
    animation: confetti-slow 4.5s linear 1 forwards;
}
.confetti--animation-medium {
    animation: confetti-medium 3.5s linear 1 forwards;
}
.confetti--animation-fast {
    animation: confetti-fast 2.5s linear 1 forwards;
}

/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fd1478dcc74de00ee4c0.woff2) format('woff2'), url(../e89451624c6caf35687f.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../cb04b2ee2f7d192478b8.woff2) format('woff2'), url(../e2841352dd9512ff455b.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../f2fa0d9ef98f59d4a75b.woff2) format('woff2'), url(../b9e1e89444a313a63b91.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../a8de720a6f13c66c8a4e.woff2) format('woff2'), url(../a42da273bb968bf2058d.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../44c9df135eec470b0ab6.woff2) format('woff2'), url(../96f8adc74b63e1a3655f.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../3d10c85fbd16969509a2.woff2) format('woff2'), url(../1c20f7dc20d731a18fcd.woff) format('woff');
  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../9698cc7dbf147ed363b6.woff2) format('woff2'), url(../b0c8fe9db56dd415a25a.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.otomatic-ai-app *,
.otomatic-ai-app ::before,
.otomatic-ai-app ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

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

.otomatic-ai-app *,
.otomatic-ai-app ::before,
.otomatic-ai-app ::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #e7e5e4;
    /* 2 */
}
.otomatic-ai-app ::before,
.otomatic-ai-app ::after {
    --tw-content: "";
}
.otomatic-ai-app,
.otomatic-ai-app :host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: InterVariable, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}
.otomatic-ai-app {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}
.otomatic-ai-app hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}
.otomatic-ai-app abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
.otomatic-ai-app h1,
.otomatic-ai-app h2,
.otomatic-ai-app h3,
.otomatic-ai-app h4,
.otomatic-ai-app h5,
.otomatic-ai-app h6 {
    font-size: inherit;
    font-weight: inherit;
}
.otomatic-ai-app a {
    color: inherit;
    text-decoration: inherit;
}
.otomatic-ai-app b,
.otomatic-ai-app strong {
    font-weight: bolder;
}
.otomatic-ai-app code,
.otomatic-ai-app kbd,
.otomatic-ai-app samp,
.otomatic-ai-app pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}
.otomatic-ai-app small {
    font-size: 80%;
}
.otomatic-ai-app sub,
.otomatic-ai-app sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.otomatic-ai-app sub {
    bottom: -0.25em;
}
.otomatic-ai-app sup {
    top: -0.5em;
}
.otomatic-ai-app table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}
.otomatic-ai-app button,
.otomatic-ai-app input,
.otomatic-ai-app optgroup,
.otomatic-ai-app select,
.otomatic-ai-app textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}
.otomatic-ai-app button,
.otomatic-ai-app select {
    text-transform: none;
}
.otomatic-ai-app button,
.otomatic-ai-app input:where([type="button"]),
.otomatic-ai-app input:where([type="reset"]),
.otomatic-ai-app input:where([type="submit"]) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}
.otomatic-ai-app :-moz-focusring {
    outline: auto;
}
.otomatic-ai-app :-moz-ui-invalid {
    box-shadow: none;
}
.otomatic-ai-app progress {
    vertical-align: baseline;
}
.otomatic-ai-app ::-webkit-inner-spin-button,
.otomatic-ai-app ::-webkit-outer-spin-button {
    height: auto;
}
.otomatic-ai-app [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}
.otomatic-ai-app ::-webkit-search-decoration {
    -webkit-appearance: none;
}
.otomatic-ai-app ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}
.otomatic-ai-app summary {
    display: list-item;
}
.otomatic-ai-app blockquote,
.otomatic-ai-app dl,
.otomatic-ai-app dd,
.otomatic-ai-app h1,
.otomatic-ai-app h2,
.otomatic-ai-app h3,
.otomatic-ai-app h4,
.otomatic-ai-app h5,
.otomatic-ai-app h6,
.otomatic-ai-app hr,
.otomatic-ai-app figure,
.otomatic-ai-app p,
.otomatic-ai-app pre {
    margin: 0;
}
.otomatic-ai-app fieldset {
    margin: 0;
    padding: 0;
}
.otomatic-ai-app legend {
    padding: 0;
}
.otomatic-ai-app ol,
.otomatic-ai-app ul,
.otomatic-ai-app menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.otomatic-ai-app dialog {
    padding: 0;
}
.otomatic-ai-app textarea {
    resize: vertical;
}
.otomatic-ai-app input::-moz-placeholder,
.otomatic-ai-app textarea::-moz-placeholder {
    opacity: 1;
    /* 1 */
    color: #a8a29e;
    /* 2 */
}
.otomatic-ai-app input::placeholder,
.otomatic-ai-app textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #a8a29e;
    /* 2 */
}
.otomatic-ai-app button,
.otomatic-ai-app [role="button"] {
    cursor: pointer;
}
.otomatic-ai-app :disabled {
    cursor: default;
}
.otomatic-ai-app img,
.otomatic-ai-app svg,
.otomatic-ai-app video,
.otomatic-ai-app canvas,
.otomatic-ai-app audio,
.otomatic-ai-app iframe,
.otomatic-ai-app embed,
.otomatic-ai-app object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}
.otomatic-ai-app img,
.otomatic-ai-app video {
    max-width: 100%;
    height: auto;
}
.otomatic-ai-app [hidden]:where(:not([hidden="until-found"])) {
    display: none;
}
.otomatic-ai-app .\!container {
    width: 100% !important;
}
.otomatic-ai-app .container {
    width: 100%;
}
@media (min-width: 640px) {
    .otomatic-ai-app .\!container {
        max-width: 640px !important;
    }
    .otomatic-ai-app .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .otomatic-ai-app .\!container {
        max-width: 768px !important;
    }
    .otomatic-ai-app .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .otomatic-ai-app .\!container {
        max-width: 1024px !important;
    }
    .otomatic-ai-app .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .otomatic-ai-app .\!container {
        max-width: 1280px !important;
    }
    .otomatic-ai-app .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .otomatic-ai-app .\!container {
        max-width: 1536px !important;
    }
    .otomatic-ai-app .container {
        max-width: 1536px;
    }
}

/**
 * Remove wordpress content margin left
 */
.otomatic-ai-app {
    margin-left: -20px;
}

.otomatic-ai-app .min-h-wpcontent {
    min-height: calc(100vh - 32px);
}

.otomatic-ai-app .top-wpcontent {
    top: 32px;
}

.otomatic-ai-app .left-wpcontent {
    left: 36px;
}

@media screen and (max-width: 782px) {
    .otomatic-ai-app {
        margin-left: -10px;
        min-height: 800px;
    }

.wp-responsive-open .otomatic-ai-app {
        margin-left: calc(190px - 16em - 10px);
    }

.otomatic-ai-app .min-h-wpcontent {
        min-height: calc(100vh - 46px);
    }

.otomatic-ai-app .top-wpcontent {
        top: 46px;
    }

.otomatic-ai-app .left-wpcontent {
        left: 0px;
    }
}

/**
 * Remove wordpress default style
 */
.otomatic-ai-app input[type="date"],
.otomatic-ai-app input[type="datetime-local"],
.otomatic-ai-app input[type="datetime"],
.otomatic-ai-app input[type="email"],
.otomatic-ai-app input[type="month"],
.otomatic-ai-app input[type="number"],
.otomatic-ai-app input[type="password"],
.otomatic-ai-app input[type="search"],
.otomatic-ai-app input[type="tel"],
.otomatic-ai-app input[type="text"],
.otomatic-ai-app input[type="time"],
.otomatic-ai-app input[type="url"],
.otomatic-ai-app input[type="week"] {
    min-height: auto;
}

.otomatic-ai-app input[type="checkbox"]:checked::before {
    content: "";
}

.otomatic-ai-app input[type="radio"]::before {
    display: none;
}

.otomatic-ai-app dd,
.otomatic-ai-app li {
    margin-bottom: 0px;
}

.otomatic-ai-app a:focus {
    box-shadow: inherit;
    outline: inherit;
}

.otomatic-ai-app select {
    max-width: unset;
}
.otomatic-ai-app select:focus,
.otomatic-ai-app select:hover {
    color: unset;
}

.otomatic-ai-app input[type="checkbox"]:focus {
    border-color: unset;
}

.otomatic-ai-app .fade-enter-active,
.otomatic-ai-app .fade-leave-active {
    transition: opacity 0.333s ease;
}

.otomatic-ai-app .fade-75-enter-active,
.otomatic-ai-app .fade-75-leave-active {
    transition: opacity 0.075s ease;
}

.otomatic-ai-app .fade-100-enter-active,
.otomatic-ai-app .fade-100-leave-active {
    transition: opacity 0.1s ease;
}

.otomatic-ai-app .fade-150-enter-active,
.otomatic-ai-app .fade-150-leave-active {
    transition: opacity 0.15s ease;
}

.otomatic-ai-app .fade-500-enter-active,
.otomatic-ai-app .fade-500-leave-active {
    transition: opacity 0.5s ease;
}

.otomatic-ai-app .fade-enter-from,
.otomatic-ai-app .fade-leave-to,
.otomatic-ai-app .fade-75-enter-from,
.otomatic-ai-app .fade-75-leave-to,
.otomatic-ai-app .fade-100-enter-from,
.otomatic-ai-app .fade-100-leave-to,
.otomatic-ai-app .fade-150-enter-from,
.otomatic-ai-app .fade-150-leave-to,
.otomatic-ai-app .fade-500-enter-from,
.otomatic-ai-app .fade-500-leave-to {
    opacity: 0;
}

.otomatic-ai-app [type="text"],
.otomatic-ai-app input:where(:not([type])),
.otomatic-ai-app [type="email"],
.otomatic-ai-app [type="url"],
.otomatic-ai-app [type="password"],
.otomatic-ai-app [type="number"],
.otomatic-ai-app [type="date"],
.otomatic-ai-app [type="datetime-local"],
.otomatic-ai-app [type="month"],
.otomatic-ai-app [type="search"],
.otomatic-ai-app [type="tel"],
.otomatic-ai-app [type="time"],
.otomatic-ai-app [type="week"],
.otomatic-ai-app [multiple],
.otomatic-ai-app textarea,
.otomatic-ai-app select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #78716c;
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #000 0;
}
.otomatic-ai-app [type="text"]:focus,
.otomatic-ai-app input:where(:not([type])):focus,
.otomatic-ai-app [type="email"]:focus,
.otomatic-ai-app [type="url"]:focus,
.otomatic-ai-app [type="password"]:focus,
.otomatic-ai-app [type="number"]:focus,
.otomatic-ai-app [type="date"]:focus,
.otomatic-ai-app [type="datetime-local"]:focus,
.otomatic-ai-app [type="month"]:focus,
.otomatic-ai-app [type="search"]:focus,
.otomatic-ai-app [type="tel"]:focus,
.otomatic-ai-app [type="time"]:focus,
.otomatic-ai-app [type="week"]:focus,
.otomatic-ai-app [multiple]:focus,
.otomatic-ai-app textarea:focus,
.otomatic-ai-app select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    /*!*/
    /*!*/
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb;
}
.otomatic-ai-app input::-moz-placeholder,
.otomatic-ai-app textarea::-moz-placeholder {
    color: #78716c;
    opacity: 1;
}
.otomatic-ai-app input::placeholder,
.otomatic-ai-app textarea::placeholder {
    color: #78716c;
    opacity: 1;
}
.otomatic-ai-app ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
}
.otomatic-ai-app ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
}
.otomatic-ai-app ::-webkit-datetime-edit {
    display: inline-flex;
}
.otomatic-ai-app ::-webkit-datetime-edit,
.otomatic-ai-app ::-webkit-datetime-edit-year-field,
.otomatic-ai-app ::-webkit-datetime-edit-month-field,
.otomatic-ai-app ::-webkit-datetime-edit-day-field,
.otomatic-ai-app ::-webkit-datetime-edit-hour-field,
.otomatic-ai-app ::-webkit-datetime-edit-minute-field,
.otomatic-ai-app ::-webkit-datetime-edit-second-field,
.otomatic-ai-app ::-webkit-datetime-edit-millisecond-field,
.otomatic-ai-app ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
}
.otomatic-ai-app select {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%2378716c%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
.otomatic-ai-app [multiple],
.otomatic-ai-app [size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
}
.otomatic-ai-app [type="checkbox"],
.otomatic-ai-app [type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #78716c;
    border-width: 1px;
    --tw-shadow: 0 0 #000 0;
}
.otomatic-ai-app [type="checkbox"] {
    border-radius: 0px;
}
.otomatic-ai-app [type="radio"] {
    border-radius: 100%;
}
.otomatic-ai-app [type="checkbox"]:focus,
.otomatic-ai-app [type="radio"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    /*!*/
    /*!*/
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --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);
}
.otomatic-ai-app [type="checkbox"]:checked,
.otomatic-ai-app [type="radio"]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.otomatic-ai-app [type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
    .otomatic-ai-app [type="checkbox"]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
}
.otomatic-ai-app [type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
    .otomatic-ai-app [type="radio"]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
}
.otomatic-ai-app [type="checkbox"]:checked:hover,
.otomatic-ai-app [type="checkbox"]:checked:focus,
.otomatic-ai-app [type="radio"]:checked:hover,
.otomatic-ai-app [type="radio"]:checked:focus {
    border-color: transparent;
    background-color: currentColor;
}
.otomatic-ai-app [type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
@media (forced-colors: active) {
    .otomatic-ai-app [type="checkbox"]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
    }
}
.otomatic-ai-app [type="checkbox"]:indeterminate:hover,
.otomatic-ai-app [type="checkbox"]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
}
.otomatic-ai-app [type="file"] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
}
.otomatic-ai-app [type="file"]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
}

.otomatic-ai-app .container {
    width: 100%;
}

@media (min-width: 640px) {
    .otomatic-ai-app .container {
        max-width: 640px;
    }
}

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

@media (min-width: 1024px) {
    .otomatic-ai-app .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .otomatic-ai-app .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .otomatic-ai-app .container {
        max-width: 1536px;
    }
}

.otomatic-ai-app #nprogress {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
.otomatic-ai-app #nprogress .bar {
    background: var(--nprogress-color);
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
}
.otomatic-ai-app #nprogress .peg {
    display: none;
}
.otomatic-ai-app .nprogress-custom-parent {
    pointer-events: none;
}
.otomatic-ai-app .nprogress-custom-parent #nprogress .bar {
    position: absolute;
}
@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.otomatic-ai-app .multiselect {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    border: var(--ms-border-width, 1px) solid var(--ms-border-color, #d1d5db);
    border-radius: var(--ms-radius, 4px);
    background: var(--ms-bg, #fff);
    font-size: var(--ms-font-size, 1rem);
    min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}
.otomatic-ai-app .multiselect.is-open {
    border-radius: var(--ms-radius, 4px) var(--ms-radius, 4px) 0 0;
}
.otomatic-ai-app .multiselect.is-open-top {
    border-radius: 0 0 var(--ms-radius, 4px) var(--ms-radius, 4px);
}
.otomatic-ai-app .multiselect.is-disabled {
    cursor: default;
    background: var(--ms-bg-disabled, #f3f4f6);
}
.otomatic-ai-app .multiselect.is-active {
    border: var(--ms-border-width-active, var(--ms-border-width, 1px)) solid var(--ms-border-color-active, var(--ms-border-color, #d1d5db));
    box-shadow: 0 0 0 var(--ms-ring-width, 3px) var(--ms-ring-color, #10b981 30);
}
.otomatic-ai-app .multiselect-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}
.otomatic-ai-app .multiselect-multiple-label,
.otomatic-ai-app .multiselect-single-label,
.otomatic-ai-app .multiselect-placeholder {
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: transparent;
    line-height: var(--ms-line-height, 1.375);
    padding-left: var(--ms-px, 0.875rem);
    padding-right: calc(1.25rem + var(--ms-px, 0.875rem) * 3);
    box-sizing: border-box;
    max-width: 100%;
}
.otomatic-ai-app .multiselect-placeholder {
    color: var(--ms-placeholder-color, #9ca3af);
}
.otomatic-ai-app .multiselect-single-label-text {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}
.otomatic-ai-app .multiselect-search {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    outline: none;
    box-sizing: border-box;
    border: 0;
    appearance: none;
    font-size: inherit;
    font-family: inherit;
    background: var(--ms-bg, #fff);
    border-radius: var(--ms-radius, 4px);
    padding-left: var(--ms-px, 0.875rem);
}
.otomatic-ai-app .multiselect-search::-webkit-search-decoration,
.otomatic-ai-app .multiselect-search::-webkit-search-cancel-button,
.otomatic-ai-app .multiselect-search::-webkit-search-results-button,
.otomatic-ai-app .multiselect-search::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
.otomatic-ai-app .multiselect-tags {
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-wrap: wrap;
    margin: var(--ms-tag-my, 0.25rem) 0 0;
    padding-left: var(--ms-py, 0.5rem);
    align-items: center;
}
.otomatic-ai-app .multiselect-tag {
    background: var(--ms-tag-bg, #10b981);
    color: var(--ms-tag-color, #fff);
    font-size: var(--ms-tag-font-size, 0.875rem);
    line-height: var(--ms-tag-line-height, 1.25rem);
    font-weight: var(--ms-tag-font-weight, 600);
    padding: var(--ms-tag-py, 0.125rem) 0 var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem);
    border-radius: var(--ms-tag-radius, 4px);
    margin-right: var(--ms-tag-mx, 0.25rem);
    margin-bottom: var(--ms-tag-my, 0.25rem);
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.otomatic-ai-app .multiselect-tag.is-disabled {
    padding-right: var(--ms-tag-px, 0.5rem);
    background: var(--ms-tag-bg-disabled, #9ca3af);
    color: var(--ms-tag-color-disabled, #fff);
}
.otomatic-ai-app .multiselect-tag-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--ms-tag-remove-py, 0.25rem) var(--ms-tag-remove-px, 0.25rem);
    margin: var(--ms-tag-remove-my, 0rem) var(--ms-tag-remove-mx, 0.125rem);
    border-radius: var(--ms-tag-remove-radius, 4px);
}
.otomatic-ai-app .multiselect-tag-remove:hover {
    background: #000 10;
}
.otomatic-ai-app .multiselect-tag-remove-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 320 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z%27%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 320 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z%27%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentColor;
    opacity: 0.8;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
}
.otomatic-ai-app .multiselect-tags-search-wrapper {
    display: inline-block;
    position: relative;
    margin: 0 var(--ms-tag-mx, 4px) var(--ms-tag-my, 4px);
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
}
.otomatic-ai-app .multiselect-tags-search-copy {
    visibility: hidden;
    white-space: pre-wrap;
    display: inline-block;
    height: 1px;
    width: 100%;
}
.otomatic-ai-app .multiselect-tags-search {
    background-color: var(--ms-bg, #fff);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    appearance: none;
    outline: none;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    appearance: none;
    min-height: auto;
}
.otomatic-ai-app .multiselect-tags-search:focus {
    box-shadow: none;
}
.otomatic-ai-app .multiselect-tags-search::-webkit-search-decoration,
.otomatic-ai-app .multiselect-tags-search::-webkit-search-cancel-button,
.otomatic-ai-app .multiselect-tags-search::-webkit-search-results-button,
.otomatic-ai-app .multiselect-tags-search::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
.otomatic-ai-app .multiselect-inifite {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    min-height: calc(2 * var(--ms-border-width, 1px) + var(--ms-font-size, 1rem) * var(--ms-line-height, 1.375) + 2 * var(--ms-py, 0.5rem));
}
.otomatic-ai-app .multiselect-spinner,
.otomatic-ai-app .multiselect-inifite-spinner {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 512 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z%27%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 512 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z%27%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--ms-spinner-color, #10b981);
    width: 1rem;
    height: 1rem;
    z-index: 10;
    animation: multiselect-spin 1s linear infinite;
    flex-shrink: 0;
    flex-grow: 0;
}
.otomatic-ai-app .multiselect-spinner {
    margin: 0 var(--ms-px, 0.875rem) 0 0;
}
.otomatic-ai-app .multiselect-clear {
    padding: 0 var(--ms-px, 0.875rem) 0 0px;
    position: relative;
    z-index: 10;
    opacity: 1;
    transition: 0.3s;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
}
.otomatic-ai-app .multiselect-clear:hover .multiselect-clear-icon {
    background-color: var(--ms-clear-color-hover, #000);
}
.otomatic-ai-app .multiselect-clear-icon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 320 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z%27%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 320 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z%27%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--ms-clear-color, #999);
    width: 0.625rem;
    height: 1.125rem;
    display: inline-block;
    transition: 0.3s;
}
.otomatic-ai-app .multiselect-caret {
    transform: rotate(0deg);
    transition: 0.3s transform;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 320 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z%27%3E%3C/path%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 320 512%27 fill=%27currentColor%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z%27%3E%3C/path%3E%3C/svg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--ms-caret-color, #999);
    width: 0.625rem;
    height: 1.125rem;
    margin: 0 var(--ms-px, 0.875rem) 0 0;
    position: relative;
    z-index: 10;
    flex-shrink: 0;
    flex-grow: 0;
    pointer-events: none;
}
.otomatic-ai-app .multiselect-caret.is-open {
    transform: rotate(180deg);
    pointer-events: auto;
}
.otomatic-ai-app .multiselect-dropdown {
    position: absolute;
    left: calc(var(--ms-border-width, 1px) * -1);
    right: calc(var(--ms-border-width, 1px) * -1);
    bottom: 0;
    transform: translateY(100%);
    border: var(--ms-dropdown-border-width, 1px) solid var(--ms-dropdown-border-color, #d1d5db);
    margin-top: calc(var(--ms-border-width, 1px) * -1);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
    background: var(--ms-dropdown-bg, #fff);
    display: flex;
    flex-direction: column;
    border-radius: 0 0 var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px);
    outline: none;
    max-height: var(--ms-max-height, 10rem);
}
.otomatic-ai-app .multiselect-dropdown.is-top {
    transform: translateY(-100%);
    top: var(--ms-border-width, 1px);
    bottom: auto;
    border-radius: var(--ms-dropdown-radius, 4px) var(--ms-dropdown-radius, 4px) 0 0;
}
.otomatic-ai-app .multiselect-dropdown.is-hidden {
    display: none;
}
.otomatic-ai-app .multiselect-options {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}
.otomatic-ai-app .multiselect-group {
    padding: 0;
    margin: 0;
}
.otomatic-ai-app .multiselect-group-label {
    padding: var(--ms-group-label-py, 0.3rem) var(--ms-group-label-px, 0.75rem);
    font-size: 0.875rem;
    font-weight: 600;
    background: var(--ms-group-label-bg, #e5e7eb);
    color: var(--ms-group-label-color, #374151);
    cursor: default;
    line-height: var(--ms-group-label-line-height, 1.375);
    display: flex;
    box-sizing: border-box;
    text-decoration: none;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.otomatic-ai-app .multiselect-group-label.is-pointable {
    cursor: pointer;
}
.otomatic-ai-app .multiselect-group-label.is-pointed {
    background: var(--ms-group-label-bg-pointed, #d1d5db);
    color: var(--ms-group-label-color-pointed, #374151);
}
.otomatic-ai-app .multiselect-group-label.is-selected {
    background: var(--ms-group-label-bg-selected, #059669);
    color: var(--ms-group-label-color-selected, #fff);
}
.otomatic-ai-app .multiselect-group-label.is-disabled {
    background: var(--ms-group-label-bg-disabled, #f3f4f6);
    color: var(--ms-group-label-color-disabled, #d1d5db);
    cursor: not-allowed;
}
.otomatic-ai-app .multiselect-group-label.is-selected.is-pointed {
    background: var(--ms-group-label-bg-selected-pointed, #0c9e70);
    color: var(--ms-group-label-color-selected-pointed, #fff);
}
.otomatic-ai-app .multiselect-group-label.is-selected.is-disabled {
    background: var(--ms-group-label-bg-selected-disabled, #75cfb1);
    color: var(--ms-group-label-color-selected-disabled, #d1fae5);
}
.otomatic-ai-app .multiselect-group-options {
    padding: 0;
    margin: 0;
}
.otomatic-ai-app .multiselect-option {
    padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
    font-size: var(--ms-option-font-size, 1rem);
    line-height: var(--ms-option-line-height, 1.375);
    cursor: pointer;
    display: flex;
    box-sizing: border-box;
    text-decoration: none;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}
.otomatic-ai-app .multiselect-option.is-pointed {
    background: var(--ms-option-bg-pointed, #f3f4f6);
    color: var(--ms-option-color-pointed, #1f2937);
}
.otomatic-ai-app .multiselect-option.is-selected {
    background: var(--ms-option-bg-selected, #10b981);
    color: var(--ms-option-color-selected, #fff);
}
.otomatic-ai-app .multiselect-option.is-disabled {
    background: var(--ms-option-bg-disabled, #fff);
    color: var(--ms-option-color-disabled, #d1d5db);
    cursor: not-allowed;
}
.otomatic-ai-app .multiselect-option.is-selected.is-pointed {
    background: var(--ms-option-bg-selected-pointed, #26c08e);
    color: var(--ms-option-color-selected-pointed, #fff);
}
.otomatic-ai-app .multiselect-option.is-selected.is-disabled {
    background: var(--ms-option-bg-selected-disabled, #87dcc0);
    color: var(--ms-option-color-selected-disabled, #d1fae5);
}
.otomatic-ai-app .multiselect-no-options,
.otomatic-ai-app .multiselect-no-results {
    padding: var(--ms-option-py, 0.5rem) var(--ms-option-px, 0.75rem);
    color: var(--ms-empty-color, #4b5563);
}
.otomatic-ai-app .multiselect-fake-input {
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0;
    font-size: 0;
    outline: none;
}
.otomatic-ai-app .multiselect-fake-input:active,
.otomatic-ai-app .multiselect-fake-input:focus {
    outline: none;
}
.otomatic-ai-app .multiselect-assistive-text {
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}
.otomatic-ai-app .multiselect-spacer {
    display: none;
}
.otomatic-ai-app [dir="rtl"] .multiselect-multiple-label,
.otomatic-ai-app [dir="rtl"] .multiselect-single-label,
.otomatic-ai-app [dir="rtl"] .multiselect-placeholder {
    padding-right: var(--ms-px, 0.875rem);
    padding-left: calc(1.25rem + var(--ms-px, 0.875rem) * 3);
    left: auto;
    right: 0;
}
.otomatic-ai-app [dir="rtl"] .multiselect-search {
    padding-left: 0;
    padding-right: var(--ms-px, 0.875rem);
}
.otomatic-ai-app [dir="rtl"] .multiselect-tags {
    padding-left: 0;
    padding-right: var(--ms-py, 0.5rem);
}
.otomatic-ai-app [dir="rtl"] .multiselect-tag {
    padding: var(--ms-tag-py, 0.125rem) var(--ms-tag-px, 0.5rem) var(--ms-tag-py, 0.125rem) 0;
    margin-right: 0;
    margin-left: var(--ms-tag-mx, 0.25rem);
}
.otomatic-ai-app [dir="rtl"] .multiselect-tag.is-disabled {
    padding-left: var(--ms-tag-px, 0.5rem);
}
.otomatic-ai-app [dir="rtl"] .multiselect-spinner,
.otomatic-ai-app [dir="rtl"] .multiselect-caret {
    margin: 0 0 0 var(--ms-px, 0.875rem);
}
.otomatic-ai-app [dir="rtl"] .multiselect-clear {
    padding: 0 0 0 var(--ms-px, 0.875rem);
}
@keyframes multiselect-spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.otomatic-ai-app .dp__main {
    --dp-common-transition: all 0.1s ease-in;
    --dp-menu-padding: 6px 8px;
    --dp-animation-duration: 0.1s;
    --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 1, 1);
    --dp-transition-timing: ease-out;
    --dp-action-row-transtion: all 0.2s ease-in;
    --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --dp-border-radius: 4px;
    --dp-cell-border-radius: 4px;
    --dp-transition-length: 22px;
    --dp-transition-timing-general: 0.1s;
    --dp-button-height: 35px;
    --dp-month-year-row-height: 35px;
    --dp-month-year-row-button-size: 25px;
    --dp-button-icon-height: 20px;
    --dp-calendar-wrap-padding: 0 5px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 6px 30px 6px 12px;
    --dp-menu-min-width: 260px;
    --dp-action-buttons-padding: 1px 6px;
    --dp-row-margin: 5px 0;
    --dp-calendar-header-cell-padding: 0.5rem;
    --dp-multi-calendars-spacing: 10px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-font-size: 1rem;
    --dp-preview-font-size: 0.8rem;
    --dp-time-font-size: 2rem;
    --dp-action-button-height: 22px;
    --dp-action-row-padding: 8px;
    --dp-direction: ltr;
}

.otomatic-ai-app .dp__main.dp__theme_dark {
    --dp-background-color: var(--color-gray-900);
    --dp-text-color: var(--color-gray-200);
    --dp-hover-color: var(--color-gray-700);
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #fff;
    --dp-primary-color: var(--color-gray-600);
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: var(--color-white);
    --dp-secondary-color: var(--color-gray-400);
    --dp-border-color: var(--color-gray-700);
    --dp-menu-border-color: var(--color-gray-700);
    --dp-border-color-hover: #aaaeb7;
    --dp-border-color-focus: #aaaeb7;
    --dp-disabled-color: var(--color-gray-800);
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: var(--color-green-500);
    --dp-success-color-disabled: var(--color-green-300);
    --dp-icon-color: var(--color-gray-200);
    --dp-danger-color: var(--color-red-500);
    --dp-marker-color: var(--color-red-500);
    --dp-tooltip-color: #3e3e3e;
    --dp-highlight-color: rgb(0 92 178 / 20%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
    --dp-range-between-border-color: var(--dp-hover-color, #fff);
}

.otomatic-ai-app .dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-border-color-focus: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: #000;
    --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
    --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
    --dp-loader: 5px solid #1976d2;
}

.otomatic-ai-app .dp__input_wrap {
    position: relative;
    width: 100%;
    box-sizing: unset;
}
.otomatic-ai-app .dp__input_wrap:focus {
    border-color: var(--dp-border-color-hover);
    outline: none;
}
.otomatic-ai-app .dp__input_valid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
    border-color: var(--dp-success-color);
}
.otomatic-ai-app .dp__input_valid:hover {
    border-color: var(--dp-success-color);
}
.otomatic-ai-app .dp__input_invalid {
    box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
    border-color: var(--dp-danger-color);
}
.otomatic-ai-app .dp__input_invalid:hover {
    border-color: var(--dp-danger-color);
}
.otomatic-ai-app .dp__input {
    background-color: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    font-family: var(--dp-font-family);
    border: 1px solid var(--dp-border-color);
    outline: none;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: var(--dp-input-padding);
    color: var(--dp-text-color);
    box-sizing: border-box;
}
.otomatic-ai-app .dp__input::placeholder {
    opacity: 0.7;
}
.otomatic-ai-app .dp__input:hover:not(.dp__input_focus) {
    border-color: var(--dp-border-color-hover);
}
.otomatic-ai-app .dp__input_reg {
    caret-color: rgba(0, 0, 0, 0);
}
.otomatic-ai-app .dp__input_focus {
    border-color: var(--dp-border-color-focus);
}
.otomatic-ai-app .dp__disabled {
    background: var(--dp-disabled-color);
}
.otomatic-ai-app .dp__disabled::placeholder {
    color: var(--dp-disabled-color-text);
}
.otomatic-ai-app .dp__input_icons {
    display: inline-block;
    width: var(--dp-font-size);
    height: var(--dp-font-size);
    stroke-width: 0;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: 6px 12px;
    color: var(--dp-icon-color);
    box-sizing: content-box;
}
.otomatic-ai-app .dp__input_icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translateY(-50%);
    color: var(--dp-icon-color);
}
.otomatic-ai-app .dp--clear-btn {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--dp-icon-color);
    background: rgba(0, 0, 0, 0);
    border: none;
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.otomatic-ai-app .dp__input_icon_pad {
    padding-inline-start: var(--dp-input-icon-padding);
}
.otomatic-ai-app .dp__menu {
    background: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    min-width: var(--dp-menu-min-width);
    font-family: var(--dp-font-family);
    font-size: var(--dp-font-size);
    user-select: none;
    border: 1px solid var(--dp-menu-border-color);
    box-sizing: border-box;
}
.otomatic-ai-app .dp__menu::after {
    box-sizing: border-box;
}
.otomatic-ai-app .dp__menu::before {
    box-sizing: border-box;
}
.otomatic-ai-app .dp__menu:focus {
    border: 1px solid var(--dp-menu-border-color);
    outline: none;
}
.otomatic-ai-app .dp--menu-wrapper {
    position: absolute;
    z-index: 99999;
}
.otomatic-ai-app .dp__menu_inner {
    padding: var(--dp-menu-padding);
}
.otomatic-ai-app .dp--menu--inner-stretched {
    padding: 6px 0;
}
.otomatic-ai-app .dp__menu_index {
    z-index: 99999;
}
.otomatic-ai-app .dp-menu-loading,
.otomatic-ai-app .dp__menu_readonly,
.otomatic-ai-app .dp__menu_disabled {
    position: absolute;
    inset: 0;
    z-index: 999999;
}
.otomatic-ai-app .dp__menu_disabled {
    background: rgba(255, 255, 255, 0.5);
    cursor: not-allowed;
}
.otomatic-ai-app .dp__menu_readonly {
    background: rgba(0, 0, 0, 0);
    cursor: default;
}
.otomatic-ai-app .dp-menu-loading {
    background: rgba(255, 255, 255, 0.5);
    cursor: default;
}
.otomatic-ai-app .dp--menu-load-container {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.otomatic-ai-app .dp--menu-loader {
    width: 48px;
    height: 48px;
    border: var(--dp-loader);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: dp-load-rotation 1s linear infinite;
    position: absolute;
}
@keyframes dp-load-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.otomatic-ai-app .dp__arrow_top {
    left: var(--dp-arrow-left);
    top: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-menu-border-color);
    border-top: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.otomatic-ai-app .dp__arrow_bottom {
    left: var(--dp-arrow-left);
    bottom: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-menu-border-color);
    border-bottom: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, 50%) rotate(45deg);
}
.otomatic-ai-app .dp__action_extra {
    text-align: center;
    padding: 2px 0;
}
.otomatic-ai-app .dp--preset-dates {
    padding: 5px;
    border-inline-end: 1px solid var(--dp-border-color);
}
.otomatic-ai-app .dp--preset-dates[data-dp-mobile] {
    display: flex;
    align-self: center;
    border: none;
    overflow-x: auto;
    max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}
.otomatic-ai-app .dp--preset-dates-collapsed {
    display: flex;
    align-self: center;
    border: none;
    overflow-x: auto;
    max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
}
.otomatic-ai-app .dp__sidebar_left {
    padding: 5px;
    border-inline-end: 1px solid var(--dp-border-color);
}
.otomatic-ai-app .dp__sidebar_right {
    padding: 5px;
    margin-inline-end: 1px solid var(--dp-border-color);
}
.otomatic-ai-app .dp--preset-range {
    display: block;
    width: 100%;
    padding: 5px;
    text-align: left;
    white-space: nowrap;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    transition: var(--dp-common-transition);
}
.otomatic-ai-app .dp--preset-range:hover {
    background-color: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    cursor: pointer;
}
.otomatic-ai-app .dp--preset-range[data-dp-mobile] {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px;
}
.otomatic-ai-app .dp--preset-range[data-dp-mobile]:first-child {
    margin-left: 0;
}
.otomatic-ai-app .dp--preset-range[data-dp-mobile]:last-child {
    margin-right: 0;
}
.otomatic-ai-app .dp--preset-range-collapsed {
    border: 1px solid var(--dp-border-color);
    margin: 0 3px;
}
.otomatic-ai-app .dp--preset-range-collapsed:first-child {
    margin-left: 0;
}
.otomatic-ai-app .dp--preset-range-collapsed:last-child {
    margin-right: 0;
}
.otomatic-ai-app .dp__menu_content_wrapper {
    display: flex;
}
.otomatic-ai-app .dp__menu_content_wrapper[data-dp-mobile] {
    flex-direction: column-reverse;
}
.otomatic-ai-app .dp--menu-content-wrapper-collapsed {
    flex-direction: column-reverse;
}
.otomatic-ai-app .dp__calendar_header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--dp-text-color);
    white-space: nowrap;
    font-weight: bold;
}
.otomatic-ai-app .dp__calendar_header_item {
    text-align: center;
    flex-grow: 1;
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    box-sizing: border-box;
}
.otomatic-ai-app .dp__calendar_row {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: var(--dp-row-margin);
}
.otomatic-ai-app .dp__calendar_item {
    text-align: center;
    flex-grow: 1;
    box-sizing: border-box;
    color: var(--dp-text-color);
}
.otomatic-ai-app .dp__calendar {
    position: relative;
}
.otomatic-ai-app .dp__calendar_header_cell {
    border-bottom: thin solid var(--dp-border-color);
    padding: var(--dp-calendar-header-cell-padding);
}
.otomatic-ai-app .dp__cell_inner {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: var(--dp-cell-border-radius);
    height: var(--dp-cell-size);
    padding: var(--dp-cell-padding);
    width: var(--dp-cell-size);
    border: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    position: relative;
}
.otomatic-ai-app .dp__cell_inner:hover {
    transition: all 0.2s;
}
.otomatic-ai-app .dp__cell_auto_range_start,
.otomatic-ai-app .dp__date_hover_start:hover,
.otomatic-ai-app .dp__range_start {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
}
.otomatic-ai-app .dp__cell_auto_range_end,
.otomatic-ai-app .dp__date_hover_end:hover,
.otomatic-ai-app .dp__range_end {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}
.otomatic-ai-app .dp__range_end,
.otomatic-ai-app .dp__range_start,
.otomatic-ai-app .dp__active_date {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
}
.otomatic-ai-app .dp__date_hover_end:hover,
.otomatic-ai-app .dp__date_hover_start:hover,
.otomatic-ai-app .dp__date_hover:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
}
.otomatic-ai-app .dp__cell_offset {
    color: var(--dp-secondary-color);
}
.otomatic-ai-app .dp__cell_disabled {
    color: var(--dp-secondary-color);
    cursor: not-allowed;
}
.otomatic-ai-app .dp__range_between {
    background: var(--dp-range-between-dates-background-color);
    color: var(--dp-range-between-dates-text-color);
    border-radius: 0;
    border: 1px solid var(--dp-range-between-border-color);
}
.otomatic-ai-app .dp__range_between_week {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border-radius: 0;
    border-top: 1px solid var(--dp-primary-color);
    border-bottom: 1px solid var(--dp-primary-color);
}
.otomatic-ai-app .dp__today {
    border: 1px solid var(--dp-primary-color);
}
.otomatic-ai-app .dp__week_num {
    color: var(--dp-secondary-color);
    text-align: center;
}
.otomatic-ai-app .dp__cell_auto_range {
    border-radius: 0;
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color);
}
.otomatic-ai-app .dp__cell_auto_range_start {
    border-start-start-radius: var(--dp-cell-border-radius);
    border-end-start-radius: var(--dp-cell-border-radius);
    border-inline-start: 1px dashed var(--dp-primary-color);
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color);
}
.otomatic-ai-app .dp__cell_auto_range_end {
    border-start-end-radius: var(--dp-cell-border-radius);
    border-end-end-radius: var(--dp-cell-border-radius);
    border-top: 1px dashed var(--dp-primary-color);
    border-bottom: 1px dashed var(--dp-primary-color);
    border-inline-end: 1px dashed var(--dp-primary-color);
}
.otomatic-ai-app .dp__calendar_header_separator {
    width: 100%;
    height: 1px;
    background: var(--dp-border-color);
}
.otomatic-ai-app .dp__calendar_next {
    margin-inline-start: var(--dp-multi-calendars-spacing);
}
.otomatic-ai-app .dp__marker_line,
.otomatic-ai-app .dp__marker_dot {
    height: 5px;
    background-color: var(--dp-marker-color);
    position: absolute;
    bottom: 0;
}
.otomatic-ai-app .dp__marker_dot {
    width: 5px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
}
.otomatic-ai-app .dp__marker_line {
    width: 100%;
    left: 0;
}
.otomatic-ai-app .dp__marker_tooltip {
    position: absolute;
    border-radius: var(--dp-border-radius);
    background-color: var(--dp-tooltip-color);
    padding: 5px;
    border: 1px solid var(--dp-border-color);
    z-index: 99999;
    box-sizing: border-box;
    cursor: default;
}
.otomatic-ai-app .dp__tooltip_content {
    white-space: nowrap;
}
.otomatic-ai-app .dp__tooltip_text {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--dp-text-color);
}
.otomatic-ai-app .dp__tooltip_mark {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--dp-text-color);
    color: var(--dp-text-color);
    margin-inline-end: 5px;
}
.otomatic-ai-app .dp__arrow_bottom_tp {
    bottom: 0;
    height: 8px;
    width: 8px;
    background-color: var(--dp-tooltip-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-border-color);
    border-bottom: 1px solid var(--dp-border-color);
    transform: translate(-50%, 50%) rotate(45deg);
}
.otomatic-ai-app .dp__instance_calendar {
    position: relative;
    width: 100%;
}
.otomatic-ai-app .dp__flex_display[data-dp-mobile] {
    flex-direction: column;
}
.otomatic-ai-app .dp--flex-display-collapsed {
    flex-direction: column;
}
.otomatic-ai-app .dp__cell_highlight {
    background-color: var(--dp-highlight-color);
}
.otomatic-ai-app .dp__month_year_row {
    display: flex;
    align-items: center;
    height: var(--dp-month-year-row-height);
    color: var(--dp-text-color);
    box-sizing: border-box;
}
.otomatic-ai-app .dp__inner_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--dp-month-year-row-button-size);
    width: var(--dp-month-year-row-button-size);
    color: var(--dp-icon-color);
    text-align: center;
    border-radius: 50%;
}
.otomatic-ai-app .dp__inner_nav svg {
    height: var(--dp-button-icon-height);
    width: var(--dp-button-icon-height);
}
.otomatic-ai-app .dp__inner_nav:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color);
}
.otomatic-ai-app [dir="rtl"] .dp__inner_nav {
    transform: rotate(180deg);
}
.otomatic-ai-app .dp__inner_nav_disabled:hover,
.otomatic-ai-app .dp__inner_nav_disabled {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed;
}
.otomatic-ai-app .dp--year-select,
.otomatic-ai-app .dp__month_year_select {
    text-align: center;
    cursor: pointer;
    height: var(--dp-month-year-row-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--dp-border-radius);
    box-sizing: border-box;
    color: var(--dp-text-color);
}
.otomatic-ai-app .dp--year-select:hover,
.otomatic-ai-app .dp__month_year_select:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition);
}
.otomatic-ai-app .dp__month_year_select {
    width: 50%;
}
.otomatic-ai-app .dp--year-select {
    width: 100%;
}
.otomatic-ai-app .dp__month_year_wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.otomatic-ai-app .dp__year_disable_select {
    justify-content: space-around;
}
.otomatic-ai-app .dp--header-wrap {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.otomatic-ai-app .dp__overlay {
    width: 100%;
    background: var(--dp-background-color);
    transition: opacity 1s ease-out;
    z-index: 99999;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color);
    box-sizing: border-box;
}
.otomatic-ai-app .dp--overlay-absolute {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.otomatic-ai-app .dp--overlay-relative {
    position: relative;
}
.otomatic-ai-app .dp__overlay_container::-webkit-scrollbar-track {
    box-shadow: var(--dp-scroll-bar-background);
    background-color: var(--dp-scroll-bar-background);
}
.otomatic-ai-app .dp__overlay_container::-webkit-scrollbar {
    width: 5px;
    background-color: var(--dp-scroll-bar-background);
}
.otomatic-ai-app .dp__overlay_container::-webkit-scrollbar-thumb {
    background-color: var(--dp-scroll-bar-color);
    border-radius: 10px;
}
.otomatic-ai-app .dp__overlay:focus {
    border: none;
    outline: none;
}
.otomatic-ai-app .dp__container_flex {
    display: flex;
}
.otomatic-ai-app .dp__container_block {
    display: block;
}
.otomatic-ai-app .dp__overlay_container {
    flex-direction: column;
    overflow-y: auto;
    height: var(--dp-overlay-height);
}
.otomatic-ai-app .dp__time_picker_overlay_container {
    height: 100%;
}
.otomatic-ai-app .dp__overlay_row {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    margin-inline: auto;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    align-items: center;
}
.otomatic-ai-app .dp__flex_row {
    flex: 1;
}
.otomatic-ai-app .dp__overlay_col {
    box-sizing: border-box;
    width: 33%;
    padding: var(--dp-overlay-col-padding);
    white-space: nowrap;
}
.otomatic-ai-app .dp__overlay_cell_pad {
    padding: var(--dp-common-padding) 0;
}
.otomatic-ai-app .dp__overlay_cell_active {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
}
.otomatic-ai-app .dp__overlay_cell {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
}
.otomatic-ai-app .dp__overlay_cell:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition);
}
.otomatic-ai-app .dp__cell_in_between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
}
.otomatic-ai-app .dp__over_action_scroll {
    right: 5px;
    box-sizing: border-box;
}
.otomatic-ai-app .dp__overlay_cell_disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color);
}
.otomatic-ai-app .dp__overlay_cell_disabled:hover {
    background: var(--dp-disabled-color);
}
.otomatic-ai-app .dp__overlay_cell_active_disabled {
    cursor: not-allowed;
    background: var(--dp-primary-disabled-color);
}
.otomatic-ai-app .dp__overlay_cell_active_disabled:hover {
    background: var(--dp-primary-disabled-color);
}
.otomatic-ai-app .dp__btn,
.otomatic-ai-app .dp--qr-btn,
.otomatic-ai-app .dp--time-overlay-btn,
.otomatic-ai-app .dp--time-invalid {
    border: none;
    font: inherit;
    transition: var(--dp-common-transition);
    line-height: normal;
}
.otomatic-ai-app .dp--year-mode-picker {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: var(--dp-cell-size);
}
.otomatic-ai-app .dp--tp-wrap {
    max-width: var(--dp-menu-min-width);
}
.otomatic-ai-app .dp--tp-wrap[data-dp-mobile] {
    max-width: 100%;
}
.otomatic-ai-app .dp__time_input {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color);
}
.otomatic-ai-app .dp__time_col_reg_block {
    padding: 0 20px;
}
.otomatic-ai-app .dp__time_col_reg_inline {
    padding: 0 10px;
}
.otomatic-ai-app .dp__time_col_reg_with_button {
    padding: 0 15px;
}
.otomatic-ai-app .dp__time_col_reg_with_button[data-compact~="true"] {
    padding: 0 5px;
}
.otomatic-ai-app .dp__time_col_sec {
    padding: 0 10px;
}
.otomatic-ai-app .dp__time_col_sec_with_button {
    padding: 0 5px;
}
.otomatic-ai-app .dp__time_col_sec_with_button[data-collapsed~="true"] {
    padding: 0;
}
.otomatic-ai-app .dp__time_col {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.otomatic-ai-app .dp__time_col_block {
    font-size: var(--dp-time-font-size);
}
.otomatic-ai-app .dp__time_display_block {
    padding: 0 3px;
}
.otomatic-ai-app .dp__time_display_inline {
    padding: 5px;
}
.otomatic-ai-app .dp__time_picker_inline_container {
    display: flex;
    width: 100%;
    justify-content: center;
}
.otomatic-ai-app .dp__inc_dec_button {
    padding: 5px;
    margin: 0;
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    color: var(--dp-icon-color);
    box-sizing: border-box;
}
.otomatic-ai-app .dp__inc_dec_button svg {
    height: var(--dp-time-inc-dec-button-size);
    width: var(--dp-time-inc-dec-button-size);
}
.otomatic-ai-app .dp__inc_dec_button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-primary-color);
}
.otomatic-ai-app .dp__time_display {
    cursor: pointer;
    color: var(--dp-text-color);
    border-radius: var(--dp-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}
.otomatic-ai-app .dp__time_display:hover:enabled {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
}
.otomatic-ai-app .dp__inc_dec_button_inline {
    width: 100%;
    padding: 0;
    height: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.otomatic-ai-app .dp__inc_dec_button_disabled,
.otomatic-ai-app .dp__inc_dec_button_disabled:hover {
    background: var(--dp-disabled-color);
    color: var(--dp-disabled-color-text);
    cursor: not-allowed;
}
.otomatic-ai-app .dp__pm_am_button {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
    border: none;
    padding: var(--dp-common-padding);
    border-radius: var(--dp-border-radius);
    cursor: pointer;
}
.otomatic-ai-app .dp__pm_am_button[data-compact~="true"] {
    padding: 7px;
}
.otomatic-ai-app .dp__tp_inline_btn_bar {
    width: 100%;
    height: 4px;
    background-color: var(--dp-secondary-color);
    transition: var(--dp-common-transition);
    border-collapse: collapse;
}
.otomatic-ai-app .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px);
}
.otomatic-ai-app .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
    background-color: var(--dp-primary-color);
    transform: rotate(-12deg) scale(1.15) translateY(-2px);
}
.otomatic-ai-app .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
    background-color: var(--dp-primary-color);
    transform: rotate(-12deg) scale(1.15) translateY(-2px);
}
.otomatic-ai-app .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
    background-color: var(--dp-primary-color);
    transform: rotate(12deg) scale(1.15) translateY(-2px);
}
.otomatic-ai-app .dp--time-overlay-btn {
    background: none;
}
.otomatic-ai-app .dp--time-invalid {
    background-color: var(--dp-disabled-color);
}
.otomatic-ai-app .dp__action_row {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--dp-action-row-padding);
    box-sizing: border-box;
    color: var(--dp-text-color);
    flex-flow: row nowrap;
}
.otomatic-ai-app .dp__action_row svg {
    height: var(--dp-button-icon-height);
    width: auto;
}
.otomatic-ai-app .dp__selection_preview {
    display: block;
    color: var(--dp-text-color);
    font-size: var(--dp-preview-font-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.otomatic-ai-app .dp__action_buttons {
    display: flex;
    flex: 0;
    white-space: nowrap;
    align-items: center;
    justify-content: flex-end;
    margin-inline-start: auto;
}
.otomatic-ai-app .dp__action_button {
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: var(--dp-action-buttons-padding);
    line-height: var(--dp-action-button-height);
    margin-inline-start: 3px;
    height: var(--dp-action-button-height);
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    font-size: var(--dp-preview-font-size);
    font-family: var(--dp-font-family);
}
.otomatic-ai-app .dp__action_cancel {
    color: var(--dp-text-color);
    border: 1px solid var(--dp-border-color);
}
.otomatic-ai-app .dp__action_cancel:hover {
    border-color: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion);
}
.otomatic-ai-app .dp__action_buttons .dp__action_select {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
}
.otomatic-ai-app .dp__action_buttons .dp__action_select:hover {
    background: var(--dp-primary-color);
    transition: var(--dp-action-row-transtion);
}
.otomatic-ai-app .dp__action_buttons .dp__action_select:disabled {
    background: var(--dp-primary-disabled-color);
    cursor: not-allowed;
}
.otomatic-ai-app .dp-quarter-picker-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: var(--dp-menu-min-width);
}
.otomatic-ai-app .dp--qr-btn-disabled {
    cursor: not-allowed;
    background: var(--dp-disabled-color);
}
.otomatic-ai-app .dp--qr-btn-disabled:hover {
    background: var(--dp-disabled-color);
}
.otomatic-ai-app .dp--qr-btn {
    width: 100%;
    padding: var(--dp-common-padding);
}
.otomatic-ai-app .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
    background: none;
}
.otomatic-ai-app .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition);
}
.otomatic-ai-app .dp--quarter-items {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    height: 100%;
    justify-content: space-evenly;
}
.otomatic-ai-app .dp--qr-btn-active {
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
}
.otomatic-ai-app .dp--qr-btn-between {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
}
.otomatic-ai-app .dp__flex {
    display: flex;
    align-items: center;
}
.otomatic-ai-app .dp__btn {
    background: none;
}
.otomatic-ai-app .dp__main {
    font-family: var(--dp-font-family);
    user-select: none;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.otomatic-ai-app .dp__main * {
    direction: var(--dp-direction, ltr);
}
.otomatic-ai-app .dp__pointer {
    cursor: pointer;
}
.otomatic-ai-app .dp__icon {
    stroke: currentcolor;
    fill: currentcolor;
}
.otomatic-ai-app .dp__button {
    width: 100%;
    text-align: center;
    color: var(--dp-icon-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    place-content: center center;
    padding: var(--dp-common-padding);
    box-sizing: border-box;
    height: var(--dp-button-height);
}
.otomatic-ai-app .dp__button.dp__overlay_action {
    position: absolute;
    bottom: 0;
}
.otomatic-ai-app .dp__button:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color);
}
.otomatic-ai-app .dp__button svg {
    height: var(--dp-button-icon-height);
    width: auto;
}
.otomatic-ai-app .dp__button_bottom {
    border-bottom-left-radius: var(--dp-border-radius);
    border-bottom-right-radius: var(--dp-border-radius);
}
.otomatic-ai-app .dp__flex_display {
    display: flex;
}
.otomatic-ai-app .dp__flex_display_with_input {
    flex-direction: column;
    align-items: flex-start;
}
.otomatic-ai-app .dp__relative {
    position: relative;
}
.otomatic-ai-app .calendar-next-enter-active,
.otomatic-ai-app .calendar-next-leave-active,
.otomatic-ai-app .calendar-prev-enter-active,
.otomatic-ai-app .calendar-prev-leave-active {
    transition: all var(--dp-transition-timing-general) ease-out;
}
.otomatic-ai-app .calendar-next-enter-from {
    opacity: 0;
    transform: translateX(var(--dp-transition-length));
}
.otomatic-ai-app .calendar-next-leave-to {
    opacity: 0;
    transform: translateX(calc(var(--dp-transition-length) * -1));
}
.otomatic-ai-app .calendar-prev-enter-from {
    opacity: 0;
    transform: translateX(calc(var(--dp-transition-length) * -1));
}
.otomatic-ai-app .calendar-prev-leave-to {
    opacity: 0;
    transform: translateX(var(--dp-transition-length));
}
.otomatic-ai-app .dp-menu-appear-bottom-enter-active,
.otomatic-ai-app .dp-menu-appear-bottom-leave-active,
.otomatic-ai-app .dp-menu-appear-top-enter-active,
.otomatic-ai-app .dp-menu-appear-top-leave-active,
.otomatic-ai-app .dp-slide-up-enter-active,
.otomatic-ai-app .dp-slide-up-leave-active,
.otomatic-ai-app .dp-slide-down-enter-active,
.otomatic-ai-app .dp-slide-down-leave-active {
    transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}
.otomatic-ai-app .dp-menu-appear-top-enter-from,
.otomatic-ai-app .dp-menu-appear-top-leave-to,
.otomatic-ai-app .dp-slide-down-leave-to,
.otomatic-ai-app .dp-slide-up-enter-from {
    opacity: 0;
    transform: translateY(var(--dp-transition-length));
}
.otomatic-ai-app .dp-menu-appear-bottom-enter-from,
.otomatic-ai-app .dp-menu-appear-bottom-leave-to,
.otomatic-ai-app .dp-slide-down-enter-from,
.otomatic-ai-app .dp-slide-up-leave-to {
    opacity: 0;
    transform: translateY(calc(var(--dp-transition-length) * -1));
}
.otomatic-ai-app .dp--arrow-btn-nav {
    transition: var(--dp-common-transition);
}
.otomatic-ai-app .dp--highlighted {
    background-color: var(--dp-highlight-color);
}
.otomatic-ai-app .dp--hidden-el {
    visibility: hidden;
}

.otomatic-ai-app .tippy-box[data-animation="scale"][data-placement^="top"] {
    transform-origin: bottom;
}
.otomatic-ai-app .tippy-box[data-animation="scale"][data-placement^="bottom"] {
    transform-origin: top;
}
.otomatic-ai-app .tippy-box[data-animation="scale"][data-placement^="left"] {
    transform-origin: right;
}
.otomatic-ai-app .tippy-box[data-animation="scale"][data-placement^="right"] {
    transform-origin: left;
}
.otomatic-ai-app .tippy-box[data-animation="scale"][data-state="hidden"] {
    transform: scale(0.5);
    opacity: 0;
}

.otomatic-ai-app .prose {
    color: var(--tw-prose-body) !important;
    max-width: 65ch;
}
.otomatic-ai-app .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
}
.otomatic-ai-app .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead) !important;
    font-size: 1.25em !important;
    line-height: 1.6 !important;
    margin-top: 1.2em !important;
    margin-bottom: 1.2em !important;
}
.otomatic-ai-app .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.otomatic-ai-app .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links) !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}
.otomatic-ai-app .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold) !important;
    font-weight: 600 !important;
}
.otomatic-ai-app .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal !important;
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    padding-inline-start: 1.625em !important;
}
.otomatic-ai-app .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha !important;
}
.otomatic-ai-app .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha !important;
}
.otomatic-ai-app .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha !important;
}
.otomatic-ai-app .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha !important;
}
.otomatic-ai-app .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman !important;
}
.otomatic-ai-app .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman !important;
}
.otomatic-ai-app .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman !important;
}
.otomatic-ai-app .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman !important;
}
.otomatic-ai-app .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal !important;
}
.otomatic-ai-app .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: disc !important;
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
    padding-inline-start: 1.625em !important;
}
.otomatic-ai-app .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    font-weight: 400 !important;
    color: var(--tw-prose-counters) !important;
}
.otomatic-ai-app .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets) !important;
}
.otomatic-ai-app .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    margin-top: 1.25em !important;
}
.otomatic-ai-app .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr) !important;
    border-top-width: 1px !important;
    margin-top: 3em !important;
    margin-bottom: 3em !important;
}
.otomatic-ai-app .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--tw-prose-quotes) !important;
    border-inline-start-width: 0.25rem !important;
    border-inline-start-color: var(--tw-prose-quote-borders) !important;
    quotes: "\201C""\201D""\2018""\2019" !important;
    margin-top: 1.6em !important;
    margin-bottom: 1.6em !important;
    padding-inline-start: 1em !important;
}
.otomatic-ai-app .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: open-quote !important;
}
.otomatic-ai-app .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: close-quote !important;
}
.otomatic-ai-app .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 800 !important;
    font-size: 2.25em !important;
    margin-top: 0 !important;
    margin-bottom: 0.8888889em !important;
    line-height: 1.1111111 !important;
}
.otomatic-ai-app .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 900 !important;
    color: inherit !important;
}
.otomatic-ai-app .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    line-height: 1.3333333 !important;
}
.otomatic-ai-app .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 800 !important;
    color: inherit !important;
}
.otomatic-ai-app .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    font-size: 1.25em !important;
    margin-top: 1.6em !important;
    margin-bottom: 0.6em !important;
    line-height: 1.6 !important;
}
.otomatic-ai-app .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 700 !important;
    color: inherit !important;
}
.otomatic-ai-app .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
    line-height: 1.5 !important;
}
.otomatic-ai-app .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 700 !important;
    color: inherit !important;
}
.otomatic-ai-app .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}
.otomatic-ai-app .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: block !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}
.otomatic-ai-app .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}
.otomatic-ai-app .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 500 !important;
    font-family: inherit !important;
    color: var(--tw-prose-kbd) !important;
    box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%) !important;
    font-size: 0.875em !important;
    border-radius: 0.3125rem !important;
    padding-top: 0.1875em !important;
    padding-inline-end: 0.375em !important;
    padding-bottom: 0.1875em !important;
    padding-inline-start: 0.375em !important;
}
.otomatic-ai-app .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code) !important;
    font-weight: 600 !important;
    font-size: 0.875em !important;
}
.otomatic-ai-app .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: "`" !important;
}
.otomatic-ai-app .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: "`" !important;
}
.otomatic-ai-app .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-size: 0.875em !important;
}
.otomatic-ai-app .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
    font-size: 0.9em !important;
}
.otomatic-ai-app .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit !important;
}
.otomatic-ai-app .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code) !important;
    background-color: var(--tw-prose-pre-bg) !important;
    overflow-x: auto !important;
    font-weight: 400 !important;
    font-size: 0.875em !important;
    line-height: 1.7142857 !important;
    margin-top: 1.7142857em !important;
    margin-bottom: 1.7142857em !important;
    border-radius: 0.375rem !important;
    padding-top: 0.8571429em !important;
    padding-inline-end: 1.1428571em !important;
    padding-bottom: 0.8571429em !important;
    padding-inline-start: 1.1428571em !important;
}
.otomatic-ai-app .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: transparent !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
}
.otomatic-ai-app .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: none !important;
}
.otomatic-ai-app .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: none !important;
}
.otomatic-ai-app .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    width: 100% !important;
    table-layout: auto !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    font-size: 0.875em !important;
    line-height: 1.7142857 !important;
}
.otomatic-ai-app .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--tw-prose-th-borders) !important;
}
.otomatic-ai-app .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings) !important;
    font-weight: 600 !important;
    vertical-align: bottom !important;
    padding-inline-end: 0.5714286em !important;
    padding-bottom: 0.5714286em !important;
    padding-inline-start: 0.5714286em !important;
}
.otomatic-ai-app .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px !important;
    border-bottom-color: var(--tw-prose-td-borders) !important;
}
.otomatic-ai-app .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0 !important;
}
.otomatic-ai-app .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline !important;
}
.otomatic-ai-app .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px !important;
    border-top-color: var(--tw-prose-th-borders) !important;
}
.otomatic-ai-app .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top !important;
}
.otomatic-ai-app .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start !important;
}
.otomatic-ai-app .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.otomatic-ai-app .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions) !important;
    font-size: 0.875em !important;
    line-height: 1.4285714 !important;
    margin-top: 0.8571429em !important;
}
.otomatic-ai-app .prose {
    --tw-prose-body: #374151 !important;
    --tw-prose-headings: #111827 !important;
    --tw-prose-lead: #4b5563 !important;
    --tw-prose-links: #111827 !important;
    --tw-prose-bold: #111827 !important;
    --tw-prose-counters: #6b7280 !important;
    --tw-prose-bullets: #d1d5db !important;
    --tw-prose-hr: #e5e7eb !important;
    --tw-prose-quotes: #111827 !important;
    --tw-prose-quote-borders: #e5e7eb !important;
    --tw-prose-captions: #6b7280 !important;
    --tw-prose-kbd: #111827 !important;
    --tw-prose-kbd-shadows: 17 24 39 !important;
    --tw-prose-code: #111827 !important;
    --tw-prose-pre-code: #e5e7eb !important;
    --tw-prose-pre-bg: #1f2937 !important;
    --tw-prose-th-borders: #d1d5db !important;
    --tw-prose-td-borders: #e5e7eb !important;
    --tw-prose-invert-body: #d1d5db !important;
    --tw-prose-invert-headings: #fff !important;
    --tw-prose-invert-lead: #9ca3af !important;
    --tw-prose-invert-links: #fff !important;
    --tw-prose-invert-bold: #fff !important;
    --tw-prose-invert-counters: #9ca3af !important;
    --tw-prose-invert-bullets: #4b5563 !important;
    --tw-prose-invert-hr: #374151 !important;
    --tw-prose-invert-quotes: #f3f4f6 !important;
    --tw-prose-invert-quote-borders: #374151 !important;
    --tw-prose-invert-captions: #9ca3af !important;
    --tw-prose-invert-kbd: #fff !important;
    --tw-prose-invert-kbd-shadows: 255 255 255 !important;
    --tw-prose-invert-code: #fff !important;
    --tw-prose-invert-pre-code: #d1d5db !important;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%) !important;
    --tw-prose-invert-th-borders: #4b5563 !important;
    --tw-prose-invert-td-borders: #374151 !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
}
.otomatic-ai-app .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.otomatic-ai-app .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
}
.otomatic-ai-app .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em !important;
}
.otomatic-ai-app .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.75em !important;
    margin-bottom: 0.75em !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em !important;
}
.otomatic-ai-app .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.75em !important;
    margin-bottom: 0.75em !important;
}
.otomatic-ai-app .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
}
.otomatic-ai-app .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em !important;
    padding-inline-start: 1.625em !important;
}
.otomatic-ai-app .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
}
.otomatic-ai-app .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
}
.otomatic-ai-app .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: 0.5714286em !important;
    padding-inline-end: 0.5714286em !important;
    padding-bottom: 0.5714286em !important;
    padding-inline-start: 0.5714286em !important;
}
.otomatic-ai-app .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
}
.otomatic-ai-app .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
}
.otomatic-ai-app .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose :where(.otomatic-ai-app .prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0 !important;
}
.otomatic-ai-app .prose-lg {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.otomatic-ai-app .prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
    margin-bottom: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.2222222em !important;
    line-height: 1.4545455 !important;
    margin-top: 1.0909091em !important;
    margin-bottom: 1.0909091em !important;
}
.otomatic-ai-app .prose-lg :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6666667em !important;
    margin-bottom: 1.6666667em !important;
    padding-inline-start: 1em !important;
}
.otomatic-ai-app .prose-lg :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 2.6666667em !important;
    margin-top: 0 !important;
    margin-bottom: 0.8333333em !important;
    line-height: 1 !important;
}
.otomatic-ai-app .prose-lg :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.6666667em !important;
    margin-top: 1.8666667em !important;
    margin-bottom: 1.0666667em !important;
    line-height: 1.3333333 !important;
}
.otomatic-ai-app .prose-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.3333333em !important;
    margin-top: 1.6666667em !important;
    margin-bottom: 0.6666667em !important;
    line-height: 1.5 !important;
}
.otomatic-ai-app .prose-lg :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.7777778em !important;
    margin-bottom: 0.4444444em !important;
    line-height: 1.5555556 !important;
}
.otomatic-ai-app .prose-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.7777778em !important;
    margin-bottom: 1.7777778em !important;
}
.otomatic-ai-app .prose-lg :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.7777778em !important;
    margin-bottom: 1.7777778em !important;
}
.otomatic-ai-app .prose-lg :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.otomatic-ai-app .prose-lg :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.7777778em !important;
    margin-bottom: 1.7777778em !important;
}
.otomatic-ai-app .prose-lg :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.8888889em !important;
    border-radius: 0.3125rem !important;
    padding-top: 0.2222222em !important;
    padding-inline-end: 0.4444444em !important;
    padding-bottom: 0.2222222em !important;
    padding-inline-start: 0.4444444em !important;
}
.otomatic-ai-app .prose-lg :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.8888889em !important;
}
.otomatic-ai-app .prose-lg :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.8666667em !important;
}
.otomatic-ai-app .prose-lg :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.875em !important;
}
.otomatic-ai-app .prose-lg :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.8888889em !important;
    line-height: 1.75 !important;
    margin-top: 2em !important;
    margin-bottom: 2em !important;
    border-radius: 0.375rem !important;
    padding-top: 1em !important;
    padding-inline-end: 1.5em !important;
    padding-bottom: 1em !important;
    padding-inline-start: 1.5em !important;
}
.otomatic-ai-app .prose-lg :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
    margin-bottom: 1.3333333em !important;
    padding-inline-start: 1.5555556em !important;
}
.otomatic-ai-app .prose-lg :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
    margin-bottom: 1.3333333em !important;
    padding-inline-start: 1.5555556em !important;
}
.otomatic-ai-app .prose-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.6666667em !important;
    margin-bottom: 0.6666667em !important;
}
.otomatic-ai-app .prose-lg :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em !important;
}
.otomatic-ai-app .prose-lg :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.4444444em !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.8888889em !important;
    margin-bottom: 0.8888889em !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.8888889em !important;
    margin-bottom: 0.8888889em !important;
}
.otomatic-ai-app .prose-lg :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
    margin-bottom: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.3333333em !important;
}
.otomatic-ai-app .prose-lg :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.6666667em !important;
    padding-inline-start: 1.5555556em !important;
}
.otomatic-ai-app .prose-lg :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 3.1111111em !important;
    margin-bottom: 3.1111111em !important;
}
.otomatic-ai-app .prose-lg :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose-lg :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose-lg :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose-lg :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose-lg :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.8888889em !important;
    line-height: 1.5 !important;
}
.otomatic-ai-app .prose-lg :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0.75em !important;
    padding-bottom: 0.75em !important;
    padding-inline-start: 0.75em !important;
}
.otomatic-ai-app .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
}
.otomatic-ai-app .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
}
.otomatic-ai-app .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: 0.75em !important;
    padding-inline-end: 0.75em !important;
    padding-bottom: 0.75em !important;
    padding-inline-start: 0.75em !important;
}
.otomatic-ai-app .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0 !important;
}
.otomatic-ai-app .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0 !important;
}
.otomatic-ai-app .prose-lg :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.7777778em !important;
    margin-bottom: 1.7777778em !important;
}
.otomatic-ai-app .prose-lg :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.otomatic-ai-app .prose-lg :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.8888889em !important;
    line-height: 1.5 !important;
    margin-top: 1em !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0 !important;
}
.otomatic-ai-app .prose-lg :where(.otomatic-ai-app .prose-lg > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0 !important;
}
.otomatic-ai-app .prose-slate {
    --tw-prose-body: #334155 !important;
    --tw-prose-headings: #0f172a !important;
    --tw-prose-lead: #475569 !important;
    --tw-prose-links: #0f172a !important;
    --tw-prose-bold: #0f172a !important;
    --tw-prose-counters: #64748b !important;
    --tw-prose-bullets: #cbd5e1 !important;
    --tw-prose-hr: #e2e8f0 !important;
    --tw-prose-quotes: #0f172a !important;
    --tw-prose-quote-borders: #e2e8f0 !important;
    --tw-prose-captions: #64748b !important;
    --tw-prose-kbd: #0f172a !important;
    --tw-prose-kbd-shadows: 15 23 42 !important;
    --tw-prose-code: #0f172a !important;
    --tw-prose-pre-code: #e2e8f0 !important;
    --tw-prose-pre-bg: #1e293b !important;
    --tw-prose-th-borders: #cbd5e1 !important;
    --tw-prose-td-borders: #e2e8f0 !important;
    --tw-prose-invert-body: #cbd5e1 !important;
    --tw-prose-invert-headings: #fff !important;
    --tw-prose-invert-lead: #94a3b8 !important;
    --tw-prose-invert-links: #fff !important;
    --tw-prose-invert-bold: #fff !important;
    --tw-prose-invert-counters: #94a3b8 !important;
    --tw-prose-invert-bullets: #475569 !important;
    --tw-prose-invert-hr: #334155 !important;
    --tw-prose-invert-quotes: #f1f5f9 !important;
    --tw-prose-invert-quote-borders: #334155 !important;
    --tw-prose-invert-captions: #94a3b8 !important;
    --tw-prose-invert-kbd: #fff !important;
    --tw-prose-invert-kbd-shadows: 255 255 255 !important;
    --tw-prose-invert-code: #fff !important;
    --tw-prose-invert-pre-code: #cbd5e1 !important;
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%) !important;
    --tw-prose-invert-th-borders: #475569 !important;
    --tw-prose-invert-td-borders: #334155 !important;
}
.otomatic-ai-app .dark\:prose-invert:where(.otomatic-ai-dark, .otomatic-ai-dark *) {
    --tw-prose-body: var(--tw-prose-invert-body) !important;
    --tw-prose-headings: var(--tw-prose-invert-headings) !important;
    --tw-prose-lead: var(--tw-prose-invert-lead) !important;
    --tw-prose-links: var(--tw-prose-invert-links) !important;
    --tw-prose-bold: var(--tw-prose-invert-bold) !important;
    --tw-prose-counters: var(--tw-prose-invert-counters) !important;
    --tw-prose-bullets: var(--tw-prose-invert-bullets) !important;
    --tw-prose-hr: var(--tw-prose-invert-hr) !important;
    --tw-prose-quotes: var(--tw-prose-invert-quotes) !important;
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders) !important;
    --tw-prose-captions: var(--tw-prose-invert-captions) !important;
    --tw-prose-kbd: var(--tw-prose-invert-kbd) !important;
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows) !important;
    --tw-prose-code: var(--tw-prose-invert-code) !important;
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code) !important;
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg) !important;
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders) !important;
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders) !important;
}

/* test-1 */
/* @tailwind base; */
/* test-2 */
/* @tailwind components; */
/* test-3 */
/* @tailwind utilities; */
/* test-4 */
.otomatic-ai-app .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.otomatic-ai-app .pointer-events-none{
    pointer-events: none
}
.otomatic-ai-app .pointer-events-auto{
    pointer-events: auto
}
.otomatic-ai-app .invisible{
    visibility: hidden
}
.otomatic-ai-app .fixed{
    position: fixed
}
.otomatic-ai-app .absolute{
    position: absolute
}
.otomatic-ai-app .relative{
    position: relative
}
.otomatic-ai-app .sticky{
    position: sticky
}
.otomatic-ai-app .inset-0{
    inset: 0px
}
.otomatic-ai-app .inset-y-0{
    top: 0px;
    bottom: 0px
}
.otomatic-ai-app .bottom-0{
    bottom: 0px
}
.otomatic-ai-app .bottom-4{
    bottom: 1rem
}
.otomatic-ai-app .left-0{
    left: 0px
}
.otomatic-ai-app .left-2{
    left: 0.5rem
}
.otomatic-ai-app .left-2\.5{
    left: 0.625rem
}
.otomatic-ai-app .left-6{
    left: 1.5rem
}
.otomatic-ai-app .left-full{
    left: 100%
}
.otomatic-ai-app .right-0{
    right: 0px
}
.otomatic-ai-app .right-2{
    right: 0.5rem
}
.otomatic-ai-app .right-4{
    right: 1rem
}
.otomatic-ai-app .top-0{
    top: 0px
}
.otomatic-ai-app .top-2{
    top: 0.5rem
}
.otomatic-ai-app .top-4{
    top: 1rem
}
.otomatic-ai-app .top-6{
    top: 1.5rem
}
.otomatic-ai-app .isolate{
    isolation: isolate
}
.otomatic-ai-app .z-0{
    z-index: 0
}
.otomatic-ai-app .z-10{
    z-index: 10
}
.otomatic-ai-app .z-20{
    z-index: 20
}
.otomatic-ai-app .z-40{
    z-index: 40
}
.otomatic-ai-app .z-\[100000\]{
    z-index: 100000
}
.otomatic-ai-app .z-\[100001\]{
    z-index: 100001
}
.otomatic-ai-app .z-\[99999\]{
    z-index: 99999
}
.otomatic-ai-app .col-span-1{
    grid-column: span 1 / span 1
}
.otomatic-ai-app .col-span-2{
    grid-column: span 2 / span 2
}
.otomatic-ai-app .col-span-3{
    grid-column: span 3 / span 3
}
.otomatic-ai-app .col-span-4{
    grid-column: span 4 / span 4
}
.otomatic-ai-app .col-span-5{
    grid-column: span 5 / span 5
}
.otomatic-ai-app .col-span-8{
    grid-column: span 8 / span 8
}
.otomatic-ai-app .col-span-full{
    grid-column: 1 / -1
}
.otomatic-ai-app .-m-0\.5{
    margin: -0.125rem
}
.otomatic-ai-app .-m-1{
    margin: -0.25rem
}
.otomatic-ai-app .-m-1\.5{
    margin: -0.375rem
}
.otomatic-ai-app .-m-2\.5{
    margin: -0.625rem
}
.otomatic-ai-app .m-1{
    margin: 0.25rem
}
.otomatic-ai-app .-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem
}
.otomatic-ai-app .-mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem
}
.otomatic-ai-app .mx-1\.5{
    margin-left: 0.375rem;
    margin-right: 0.375rem
}
.otomatic-ai-app .mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem
}
.otomatic-ai-app .mx-4{
    margin-left: 1rem;
    margin-right: 1rem
}
.otomatic-ai-app .mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem
}
.otomatic-ai-app .mx-auto{
    margin-left: auto;
    margin-right: auto
}
.otomatic-ai-app .my-0{
    margin-top: 0px;
    margin-bottom: 0px
}
.otomatic-ai-app .my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}
.otomatic-ai-app .my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.otomatic-ai-app .-ml-0\.5{
    margin-left: -0.125rem
}
.otomatic-ai-app .-ml-1{
    margin-left: -0.25rem
}
.otomatic-ai-app .-ml-2{
    margin-left: -0.5rem
}
.otomatic-ai-app .-ml-px{
    margin-left: -1px
}
.otomatic-ai-app .-mr-0\.5{
    margin-right: -0.125rem
}
.otomatic-ai-app .-mr-1{
    margin-right: -0.25rem
}
.otomatic-ai-app .-mt-1{
    margin-top: -0.25rem
}
.otomatic-ai-app .-mt-2{
    margin-top: -0.5rem
}
.otomatic-ai-app .mb-0{
    margin-bottom: 0px
}
.otomatic-ai-app .mb-1{
    margin-bottom: 0.25rem
}
.otomatic-ai-app .mb-1\.5{
    margin-bottom: 0.375rem
}
.otomatic-ai-app .mb-3{
    margin-bottom: 0.75rem
}
.otomatic-ai-app .mb-4{
    margin-bottom: 1rem
}
.otomatic-ai-app .mb-6{
    margin-bottom: 1.5rem
}
.otomatic-ai-app .ml-14{
    margin-left: 3.5rem
}
.otomatic-ai-app .ml-2{
    margin-left: 0.5rem
}
.otomatic-ai-app .ml-3{
    margin-left: 0.75rem
}
.otomatic-ai-app .ml-4{
    margin-left: 1rem
}
.otomatic-ai-app .ml-6{
    margin-left: 1.5rem
}
.otomatic-ai-app .ml-7{
    margin-left: 1.75rem
}
.otomatic-ai-app .ml-auto{
    margin-left: auto
}
.otomatic-ai-app .mr-1\.5{
    margin-right: 0.375rem
}
.otomatic-ai-app .mr-16{
    margin-right: 4rem
}
.otomatic-ai-app .mr-2{
    margin-right: 0.5rem
}
.otomatic-ai-app .mr-2\.5{
    margin-right: 0.625rem
}
.otomatic-ai-app .mr-3{
    margin-right: 0.75rem
}
.otomatic-ai-app .mr-4{
    margin-right: 1rem
}
.otomatic-ai-app .mr-5{
    margin-right: 1.25rem
}
.otomatic-ai-app .mt-0\.5{
    margin-top: 0.125rem
}
.otomatic-ai-app .mt-1{
    margin-top: 0.25rem
}
.otomatic-ai-app .mt-1\.5{
    margin-top: 0.375rem
}
.otomatic-ai-app .mt-10{
    margin-top: 2.5rem
}
.otomatic-ai-app .mt-16{
    margin-top: 4rem
}
.otomatic-ai-app .mt-2{
    margin-top: 0.5rem
}
.otomatic-ai-app .mt-3{
    margin-top: 0.75rem
}
.otomatic-ai-app .mt-4{
    margin-top: 1rem
}
.otomatic-ai-app .mt-5{
    margin-top: 1.25rem
}
.otomatic-ai-app .mt-6{
    margin-top: 1.5rem
}
.otomatic-ai-app .mt-8{
    margin-top: 2rem
}
.otomatic-ai-app .mt-\[2px\]{
    margin-top: 2px
}
.otomatic-ai-app .mt-auto{
    margin-top: auto
}
.otomatic-ai-app .line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.otomatic-ai-app .line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}
.otomatic-ai-app .line-clamp-5{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}
.otomatic-ai-app .block{
    display: block
}
.otomatic-ai-app .inline-block{
    display: inline-block
}
.otomatic-ai-app .inline{
    display: inline
}
.otomatic-ai-app .flex{
    display: flex
}
.otomatic-ai-app .inline-flex{
    display: inline-flex
}
.otomatic-ai-app .table{
    display: table
}
.otomatic-ai-app .grid{
    display: grid
}
.otomatic-ai-app .hidden{
    display: none
}
.otomatic-ai-app .aspect-\[4\/3\]{
    aspect-ratio: 4/3
}
.otomatic-ai-app .aspect-square{
    aspect-ratio: 1 / 1
}
.otomatic-ai-app .aspect-video{
    aspect-ratio: 16 / 9
}
.otomatic-ai-app .size-12{
    width: 3rem;
    height: 3rem
}
.otomatic-ai-app .size-24{
    width: 6rem;
    height: 6rem
}
.otomatic-ai-app .size-4{
    width: 1rem;
    height: 1rem
}
.otomatic-ai-app .size-5{
    width: 1.25rem;
    height: 1.25rem
}
.otomatic-ai-app .size-6{
    width: 1.5rem;
    height: 1.5rem
}
.otomatic-ai-app .size-7{
    width: 1.75rem;
    height: 1.75rem
}
.otomatic-ai-app .size-8{
    width: 2rem;
    height: 2rem
}
.otomatic-ai-app .h-0\.5{
    height: 0.125rem
}
.otomatic-ai-app .h-1{
    height: 0.25rem
}
.otomatic-ai-app .h-10{
    height: 2.5rem
}
.otomatic-ai-app .h-12{
    height: 3rem
}
.otomatic-ai-app .h-16{
    height: 4rem
}
.otomatic-ai-app .h-2{
    height: 0.5rem
}
.otomatic-ai-app .h-20{
    height: 5rem
}
.otomatic-ai-app .h-24{
    height: 6rem
}
.otomatic-ai-app .h-28{
    height: 7rem
}
.otomatic-ai-app .h-3{
    height: 0.75rem
}
.otomatic-ai-app .h-32{
    height: 8rem
}
.otomatic-ai-app .h-36{
    height: 9rem
}
.otomatic-ai-app .h-4{
    height: 1rem
}
.otomatic-ai-app .h-48{
    height: 12rem
}
.otomatic-ai-app .h-5{
    height: 1.25rem
}
.otomatic-ai-app .h-6{
    height: 1.5rem
}
.otomatic-ai-app .h-60{
    height: 15rem
}
.otomatic-ai-app .h-8{
    height: 2rem
}
.otomatic-ai-app .h-9{
    height: 2.25rem
}
.otomatic-ai-app .h-\[32rem\]{
    height: 32rem
}
.otomatic-ai-app .h-\[512px\]{
    height: 512px
}
.otomatic-ai-app .h-\[calc\(100vh-4rem\)\]{
    height: calc(100vh - 4rem)
}
.otomatic-ai-app .h-auto{
    height: auto
}
.otomatic-ai-app .h-full{
    height: 100%
}
.otomatic-ai-app .h-px{
    height: 1px
}
.otomatic-ai-app .h-screen{
    height: 100vh
}
.otomatic-ai-app .max-h-60{
    max-height: 15rem
}
.otomatic-ai-app .max-h-64{
    max-height: 16rem
}
.otomatic-ai-app .max-h-96{
    max-height: 24rem
}
.otomatic-ai-app .max-h-\[512px\]{
    max-height: 512px
}
.otomatic-ai-app .max-h-\[80vh\]{
    max-height: 80vh
}
.otomatic-ai-app .min-h-0{
    min-height: 0px
}
.otomatic-ai-app .min-h-20{
    min-height: 5rem
}
.otomatic-ai-app .min-h-96{
    min-height: 24rem
}
.otomatic-ai-app .min-h-\[calc\(100vh-4rem\)\]{
    min-height: calc(100vh - 4rem)
}
.otomatic-ai-app .min-h-full{
    min-height: 100%
}
.otomatic-ai-app .min-h-screen{
    min-height: 100vh
}
.otomatic-ai-app .w-0{
    width: 0px
}
.otomatic-ai-app .w-0\.5{
    width: 0.125rem
}
.otomatic-ai-app .w-1\/12{
    width: 8.333333%
}
.otomatic-ai-app .w-10{
    width: 2.5rem
}
.otomatic-ai-app .w-10\/12{
    width: 83.333333%
}
.otomatic-ai-app .w-11{
    width: 2.75rem
}
.otomatic-ai-app .w-11\/12{
    width: 91.666667%
}
.otomatic-ai-app .w-12{
    width: 3rem
}
.otomatic-ai-app .w-16{
    width: 4rem
}
.otomatic-ai-app .w-2{
    width: 0.5rem
}
.otomatic-ai-app .w-20{
    width: 5rem
}
.otomatic-ai-app .w-24{
    width: 6rem
}
.otomatic-ai-app .w-28{
    width: 7rem
}
.otomatic-ai-app .w-3{
    width: 0.75rem
}
.otomatic-ai-app .w-4{
    width: 1rem
}
.otomatic-ai-app .w-48{
    width: 12rem
}
.otomatic-ai-app .w-5{
    width: 1.25rem
}
.otomatic-ai-app .w-56{
    width: 14rem
}
.otomatic-ai-app .w-6{
    width: 1.5rem
}
.otomatic-ai-app .w-6\/12{
    width: 50%
}
.otomatic-ai-app .w-64{
    width: 16rem
}
.otomatic-ai-app .w-7\/12{
    width: 58.333333%
}
.otomatic-ai-app .w-72{
    width: 18rem
}
.otomatic-ai-app .w-8{
    width: 2rem
}
.otomatic-ai-app .w-8\/12{
    width: 66.666667%
}
.otomatic-ai-app .w-9{
    width: 2.25rem
}
.otomatic-ai-app .w-9\/12{
    width: 75%
}
.otomatic-ai-app .w-\[14rem\]{
    width: 14rem
}
.otomatic-ai-app .w-\[20rem\]{
    width: 20rem
}
.otomatic-ai-app .w-\[512px\]{
    width: 512px
}
.otomatic-ai-app .w-auto{
    width: auto
}
.otomatic-ai-app .w-full{
    width: 100%
}
.otomatic-ai-app .w-screen{
    width: 100vw
}
.otomatic-ai-app .min-w-0{
    min-width: 0px
}
.otomatic-ai-app .min-w-40{
    min-width: 10rem
}
.otomatic-ai-app .min-w-48{
    min-width: 12rem
}
.otomatic-ai-app .min-w-full{
    min-width: 100%
}
.otomatic-ai-app .max-w-0{
    max-width: 0px
}
.otomatic-ai-app .max-w-2xl{
    max-width: 42rem
}
.otomatic-ai-app .max-w-3xl{
    max-width: 48rem
}
.otomatic-ai-app .max-w-48{
    max-width: 12rem
}
.otomatic-ai-app .max-w-4xl{
    max-width: 56rem
}
.otomatic-ai-app .max-w-5xl{
    max-width: 64rem
}
.otomatic-ai-app .max-w-7xl{
    max-width: 80rem
}
.otomatic-ai-app .max-w-\[512px\]{
    max-width: 512px
}
.otomatic-ai-app .max-w-\[7rem\]{
    max-width: 7rem
}
.otomatic-ai-app .max-w-lg{
    max-width: 32rem
}
.otomatic-ai-app .max-w-md{
    max-width: 28rem
}
.otomatic-ai-app .max-w-none{
    max-width: none
}
.otomatic-ai-app .max-w-sm{
    max-width: 24rem
}
.otomatic-ai-app .max-w-xl{
    max-width: 36rem
}
.otomatic-ai-app .max-w-xs{
    max-width: 20rem
}
.otomatic-ai-app .flex-1{
    flex: 1 1 0%
}
.otomatic-ai-app .flex-auto{
    flex: 1 1 auto
}
.otomatic-ai-app .flex-none{
    flex: none
}
.otomatic-ai-app .flex-shrink-0{
    flex-shrink: 0
}
.otomatic-ai-app .shrink-0{
    flex-shrink: 0
}
.otomatic-ai-app .flex-grow{
    flex-grow: 1
}
.otomatic-ai-app .grow{
    flex-grow: 1
}
.otomatic-ai-app .origin-bottom-right{
    transform-origin: bottom right
}
.otomatic-ai-app .origin-top-left{
    transform-origin: top left
}
.otomatic-ai-app .origin-top-right{
    transform-origin: top right
}
.otomatic-ai-app .-translate-x-5{
    --tw-translate-x: -1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .-translate-x-full{
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .-translate-y-full{
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-x-0{
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-x-1\/2{
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-x-4{
    --tw-translate-x: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-x-5{
    --tw-translate-x: 1.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-y-0{
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-y-1{
    --tw-translate-y: 0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-y-2{
    --tw-translate-y: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .translate-y-4{
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .rotate-180{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .scale-95{
    --tw-scale-x: .95;
    --tw-scale-y: .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))
}
.otomatic-ai-app .-scale-x-100{
    --tw-scale-x: -1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app .transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes ping{
    75%, 100%{
        transform: scale(2);
        opacity: 0
    }
}
.otomatic-ai-app .animate-ping{
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}
@keyframes pulse{
    50%{
        opacity: .5
    }
}
.otomatic-ai-app .animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}
@keyframes spin{
    to{
        transform: rotate(360deg)
    }
}
.otomatic-ai-app .animate-spin{
    animation: spin 1s linear infinite
}
.otomatic-ai-app .cursor-default{
    cursor: default
}
.otomatic-ai-app .cursor-move{
    cursor: move
}
.otomatic-ai-app .cursor-pointer{
    cursor: pointer
}
.otomatic-ai-app .select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none
}
.otomatic-ai-app .resize-none{
    resize: none
}
.otomatic-ai-app .scroll-px-3{
    scroll-padding-left: 0.75rem;
    scroll-padding-right: 0.75rem
}
.otomatic-ai-app .scroll-py-2{
    scroll-padding-top: 0.5rem;
    scroll-padding-bottom: 0.5rem
}
.otomatic-ai-app .list-inside{
    list-style-position: inside
}
.otomatic-ai-app .list-decimal{
    list-style-type: decimal
}
.otomatic-ai-app .list-disc{
    list-style-type: disc
}
.otomatic-ai-app .appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none
}
.otomatic-ai-app .grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.otomatic-ai-app .grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr))
}
.otomatic-ai-app .grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
.otomatic-ai-app .grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.otomatic-ai-app .grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.otomatic-ai-app .grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
.otomatic-ai-app .grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr))
}
.otomatic-ai-app .flex-col{
    flex-direction: column
}
.otomatic-ai-app .flex-col-reverse{
    flex-direction: column-reverse
}
.otomatic-ai-app .flex-wrap{
    flex-wrap: wrap
}
.otomatic-ai-app .items-start{
    align-items: flex-start
}
.otomatic-ai-app .items-end{
    align-items: flex-end
}
.otomatic-ai-app .items-center{
    align-items: center
}
.otomatic-ai-app .items-baseline{
    align-items: baseline
}
.otomatic-ai-app .justify-end{
    justify-content: flex-end
}
.otomatic-ai-app .justify-center{
    justify-content: center
}
.otomatic-ai-app .justify-between{
    justify-content: space-between
}
.otomatic-ai-app .gap-0\.5{
    gap: 0.125rem
}
.otomatic-ai-app .gap-1{
    gap: 0.25rem
}
.otomatic-ai-app .gap-1\.5{
    gap: 0.375rem
}
.otomatic-ai-app .gap-2{
    gap: 0.5rem
}
.otomatic-ai-app .gap-2\.5{
    gap: 0.625rem
}
.otomatic-ai-app .gap-3{
    gap: 0.75rem
}
.otomatic-ai-app .gap-4{
    gap: 1rem
}
.otomatic-ai-app .gap-6{
    gap: 1.5rem
}
.otomatic-ai-app .gap-8{
    gap: 2rem
}
.otomatic-ai-app .gap-x-1{
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem
}
.otomatic-ai-app .gap-x-1\.5{
    -moz-column-gap: 0.375rem;
         column-gap: 0.375rem
}
.otomatic-ai-app .gap-x-2{
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem
}
.otomatic-ai-app .gap-x-2\.5{
    -moz-column-gap: 0.625rem;
         column-gap: 0.625rem
}
.otomatic-ai-app .gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem
}
.otomatic-ai-app .gap-x-4{
    -moz-column-gap: 1rem;
         column-gap: 1rem
}
.otomatic-ai-app .gap-x-6{
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem
}
.otomatic-ai-app .gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem
}
.otomatic-ai-app .gap-y-0\.5{
    row-gap: 0.125rem
}
.otomatic-ai-app .gap-y-1{
    row-gap: 0.25rem
}
.otomatic-ai-app .gap-y-1\.5{
    row-gap: 0.375rem
}
.otomatic-ai-app .gap-y-10{
    row-gap: 2.5rem
}
.otomatic-ai-app .gap-y-4{
    row-gap: 1rem
}
.otomatic-ai-app .gap-y-5{
    row-gap: 1.25rem
}
.otomatic-ai-app .gap-y-6{
    row-gap: 1.5rem
}
.otomatic-ai-app .gap-y-8{
    row-gap: 2rem
}
.otomatic-ai-app :is(.space-x-1 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.otomatic-ai-app :is(.space-x-1\.5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))
}
.otomatic-ai-app :is(.space-x-3 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.otomatic-ai-app :is(.space-x-4 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.otomatic-ai-app :is(.space-x-6 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.otomatic-ai-app :is(.space-y-0\.5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-1 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-12 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-16 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-2 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-3 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-4 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-6 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}
.otomatic-ai-app :is(.space-y-reverse > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 1
}
.otomatic-ai-app :is(.divide-y > :not([hidden]) ~ :not([hidden])){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}
.otomatic-ai-app :is(.divide-gray-100 > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1))
}
.otomatic-ai-app :is(.divide-gray-300 > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-divide-opacity, 1))
}
.otomatic-ai-app :is(.divide-white\/5 > :not([hidden]) ~ :not([hidden])){
    border-color: rgb(255 255 255 / 0.05)
}
.otomatic-ai-app .self-start{
    align-self: flex-start
}
.otomatic-ai-app .self-end{
    align-self: flex-end
}
.otomatic-ai-app .overflow-auto{
    overflow: auto
}
.otomatic-ai-app .overflow-hidden{
    overflow: hidden
}
.otomatic-ai-app .overflow-y-auto{
    overflow-y: auto
}
.otomatic-ai-app .overflow-y-hidden{
    overflow-y: hidden
}
.otomatic-ai-app .truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.otomatic-ai-app .whitespace-normal{
    white-space: normal
}
.otomatic-ai-app .whitespace-nowrap{
    white-space: nowrap
}
.otomatic-ai-app .whitespace-pre-wrap{
    white-space: pre-wrap
}
.otomatic-ai-app .whitespace-break-spaces{
    white-space: break-spaces
}
.otomatic-ai-app .break-all{
    word-break: break-all
}
.otomatic-ai-app .rounded{
    border-radius: 0.25rem
}
.otomatic-ai-app .rounded-3xl{
    border-radius: 1.5rem
}
.otomatic-ai-app .rounded-full{
    border-radius: 9999px
}
.otomatic-ai-app .rounded-lg{
    border-radius: 0.5rem
}
.otomatic-ai-app .rounded-md{
    border-radius: 0.375rem
}
.otomatic-ai-app .rounded-none{
    border-radius: 0px
}
.otomatic-ai-app .rounded-sm{
    border-radius: 0.125rem
}
.otomatic-ai-app .rounded-xl{
    border-radius: 0.75rem
}
.otomatic-ai-app .rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem
}
.otomatic-ai-app .rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
}
.otomatic-ai-app .rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
}
.otomatic-ai-app .rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem
}
.otomatic-ai-app .rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem
}
.otomatic-ai-app .border{
    border-width: 1px
}
.otomatic-ai-app .border-0{
    border-width: 0px
}
.otomatic-ai-app .border-2{
    border-width: 2px
}
.otomatic-ai-app .border-b{
    border-bottom-width: 1px
}
.otomatic-ai-app .border-l{
    border-left-width: 1px
}
.otomatic-ai-app .border-l-0{
    border-left-width: 0px
}
.otomatic-ai-app .border-l-2{
    border-left-width: 2px
}
.otomatic-ai-app .border-r{
    border-right-width: 1px
}
.otomatic-ai-app .border-r-0{
    border-right-width: 0px
}
.otomatic-ai-app .border-t{
    border-top-width: 1px
}
.otomatic-ai-app .border-t-0{
    border-top-width: 0px
}
.otomatic-ai-app .border-dashed{
    border-style: dashed
}
.otomatic-ai-app .border-none{
    border-style: none
}
.otomatic-ai-app .border-black\/10{
    border-color: rgb(0 0 0 / 0.1)
}
.otomatic-ai-app .border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-gray-900{
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-gray-950{
    --tw-border-opacity: 1;
    border-color: rgb(2 6 23 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-green-500{
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-red-500{
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-transparent{
    border-color: transparent
}
.otomatic-ai-app .border-white\/10{
    border-color: rgb(255 255 255 / 0.1)
}
.otomatic-ai-app .border-white\/5{
    border-color: rgb(255 255 255 / 0.05)
}
.otomatic-ai-app .border-yellow-400{
    --tw-border-opacity: 1;
    border-color: rgb(250 204 21 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .border-yellow-500{
    --tw-border-opacity: 1;
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .bg-\[\#0f172b\]{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 43 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-\[\#ff9900\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-black\/30{
    background-color: rgb(0 0 0 / 0.3)
}
.otomatic-ai-app .bg-black\/70{
    background-color: rgb(0 0 0 / 0.7)
}
.otomatic-ai-app .bg-black\/80{
    background-color: rgb(0 0 0 / 0.8)
}
.otomatic-ai-app .bg-current{
    background-color: currentColor
}
.otomatic-ai-app .bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-400\/10{
    background-color: rgb(148 163 184 / 0.1)
}
.otomatic-ai-app .bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-700\/30{
    background-color: rgb(51 65 85 / 0.3)
}
.otomatic-ai-app .bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-gray-900\/80{
    background-color: rgb(15 23 42 / 0.8)
}
.otomatic-ai-app .bg-gray-950{
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-green-400\/10{
    background-color: rgb(74 222 128 / 0.1)
}
.otomatic-ai-app .bg-green-500\/10{
    background-color: rgb(34 197 94 / 0.1)
}
.otomatic-ai-app .bg-orange-400\/10{
    background-color: rgb(251 146 60 / 0.1)
}
.otomatic-ai-app .bg-red-400{
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-red-400\/10{
    background-color: rgb(248 113 113 / 0.1)
}
.otomatic-ai-app .bg-red-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-red-500{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-rose-400\/10{
    background-color: rgb(251 113 133 / 0.1)
}
.otomatic-ai-app .bg-transparent{
    background-color: transparent
}
.otomatic-ai-app .bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-yellow-400\/10{
    background-color: rgb(250 204 21 / 0.1)
}
.otomatic-ai-app .bg-yellow-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-yellow-500{
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .bg-opacity-30{
    --tw-bg-opacity: 0.3
}
.otomatic-ai-app .bg-opacity-50{
    --tw-bg-opacity: 0.5
}
.otomatic-ai-app .bg-opacity-60{
    --tw-bg-opacity: 0.6
}
.otomatic-ai-app .bg-opacity-75{
    --tw-bg-opacity: 0.75
}
.otomatic-ai-app .bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.otomatic-ai-app .from-transparent{
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.otomatic-ai-app .to-black{
    --tw-gradient-to: #000 var(--tw-gradient-to-position)
}
.otomatic-ai-app .bg-cover{
    background-size: cover
}
.otomatic-ai-app .bg-center{
    background-position: center
}
.otomatic-ai-app .fill-black{
    fill: #000
}
.otomatic-ai-app .fill-gray-300{
    fill: #cbd5e1
}
.otomatic-ai-app .fill-yellow-500{
    fill: #eab308
}
.otomatic-ai-app .object-cover{
    -o-object-fit: cover;
       object-fit: cover
}
.otomatic-ai-app .object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down
}
.otomatic-ai-app .p-0{
    padding: 0px
}
.otomatic-ai-app .p-0\.5{
    padding: 0.125rem
}
.otomatic-ai-app .p-1{
    padding: 0.25rem
}
.otomatic-ai-app .p-1\.5{
    padding: 0.375rem
}
.otomatic-ai-app .p-12{
    padding: 3rem
}
.otomatic-ai-app .p-2{
    padding: 0.5rem
}
.otomatic-ai-app .p-2\.5{
    padding: 0.625rem
}
.otomatic-ai-app .p-3{
    padding: 0.75rem
}
.otomatic-ai-app .p-4{
    padding: 1rem
}
.otomatic-ai-app .p-6{
    padding: 1.5rem
}
.otomatic-ai-app .p-8{
    padding: 2rem
}
.otomatic-ai-app .px-0{
    padding-left: 0px;
    padding-right: 0px
}
.otomatic-ai-app .px-12{
    padding-left: 3rem;
    padding-right: 3rem
}
.otomatic-ai-app .px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.otomatic-ai-app .px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.otomatic-ai-app .px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.otomatic-ai-app .px-4{
    padding-left: 1rem;
    padding-right: 1rem
}
.otomatic-ai-app .px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.otomatic-ai-app .px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.otomatic-ai-app .px-8{
    padding-left: 2rem;
    padding-right: 2rem
}
.otomatic-ai-app .py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.otomatic-ai-app .py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.otomatic-ai-app .py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.otomatic-ai-app .py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.otomatic-ai-app .py-12{
    padding-top: 3rem;
    padding-bottom: 3rem
}
.otomatic-ai-app .py-16{
    padding-top: 4rem;
    padding-bottom: 4rem
}
.otomatic-ai-app .py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.otomatic-ai-app .py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.otomatic-ai-app .py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.otomatic-ai-app .py-4{
    padding-top: 1rem;
    padding-bottom: 1rem
}
.otomatic-ai-app .py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.otomatic-ai-app .py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.otomatic-ai-app .py-8{
    padding-top: 2rem;
    padding-bottom: 2rem
}
.otomatic-ai-app .pb-10{
    padding-bottom: 2.5rem
}
.otomatic-ai-app .pb-2{
    padding-bottom: 0.5rem
}
.otomatic-ai-app .pb-4{
    padding-bottom: 1rem
}
.otomatic-ai-app .pl-0{
    padding-left: 0px
}
.otomatic-ai-app .pl-12{
    padding-left: 3rem
}
.otomatic-ai-app .pl-3{
    padding-left: 0.75rem
}
.otomatic-ai-app .pl-4{
    padding-left: 1rem
}
.otomatic-ai-app .pl-6{
    padding-left: 1.5rem
}
.otomatic-ai-app .pl-9{
    padding-left: 2.25rem
}
.otomatic-ai-app .pr-10{
    padding-right: 2.5rem
}
.otomatic-ai-app .pr-12{
    padding-right: 3rem
}
.otomatic-ai-app .pr-14{
    padding-right: 3.5rem
}
.otomatic-ai-app .pr-2{
    padding-right: 0.5rem
}
.otomatic-ai-app .pr-3{
    padding-right: 0.75rem
}
.otomatic-ai-app .pr-4{
    padding-right: 1rem
}
.otomatic-ai-app .pr-7{
    padding-right: 1.75rem
}
.otomatic-ai-app .pr-8{
    padding-right: 2rem
}
.otomatic-ai-app .pr-\[3\.25rem\]{
    padding-right: 3.25rem
}
.otomatic-ai-app .pt-0\.5{
    padding-top: 0.125rem
}
.otomatic-ai-app .pt-11{
    padding-top: 2.75rem
}
.otomatic-ai-app .pt-5{
    padding-top: 1.25rem
}
.otomatic-ai-app .text-left{
    text-align: left
}
.otomatic-ai-app .text-center{
    text-align: center
}
.otomatic-ai-app .text-right{
    text-align: right
}
.otomatic-ai-app .font-sans{
    font-family: InterVariable, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
.otomatic-ai-app .text-2xl{
    font-size: 1.5rem;
    line-height: 2rem
}
.otomatic-ai-app .text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem
}
.otomatic-ai-app .text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem
}
.otomatic-ai-app .text-\[25px\]{
    font-size: 25px
}
.otomatic-ai-app .text-\[40px\]{
    font-size: 40px
}
.otomatic-ai-app .text-base{
    font-size: 1rem;
    line-height: 1.5rem
}
.otomatic-ai-app .text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem
}
.otomatic-ai-app .text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem
}
.otomatic-ai-app .text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem
}
.otomatic-ai-app .text-xs{
    font-size: 0.75rem;
    line-height: 1rem
}
.otomatic-ai-app .font-bold{
    font-weight: 700
}
.otomatic-ai-app .font-medium{
    font-weight: 500
}
.otomatic-ai-app .font-normal{
    font-weight: 400
}
.otomatic-ai-app .font-semibold{
    font-weight: 600
}
.otomatic-ai-app .uppercase{
    text-transform: uppercase
}
.otomatic-ai-app .italic{
    font-style: italic
}
.otomatic-ai-app .leading-4{
    line-height: 1rem
}
.otomatic-ai-app .leading-5{
    line-height: 1.25rem
}
.otomatic-ai-app .leading-6{
    line-height: 1.5rem
}
.otomatic-ai-app .leading-7{
    line-height: 1.75rem
}
.otomatic-ai-app .leading-8{
    line-height: 2rem
}
.otomatic-ai-app .leading-9{
    line-height: 2.25rem
}
.otomatic-ai-app .leading-none{
    line-height: 1
}
.otomatic-ai-app .leading-normal{
    line-height: 1.5
}
.otomatic-ai-app .leading-snug{
    line-height: 1.375
}
.otomatic-ai-app .leading-tight{
    line-height: 1.25
}
.otomatic-ai-app .tracking-tight{
    letter-spacing: -0.025em
}
.otomatic-ai-app .text-\[\#05e005\]{
    --tw-text-opacity: 1;
    color: rgb(5 224 5 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-200{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-300{
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-900{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-gray-950{
    --tw-text-opacity: 1;
    color: rgb(2 6 23 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-green-400{
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-green-500{
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-orange-400{
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-primary-500{
    --tw-text-opacity: 1;
    color: rgb(250 20 79 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-red-400{
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-red-500{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-red-700{
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-red-900{
    --tw-text-opacity: 1;
    color: rgb(127 29 29 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-rose-400{
    --tw-text-opacity: 1;
    color: rgb(251 113 133 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-yellow-400{
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-yellow-500{
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-yellow-600{
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .text-yellow-700{
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .underline{
    text-decoration-line: underline
}
.otomatic-ai-app .line-through{
    text-decoration-line: line-through
}
.otomatic-ai-app .no-underline{
    text-decoration-line: none
}
.otomatic-ai-app .opacity-0{
    opacity: 0
}
.otomatic-ai-app .opacity-100{
    opacity: 1
}
.otomatic-ai-app .opacity-25{
    opacity: 0.25
}
.otomatic-ai-app .opacity-50{
    opacity: 0.5
}
.otomatic-ai-app .opacity-70{
    opacity: 0.7
}
.otomatic-ai-app .opacity-75{
    opacity: 0.75
}
.otomatic-ai-app .opacity-80{
    opacity: 0.8
}
.otomatic-ai-app .shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.otomatic-ai-app .shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.otomatic-ai-app .shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.otomatic-ai-app .shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.otomatic-ai-app .outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.otomatic-ai-app .ring-0{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .ring-1{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .ring-2{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .ring-inset{
    --tw-ring-inset: inset
}
.otomatic-ai-app .ring-black{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-black\/90{
    --tw-ring-color: rgb(0 0 0 / 0.9)
}
.otomatic-ai-app .ring-gray-300{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-gray-400\/20{
    --tw-ring-color: rgb(148 163 184 / 0.2)
}
.otomatic-ai-app .ring-gray-500{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-gray-600{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-gray-900{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-gray-900\/90{
    --tw-ring-color: rgb(15 23 42 / 0.9)
}
.otomatic-ai-app .ring-gray-950{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-green-500\/20{
    --tw-ring-color: rgb(34 197 94 / 0.2)
}
.otomatic-ai-app .ring-orange-400\/20{
    --tw-ring-color: rgb(251 146 60 / 0.2)
}
.otomatic-ai-app .ring-red-400\/20{
    --tw-ring-color: rgb(248 113 113 / 0.2)
}
.otomatic-ai-app .ring-red-500{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-red-500\/50{
    --tw-ring-color: rgb(239 68 68 / 0.5)
}
.otomatic-ai-app .ring-white{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .ring-white\/10{
    --tw-ring-color: rgb(255 255 255 / 0.1)
}
.otomatic-ai-app .ring-yellow-400\/20{
    --tw-ring-color: rgb(250 204 21 / 0.2)
}
.otomatic-ai-app .ring-opacity-5{
    --tw-ring-opacity: 0.05
}
.otomatic-ai-app .ring-offset-2{
    --tw-ring-offset-width: 2px
}
.otomatic-ai-app .blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.otomatic-ai-app .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)
}
.otomatic-ai-app .transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.otomatic-ai-app .transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.otomatic-ai-app .transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.otomatic-ai-app .transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.otomatic-ai-app .transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.otomatic-ai-app .duration-100{
    transition-duration: 100ms
}
.otomatic-ai-app .duration-1000{
    transition-duration: 1000ms
}
.otomatic-ai-app .duration-150{
    transition-duration: 150ms
}
.otomatic-ai-app .duration-200{
    transition-duration: 200ms
}
.otomatic-ai-app .duration-300{
    transition-duration: 300ms
}
.otomatic-ai-app .duration-75{
    transition-duration: 75ms
}
.otomatic-ai-app .ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.otomatic-ai-app .ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.otomatic-ai-app .ease-linear{
    transition-timing-function: linear
}
.otomatic-ai-app .ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.otomatic-ai-app *{
    --color-inherit: inherit;
    --color-current: currentColor;
    --color-transparent: transparent;
    --color-black: #000;
    --color-white: #fff;
    --color-slate-50: #f8fafc;
    --color-slate-100: #f1f5f9;
    --color-slate-200: #e2e8f0;
    --color-slate-300: #cbd5e1;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-slate-700: #334155;
    --color-slate-800: #1e293b;
    --color-slate-900: #0f172a;
    --color-slate-950: #020617;
    --color-gray-50: #f8fafc;
    --color-gray-100: #f1f5f9;
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e1;
    --color-gray-400: #94a3b8;
    --color-gray-500: #64748b;
    --color-gray-600: #475569;
    --color-gray-700: #334155;
    --color-gray-800: #1e293b;
    --color-gray-900: #0f172a;
    --color-gray-950: #020617;
    --color-zinc-50: #fafafa;
    --color-zinc-100: #f4f4f5;
    --color-zinc-200: #e4e4e7;
    --color-zinc-300: #d4d4d8;
    --color-zinc-400: #a1a1aa;
    --color-zinc-500: #71717a;
    --color-zinc-600: #52525b;
    --color-zinc-700: #3f3f46;
    --color-zinc-800: #27272a;
    --color-zinc-900: #18181b;
    --color-zinc-950: #09090b;
    --color-neutral-50: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-200: #e5e5e5;
    --color-neutral-300: #d4d4d4;
    --color-neutral-400: #a3a3a3;
    --color-neutral-500: #737373;
    --color-neutral-600: #525252;
    --color-neutral-700: #404040;
    --color-neutral-800: #262626;
    --color-neutral-900: #171717;
    --color-neutral-950: #0a0a0a;
    --color-stone-50: #fafaf9;
    --color-stone-100: #f5f5f4;
    --color-stone-200: #e7e5e4;
    --color-stone-300: #d6d3d1;
    --color-stone-400: #a8a29e;
    --color-stone-500: #78716c;
    --color-stone-600: #57534e;
    --color-stone-700: #44403c;
    --color-stone-800: #292524;
    --color-stone-900: #1c1917;
    --color-stone-950: #0c0a09;
    --color-red-50: #fef2f2;
    --color-red-100: #fee2e2;
    --color-red-200: #fecaca;
    --color-red-300: #fca5a5;
    --color-red-400: #f87171;
    --color-red-500: #ef4444;
    --color-red-600: #dc2626;
    --color-red-700: #b91c1c;
    --color-red-800: #991b1b;
    --color-red-900: #7f1d1d;
    --color-red-950: #450a0a;
    --color-orange-50: #fff7ed;
    --color-orange-100: #ffedd5;
    --color-orange-200: #fed7aa;
    --color-orange-300: #fdba74;
    --color-orange-400: #fb923c;
    --color-orange-500: #f97316;
    --color-orange-600: #ea580c;
    --color-orange-700: #c2410c;
    --color-orange-800: #9a3412;
    --color-orange-900: #7c2d12;
    --color-orange-950: #431407;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c7;
    --color-amber-200: #fde68a;
    --color-amber-300: #fcd34d;
    --color-amber-400: #fbbf24;
    --color-amber-500: #f59e0b;
    --color-amber-600: #d97706;
    --color-amber-700: #b45309;
    --color-amber-800: #92400e;
    --color-amber-900: #78350f;
    --color-amber-950: #451a03;
    --color-yellow-50: #fefce8;
    --color-yellow-100: #fef9c3;
    --color-yellow-200: #fef08a;
    --color-yellow-300: #fde047;
    --color-yellow-400: #facc15;
    --color-yellow-500: #eab308;
    --color-yellow-600: #ca8a04;
    --color-yellow-700: #a16207;
    --color-yellow-800: #854d0e;
    --color-yellow-900: #713f12;
    --color-yellow-950: #422006;
    --color-lime-50: #f7fee7;
    --color-lime-100: #ecfccb;
    --color-lime-200: #d9f99d;
    --color-lime-300: #bef264;
    --color-lime-400: #a3e635;
    --color-lime-500: #84cc16;
    --color-lime-600: #65a30d;
    --color-lime-700: #4d7c0f;
    --color-lime-800: #3f6212;
    --color-lime-900: #365314;
    --color-lime-950: #1a2e05;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #bbf7d0;
    --color-green-300: #86efac;
    --color-green-400: #4ade80;
    --color-green-500: #22c55e;
    --color-green-600: #16a34a;
    --color-green-700: #15803d;
    --color-green-800: #166534;
    --color-green-900: #14532d;
    --color-green-950: #052e16;
    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d1fae5;
    --color-emerald-200: #a7f3d0;
    --color-emerald-300: #6ee7b7;
    --color-emerald-400: #34d399;
    --color-emerald-500: #10b981;
    --color-emerald-600: #059669;
    --color-emerald-700: #047857;
    --color-emerald-800: #065f46;
    --color-emerald-900: #064e3b;
    --color-emerald-950: #022c22;
    --color-teal-50: #f0fdfa;
    --color-teal-100: #ccfbf1;
    --color-teal-200: #99f6e4;
    --color-teal-300: #5eead4;
    --color-teal-400: #2dd4bf;
    --color-teal-500: #14b8a6;
    --color-teal-600: #0d9488;
    --color-teal-700: #0f766e;
    --color-teal-800: #115e59;
    --color-teal-900: #134e4a;
    --color-teal-950: #042f2e;
    --color-cyan-50: #ecfeff;
    --color-cyan-100: #cffafe;
    --color-cyan-200: #a5f3fc;
    --color-cyan-300: #67e8f9;
    --color-cyan-400: #22d3ee;
    --color-cyan-500: #06b6d4;
    --color-cyan-600: #0891b2;
    --color-cyan-700: #0e7490;
    --color-cyan-800: #155e75;
    --color-cyan-900: #164e63;
    --color-cyan-950: #083344;
    --color-sky-50: #f0f9ff;
    --color-sky-100: #e0f2fe;
    --color-sky-200: #bae6fd;
    --color-sky-300: #7dd3fc;
    --color-sky-400: #38bdf8;
    --color-sky-500: #0ea5e9;
    --color-sky-600: #0284c7;
    --color-sky-700: #0369a1;
    --color-sky-800: #075985;
    --color-sky-900: #0c4a6e;
    --color-sky-950: #082f49;
    --color-blue-50: #eff6ff;
    --color-blue-100: #dbeafe;
    --color-blue-200: #bfdbfe;
    --color-blue-300: #93c5fd;
    --color-blue-400: #60a5fa;
    --color-blue-500: #3b82f6;
    --color-blue-600: #2563eb;
    --color-blue-700: #1d4ed8;
    --color-blue-800: #1e40af;
    --color-blue-900: #1e3a8a;
    --color-blue-950: #172554;
    --color-indigo-50: #eef2ff;
    --color-indigo-100: #e0e7ff;
    --color-indigo-200: #c7d2fe;
    --color-indigo-300: #a5b4fc;
    --color-indigo-400: #818cf8;
    --color-indigo-500: #6366f1;
    --color-indigo-600: #4f46e5;
    --color-indigo-700: #4338ca;
    --color-indigo-800: #3730a3;
    --color-indigo-900: #312e81;
    --color-indigo-950: #1e1b4b;
    --color-violet-50: #f5f3ff;
    --color-violet-100: #ede9fe;
    --color-violet-200: #ddd6fe;
    --color-violet-300: #c4b5fd;
    --color-violet-400: #a78bfa;
    --color-violet-500: #8b5cf6;
    --color-violet-600: #7c3aed;
    --color-violet-700: #6d28d9;
    --color-violet-800: #5b21b6;
    --color-violet-900: #4c1d95;
    --color-violet-950: #2e1065;
    --color-purple-50: #faf5ff;
    --color-purple-100: #f3e8ff;
    --color-purple-200: #e9d5ff;
    --color-purple-300: #d8b4fe;
    --color-purple-400: #c084fc;
    --color-purple-500: #a855f7;
    --color-purple-600: #9333ea;
    --color-purple-700: #7e22ce;
    --color-purple-800: #6b21a8;
    --color-purple-900: #581c87;
    --color-purple-950: #3b0764;
    --color-fuchsia-50: #fdf4ff;
    --color-fuchsia-100: #fae8ff;
    --color-fuchsia-200: #f5d0fe;
    --color-fuchsia-300: #f0abfc;
    --color-fuchsia-400: #e879f9;
    --color-fuchsia-500: #d946ef;
    --color-fuchsia-600: #c026d3;
    --color-fuchsia-700: #a21caf;
    --color-fuchsia-800: #86198f;
    --color-fuchsia-900: #701a75;
    --color-fuchsia-950: #4a044e;
    --color-pink-50: #fdf2f8;
    --color-pink-100: #fce7f3;
    --color-pink-200: #fbcfe8;
    --color-pink-300: #f9a8d4;
    --color-pink-400: #f472b6;
    --color-pink-500: #ec4899;
    --color-pink-600: #db2777;
    --color-pink-700: #be185d;
    --color-pink-800: #9d174d;
    --color-pink-900: #831843;
    --color-pink-950: #500724;
    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-200: #fecdd3;
    --color-rose-300: #fda4af;
    --color-rose-400: #fb7185;
    --color-rose-500: #f43f5e;
    --color-rose-600: #e11d48;
    --color-rose-700: #be123c;
    --color-rose-800: #9f1239;
    --color-rose-900: #881337;
    --color-rose-950: #4c0519;
    --color-gradient-1: #FF8E44;
    --color-gradient-2: #F91362;
    --color-gradient-3: #35126A;
    --color-primary-50: #FEE6EC;
    --color-primary-100: #FED2DD;
    --color-primary-200: #FDA0B7;
    --color-primary-300: #FC7395;
    --color-primary-400: #FB4170;
    --color-primary-500: #FA144F;
    --color-primary-600: #D20438;
    --color-primary-700: #A0032B;
    --color-primary-800: #69021C;
    --color-primary-900: #37010F;
    --color-primary-950: #190107;
    --color-primary-DEFAULT: #F91362
}
.otomatic-ai-app .placeholder\:text-gray-400::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .placeholder\:text-gray-400::placeholder{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .placeholder\:text-gray-900::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .placeholder\:text-gray-900::placeholder{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .focus-within\:ring-2:focus-within{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .focus-within\:ring-inset:focus-within{
    --tw-ring-inset: inset
}
.otomatic-ai-app .focus-within\:ring-gray-950:focus-within{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus-within\:ring-red-500:focus-within{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .hover\:border-gray-500:hover{
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .hover\:border-gray-600:hover{
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .hover\:border-gray-700:hover{
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .hover\:border-gray-900:hover{
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .hover\:bg-\[\#ff9900\]\/80:hover{
    background-color: rgb(255 153 0 / 0.8)
}
.otomatic-ai-app .hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-300:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-800:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-900:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-gray-950:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-red-400:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-red-600:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-yellow-600:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .hover\:bg-opacity-75:hover{
    --tw-bg-opacity: 0.75
}
.otomatic-ai-app .hover\:text-gray-200:hover{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-gray-500:hover{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-gray-600:hover{
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-gray-700:hover{
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-gray-800:hover{
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-gray-900:hover{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-gray-950:hover{
    --tw-text-opacity: 1;
    color: rgb(2 6 23 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-red-400:hover{
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-red-500:hover{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:text-yellow-600:hover{
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:underline:hover{
    text-decoration-line: underline
}
.otomatic-ai-app .hover\:opacity-100:hover{
    opacity: 1
}
.otomatic-ai-app .hover\:shadow-sm:hover{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.otomatic-ai-app .focus\:z-20:focus{
    z-index: 20
}
.otomatic-ai-app .focus\:border-0:focus{
    border-width: 0px
}
.otomatic-ai-app .focus\:border-gray-300:focus{
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .focus\:border-gray-500:focus{
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .focus\:border-gray-900:focus{
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .focus\:border-gray-950:focus{
    --tw-border-opacity: 1;
    border-color: rgb(2 6 23 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .focus\:border-primary-500:focus{
    --tw-border-opacity: 1;
    border-color: rgb(250 20 79 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .focus\:border-red-500:focus{
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .focus\:shadow-none:focus{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.otomatic-ai-app .focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.otomatic-ai-app .focus\:outline:focus{
    outline-style: solid
}
.otomatic-ai-app .focus\:outline-0:focus{
    outline-width: 0px
}
.otomatic-ai-app .focus\:ring-0:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .focus\:ring-2:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .focus\:ring-inset:focus{
    --tw-ring-inset: inset
}
.otomatic-ai-app .focus\:ring-gray-500:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus\:ring-gray-600:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus\:ring-gray-900:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus\:ring-gray-950:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus\:ring-primary-500:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 20 79 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus\:ring-red-500:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus\:ring-offset-2:focus{
    --tw-ring-offset-width: 2px
}
.otomatic-ai-app .focus\:ring-offset-gray-800:focus{
    --tw-ring-offset-color: #1e293b
}
.otomatic-ai-app .focus\:ring-offset-gray-900:focus{
    --tw-ring-offset-color: #0f172a
}
.otomatic-ai-app .focus-visible\:outline-none:focus-visible{
    outline: 2px solid transparent;
    outline-offset: 2px
}
.otomatic-ai-app .focus-visible\:outline:focus-visible{
    outline-style: solid
}
.otomatic-ai-app .focus-visible\:outline-2:focus-visible{
    outline-width: 2px
}
.otomatic-ai-app .focus-visible\:outline-offset-2:focus-visible{
    outline-offset: 2px
}
.otomatic-ai-app .focus-visible\:outline-gray-100:focus-visible{
    outline-color: #f1f5f9
}
.otomatic-ai-app .focus-visible\:outline-gray-200:focus-visible{
    outline-color: #e2e8f0
}
.otomatic-ai-app .focus-visible\:outline-gray-600:focus-visible{
    outline-color: #475569
}
.otomatic-ai-app .focus-visible\:outline-gray-700:focus-visible{
    outline-color: #334155
}
.otomatic-ai-app .focus-visible\:outline-gray-900:focus-visible{
    outline-color: #0f172a
}
.otomatic-ai-app .focus-visible\:outline-gray-950:focus-visible{
    outline-color: #020617
}
.otomatic-ai-app .focus-visible\:outline-red-500:focus-visible{
    outline-color: #ef4444
}
.otomatic-ai-app .focus-visible\:outline-yellow-500:focus-visible{
    outline-color: #eab308
}
.otomatic-ai-app .focus-visible\:ring: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 #0000)
}
.otomatic-ai-app .focus-visible\:ring-1: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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .focus-visible\:ring-2:focus-visible{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.otomatic-ai-app .focus-visible\:ring-\[3px\]: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 #0000)
}
.otomatic-ai-app .focus-visible\:ring-gray-300:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus-visible\:ring-gray-400:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus-visible\:ring-gray-500:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus-visible\:ring-gray-500\/75:focus-visible{
    --tw-ring-color: rgb(100 116 139 / 0.75)
}
.otomatic-ai-app .focus-visible\:ring-gray-600:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus-visible\:ring-gray-900:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .focus-visible\:ring-offset-2:focus-visible{
    --tw-ring-offset-width: 2px
}
.otomatic-ai-app .focus-visible\:ring-offset-gray-100:focus-visible{
    --tw-ring-offset-color: #f1f5f9
}
.otomatic-ai-app .focus-visible\:ring-offset-gray-200:focus-visible{
    --tw-ring-offset-color: #e2e8f0
}
.otomatic-ai-app .focus-visible\:ring-offset-gray-50:focus-visible{
    --tw-ring-offset-color: #f8fafc
}
.otomatic-ai-app .focus-visible\:ring-offset-white:focus-visible{
    --tw-ring-offset-color: #fff
}
.otomatic-ai-app .disabled\:bg-gray-100:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .disabled\:bg-gray-200:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .disabled\:bg-gray-50:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .disabled\:bg-gray-500:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .disabled\:bg-white:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .disabled\:text-gray-900:disabled{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .disabled\:opacity-100:disabled{
    opacity: 1
}
.otomatic-ai-app .disabled\:opacity-50:disabled{
    opacity: 0.5
}
.otomatic-ai-app :is(.group:hover .group-hover\:visible){
    visibility: visible
}
.otomatic-ai-app :is(.group:hover .group-hover\:block){
    display: block
}
.otomatic-ai-app :is(.group:hover .group-hover\:flex){
    display: flex
}
.otomatic-ai-app :is(.group:hover .group-hover\:hidden){
    display: none
}
.otomatic-ai-app :is(.group:hover .group-hover\:-translate-x-0\.5){
    --tw-translate-x: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app :is(.group:hover .group-hover\:translate-x-0\.5){
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app :is(.group:hover .group-hover\:scale-105){
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.otomatic-ai-app :is(.group:hover .group-hover\:border-gray-600){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:bg-black\/10){
    background-color: rgb(0 0 0 / 0.1)
}
.otomatic-ai-app :is(.group:hover .group-hover\:bg-black\/5){
    background-color: rgb(0 0 0 / 0.05)
}
.otomatic-ai-app :is(.group:hover .group-hover\:bg-gray-950){
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-gray-400){
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-gray-600){
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-gray-700){
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-gray-800){
    --tw-text-opacity: 1;
    color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-gray-900){
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-gray-950){
    --tw-text-opacity: 1;
    color: rgb(2 6 23 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .group-hover\:text-white){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:focus .group-focus\:visible){
    visibility: visible
}
.otomatic-ai-app .has-\[\>svg\]\:px-3:has(>svg){
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.otomatic-ai-app .data-\[headlessui-state\=open\]\:rounded-b-none[data-headlessui-state="open"]{
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}
@media (min-width: 640px){
    .otomatic-ai-app .sm\:col-span-2{
        grid-column: span 2 / span 2
    }
    .otomatic-ai-app .sm\:col-span-3{
        grid-column: span 3 / span 3
    }
    .otomatic-ai-app .sm\:col-span-4{
        grid-column: span 4 / span 4
    }
    .otomatic-ai-app .sm\:col-span-5{
        grid-column: span 5 / span 5
    }
    .otomatic-ai-app .sm\:col-span-full{
        grid-column: 1 / -1
    }
    .otomatic-ai-app .sm\:col-start-1{
        grid-column-start: 1
    }
    .otomatic-ai-app .sm\:mx-0{
        margin-left: 0px;
        margin-right: 0px
    }
    .otomatic-ai-app .sm\:mx-auto{
        margin-left: auto;
        margin-right: auto
    }
    .otomatic-ai-app .sm\:my-8{
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .otomatic-ai-app .sm\:ml-3{
        margin-left: 0.75rem
    }
    .otomatic-ai-app .sm\:ml-4{
        margin-left: 1rem
    }
    .otomatic-ai-app .sm\:mt-0{
        margin-top: 0px
    }
    .otomatic-ai-app .sm\:mt-4{
        margin-top: 1rem
    }
    .otomatic-ai-app .sm\:mt-6{
        margin-top: 1.5rem
    }
    .otomatic-ai-app .sm\:flex{
        display: flex
    }
    .otomatic-ai-app .sm\:h-10{
        height: 2.5rem
    }
    .otomatic-ai-app .sm\:h-5\/6{
        height: 83.333333%
    }
    .otomatic-ai-app .sm\:max-h-none{
        max-height: none
    }
    .otomatic-ai-app .sm\:w-10{
        width: 2.5rem
    }
    .otomatic-ai-app .sm\:w-5\/6{
        width: 83.333333%
    }
    .otomatic-ai-app .sm\:w-auto{
        width: auto
    }
    .otomatic-ai-app .sm\:w-full{
        width: 100%
    }
    .otomatic-ai-app .sm\:max-w-2xl{
        max-width: 42rem
    }
    .otomatic-ai-app .sm\:max-w-3xl{
        max-width: 48rem
    }
    .otomatic-ai-app .sm\:max-w-4xl{
        max-width: 56rem
    }
    .otomatic-ai-app .sm\:max-w-5xl{
        max-width: 64rem
    }
    .otomatic-ai-app .sm\:max-w-lg{
        max-width: 32rem
    }
    .otomatic-ai-app .sm\:max-w-none{
        max-width: none
    }
    .otomatic-ai-app .sm\:max-w-sm{
        max-width: 24rem
    }
    .otomatic-ai-app .sm\:translate-x-0{
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .otomatic-ai-app .sm\:translate-x-2{
        --tw-translate-x: 0.5rem;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .otomatic-ai-app .sm\:translate-y-0{
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .otomatic-ai-app .sm\:scale-100{
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .otomatic-ai-app .sm\:scale-95{
        --tw-scale-x: .95;
        --tw-scale-y: .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))
    }
    .otomatic-ai-app .sm\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .otomatic-ai-app .sm\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .otomatic-ai-app .sm\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .otomatic-ai-app .sm\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .otomatic-ai-app .sm\:grid-cols-8{
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .otomatic-ai-app .sm\:flex-row{
        flex-direction: row
    }
    .otomatic-ai-app .sm\:flex-row-reverse{
        flex-direction: row-reverse
    }
    .otomatic-ai-app .sm\:items-start{
        align-items: flex-start
    }
    .otomatic-ai-app .sm\:items-end{
        align-items: flex-end
    }
    .otomatic-ai-app .sm\:items-center{
        align-items: center
    }
    .otomatic-ai-app .sm\:gap-x-4{
        -moz-column-gap: 1rem;
             column-gap: 1rem
    }
    .otomatic-ai-app :is(.sm\:space-x-6 > :not([hidden]) ~ :not([hidden])){
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .otomatic-ai-app :is(.sm\:space-y-0 > :not([hidden]) ~ :not([hidden])){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }
    .otomatic-ai-app .sm\:border-l{
        border-left-width: 1px
    }
    .otomatic-ai-app .sm\:border-t-0{
        border-top-width: 0px
    }
    .otomatic-ai-app .sm\:p-0{
        padding: 0px
    }
    .otomatic-ai-app .sm\:p-6{
        padding: 1.5rem
    }
    .otomatic-ai-app .sm\:px-0{
        padding-left: 0px;
        padding-right: 0px
    }
    .otomatic-ai-app .sm\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem
    }
    .otomatic-ai-app .sm\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .otomatic-ai-app .sm\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
    .otomatic-ai-app .sm\:pl-6{
        padding-left: 1.5rem
    }
    .otomatic-ai-app .sm\:pr-6{
        padding-right: 1.5rem
    }
    .otomatic-ai-app .sm\:text-left{
        text-align: left
    }
    .otomatic-ai-app .sm\:text-5xl{
        font-size: 3rem;
        line-height: 1
    }
    .otomatic-ai-app .sm\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem
    }
    .otomatic-ai-app .sm\:leading-6{
        line-height: 1.5rem
    }
}
@media (min-width: 768px){
    .otomatic-ai-app .md\:col-span-2{
        grid-column: span 2 / span 2
    }
    .otomatic-ai-app .md\:col-start-2{
        grid-column-start: 2
    }
    .otomatic-ai-app .md\:col-start-3{
        grid-column-start: 3
    }
    .otomatic-ai-app .md\:max-w-4xl{
        max-width: 56rem
    }
    .otomatic-ai-app .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .otomatic-ai-app .md\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .otomatic-ai-app .md\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}
@media (min-width: 1024px){
    .otomatic-ai-app .lg\:col-span-1{
        grid-column: span 1 / span 1
    }
    .otomatic-ai-app .lg\:col-span-2{
        grid-column: span 2 / span 2
    }
    .otomatic-ai-app .lg\:col-span-4{
        grid-column: span 4 / span 4
    }
    .otomatic-ai-app .lg\:col-span-5{
        grid-column: span 5 / span 5
    }
    .otomatic-ai-app .lg\:col-span-6{
        grid-column: span 6 / span 6
    }
    .otomatic-ai-app .lg\:col-span-7{
        grid-column: span 7 / span 7
    }
    .otomatic-ai-app .lg\:mt-0{
        margin-top: 0px
    }
    .otomatic-ai-app .lg\:block{
        display: block
    }
    .otomatic-ai-app .lg\:flex{
        display: flex
    }
    .otomatic-ai-app .lg\:table-cell{
        display: table-cell
    }
    .otomatic-ai-app .lg\:h-\[calc\(100vh-4rem\)\]{
        height: calc(100vh - 4rem)
    }
    .otomatic-ai-app .lg\:w-\[26rem\]{
        width: 26rem
    }
    .otomatic-ai-app .lg\:max-w-3xl{
        max-width: 48rem
    }
    .otomatic-ai-app .lg\:max-w-\[24rem\]{
        max-width: 24rem
    }
    .otomatic-ai-app .lg\:translate-x-1\/2{
        --tw-translate-x: 50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .otomatic-ai-app .lg\:grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .otomatic-ai-app .lg\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .otomatic-ai-app .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .otomatic-ai-app .lg\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .otomatic-ai-app .lg\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .otomatic-ai-app .lg\:flex-row{
        flex-direction: row
    }
    .otomatic-ai-app .lg\:items-center{
        align-items: center
    }
    .otomatic-ai-app .lg\:justify-end{
        justify-content: flex-end
    }
    .otomatic-ai-app .lg\:justify-between{
        justify-content: space-between
    }
    .otomatic-ai-app :is(.lg\:space-x-3 > :not([hidden]) ~ :not([hidden])){
        --tw-space-x-reverse: 0;
        margin-right: calc(0.75rem * var(--tw-space-x-reverse));
        margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
    }
    .otomatic-ai-app .lg\:overflow-hidden{
        overflow: hidden
    }
    .otomatic-ai-app .lg\:overflow-y-auto{
        overflow-y: auto
    }
    .otomatic-ai-app .lg\:overflow-y-hidden{
        overflow-y: hidden
    }
    .otomatic-ai-app .lg\:break-words{
        overflow-wrap: break-word
    }
    .otomatic-ai-app .lg\:break-keep{
        word-break: keep-all
    }
    .otomatic-ai-app .lg\:border-l{
        border-left-width: 1px
    }
    .otomatic-ai-app .lg\:border-r{
        border-right-width: 1px
    }
    .otomatic-ai-app .lg\:border-t-0{
        border-top-width: 0px
    }
    .otomatic-ai-app .lg\:p-8{
        padding: 2rem
    }
    .otomatic-ai-app .lg\:px-4{
        padding-left: 1rem;
        padding-right: 1rem
    }
    .otomatic-ai-app .lg\:px-8{
        padding-left: 2rem;
        padding-right: 2rem
    }
    .otomatic-ai-app .lg\:pl-4{
        padding-left: 1rem
    }
    .otomatic-ai-app .lg\:pl-8{
        padding-left: 2rem
    }
    .otomatic-ai-app .lg\:pr-4{
        padding-right: 1rem
    }
    .otomatic-ai-app .lg\:pr-8{
        padding-right: 2rem
    }
}
@media (min-width: 1280px){
    .otomatic-ai-app .xl\:fixed{
        position: fixed
    }
    .otomatic-ai-app .xl\:inset-y-0{
        top: 0px;
        bottom: 0px
    }
    .otomatic-ai-app .xl\:z-\[100000\]{
        z-index: 100000
    }
    .otomatic-ai-app .xl\:ml-6{
        margin-left: 1.5rem
    }
    .otomatic-ai-app .xl\:mt-0{
        margin-top: 0px
    }
    .otomatic-ai-app .xl\:block{
        display: block
    }
    .otomatic-ai-app .xl\:grid{
        display: grid
    }
    .otomatic-ai-app .xl\:hidden{
        display: none
    }
    .otomatic-ai-app .xl\:h-screen{
        height: 100vh
    }
    .otomatic-ai-app .xl\:min-h-screen{
        min-height: 100vh
    }
    .otomatic-ai-app .xl\:w-64{
        width: 16rem
    }
    .otomatic-ai-app .xl\:w-72{
        width: 18rem
    }
    .otomatic-ai-app .xl\:flex-none{
        flex: none
    }
    .otomatic-ai-app .xl\:grid-cols-1{
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
    .otomatic-ai-app .xl\:flex-row{
        flex-direction: row
    }
    .otomatic-ai-app .xl\:flex-col{
        flex-direction: column
    }
    .otomatic-ai-app .xl\:justify-start{
        justify-content: flex-start
    }
    .otomatic-ai-app :is(.xl\:space-y-1 > :not([hidden]) ~ :not([hidden])){
        --tw-space-y-reverse: 0;
        margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
    }
    .otomatic-ai-app .xl\:border-r{
        border-right-width: 1px
    }
    .otomatic-ai-app .xl\:border-t-0{
        border-top-width: 0px
    }
    .otomatic-ai-app .xl\:border-gray-300{
        --tw-border-opacity: 1;
        border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
    }
    .otomatic-ai-app .xl\:py-8{
        padding-top: 2rem;
        padding-bottom: 2rem
    }
    .otomatic-ai-app .xl\:pl-72{
        padding-left: 18rem
    }
}
@media (min-width: 1536px){
    .otomatic-ai-app .\32xl\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .otomatic-ai-app .\32xl\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .otomatic-ai-app .\32xl\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .otomatic-ai-app .\32xl\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .otomatic-ai-app .\32xl\:border-r{
        border-right-width: 1px
    }
}
.otomatic-ai-app :is(.dark\:divide-gray-700:where(.otomatic-ai-dark, .otomatic-ai-dark *) > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1))
}
.otomatic-ai-app :is(.dark\:divide-gray-800:where(.otomatic-ai-dark, .otomatic-ai-dark *) > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1))
}
.otomatic-ai-app :is(.dark\:divide-gray-900:where(.otomatic-ai-dark, .otomatic-ai-dark *) > :not([hidden]) ~ :not([hidden])){
    --tw-divide-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-200:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-400:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-500:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-600:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-700:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-800:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-gray-900:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(15 23 42 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:border-white\/10:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    border-color: rgb(255 255 255 / 0.1)
}
.otomatic-ai-app .dark\:bg-black\/50:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    background-color: rgb(0 0 0 / 0.5)
}
.otomatic-ai-app .dark\:bg-gray-200:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-400:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-500:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-600:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-700:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-800:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-900:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-gray-950:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:bg-white:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:fill-gray-700:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    fill: #334155
}
.otomatic-ai-app .dark\:text-gray-200:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-gray-400:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-gray-500:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-gray-600:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-gray-700:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-gray-900:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-white:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:text-yellow-500:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:ring-gray-400:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:ring-gray-500:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:ring-gray-600:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:ring-gray-700:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:ring-gray-800:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:ring-red-500:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:ring-white\/90:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-color: rgb(255 255 255 / 0.9)
}
.otomatic-ai-app .dark\:ring-offset-gray-950:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #020617
}
.otomatic-ai-app .dark\:placeholder\:text-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *)::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:placeholder\:text-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *)::placeholder{
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:placeholder\:text-gray-400:where(.otomatic-ai-dark, .otomatic-ai-dark *)::-moz-placeholder{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:placeholder\:text-gray-400:where(.otomatic-ai-dark, .otomatic-ai-dark *)::placeholder{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:focus-within\:ring-gray-400:focus-within:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-within\:ring-gray-500:focus-within:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-within\:ring-gray-600:focus-within:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-within\:ring-gray-700:focus-within:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-within\:ring-red-500:focus-within:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:border-gray-600:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:border-gray-700:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:border-white:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-gray-200:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-gray-600:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-gray-700:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-gray-800:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-gray-900:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-red-400:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:bg-yellow-400:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:text-gray-100:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:text-gray-200:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:text-gray-300:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:hover\:text-white:hover:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:dark\:text-gray-100:where(.otomatic-ai-dark, .otomatic-ai-dark *):hover{
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .hover\:dark\:text-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *):hover{
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:border-gray-400:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:border-gray-500:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:border-gray-600:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:border-gray-700:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:border-gray-800:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:ring-gray-400:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:ring-gray-500:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:ring-gray-600:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:ring-gray-700:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:ring-red-500:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus\:ring-offset-gray-700:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #334155
}
.otomatic-ai-app .dark\:focus\:ring-offset-gray-800:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #1e293b
}
.otomatic-ai-app .dark\:focus\:ring-offset-gray-900:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #0f172a
}
.otomatic-ai-app .dark\:focus\:ring-offset-gray-950:focus:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #020617
}
.otomatic-ai-app .dark\:focus-visible\:outline-gray-100:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    outline-color: #f1f5f9
}
.otomatic-ai-app .dark\:focus-visible\:outline-gray-700:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    outline-color: #334155
}
.otomatic-ai-app .dark\:focus-visible\:outline-gray-800:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    outline-color: #1e293b
}
.otomatic-ai-app .dark\:focus-visible\:outline-white:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    outline-color: #fff
}
.otomatic-ai-app .dark\:focus-visible\:ring-gray-600:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-visible\:ring-gray-700:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-visible\:ring-gray-800:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-visible\:ring-gray-900:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-visible\:ring-white:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))
}
.otomatic-ai-app .dark\:focus-visible\:ring-offset-gray-700:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #334155
}
.otomatic-ai-app .dark\:focus-visible\:ring-offset-gray-800:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #1e293b
}
.otomatic-ai-app .dark\:focus-visible\:ring-offset-gray-900:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #0f172a
}
.otomatic-ai-app .dark\:focus-visible\:ring-offset-gray-950:focus-visible:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-ring-offset-color: #020617
}
.otomatic-ai-app .dark\:disabled\:bg-gray-700:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:bg-gray-800:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:bg-gray-900:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:bg-gray-950:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:bg-white:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:text-gray-400:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:text-gray-500:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:text-gray-600:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:text-gray-700:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app .dark\:disabled\:opacity-50:disabled:where(.otomatic-ai-dark, .otomatic-ai-dark *){
    opacity: 0.5
}
.otomatic-ai-app :is(.group:hover .dark\:group-hover\:border-gray-600:where(.otomatic-ai-dark, .otomatic-ai-dark *)){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .dark\:group-hover\:bg-black\/30:where(.otomatic-ai-dark, .otomatic-ai-dark *)){
    background-color: rgb(0 0 0 / 0.3)
}
.otomatic-ai-app :is(.group:hover .dark\:group-hover\:bg-gray-300:where(.otomatic-ai-dark, .otomatic-ai-dark *)){
    --tw-bg-opacity: 1;
    background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .dark\:group-hover\:text-gray-200:where(.otomatic-ai-dark, .otomatic-ai-dark *)){
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}
.otomatic-ai-app :is(.group:hover .dark\:group-hover\:text-white:where(.otomatic-ai-dark, .otomatic-ai-dark *)){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
@media (min-width: 1280px){
    .otomatic-ai-app .xl\:dark\:border-gray-800:where(.otomatic-ai-dark, .otomatic-ai-dark *){
        --tw-border-opacity: 1;
        border-color: rgb(30 41 59 / var(--tw-border-opacity, 1))
    }
}
.otomatic-ai-app :is(.\[\&\>\[data-slot\=\'logs-group\'\]\]\:\!mb-3>[data-slot='logs-group']){
    margin-bottom: 0.75rem !important
}

/*# sourceMappingURL=otomatic-ai.css.map*/