@charset "UTF-8";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* apps/core/src/styles.scss */
.material-icons {
  font-family: "Material Icons", sans-serif !important;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("./media/roboto-v20-latin-ext_latin-regular-ZEDEYGV7.woff") format("woff2"),
    url("./media/roboto-v20-latin-ext_latin-regular-ZEDEYGV7.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url("./media/roboto-v20-latin-ext_latin-500-3YTQ4ANV.woff2") format("woff2"),
    url("./media/roboto-v20-latin-ext_latin-500-JTUAEB44.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url("./media/roboto-v20-latin-ext_latin-700-72Q4UJBL.woff2") format("woff2"),
    url("./media/roboto-v20-latin-ext_latin-700-YWMTYTLY.woff") format("woff");
}
@layer tailwind-base, primeng, tailwind-utilities;
@layer tailwind-base {
  *,
  ::before,
  ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
  ::before,
  ::after {
    --tw-content: "";
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input:where([type=button]),
  input:where([type=reset]),
  input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol,
  ul,
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  button,
  [role=button] {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none;
  }
  h1 {
    margin-bottom: 1rem;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 700;
  }
  h2 {
    margin-bottom: 0.75rem;
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: 600;
  }
  h3 {
    margin-bottom: 0.75rem;
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 600;
  }
  h4 {
    margin-bottom: 0.5rem;
    font-size: 1.75rem;
    line-height: 1.3;
    font-weight: 500;
  }
  h5 {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 500;
  }
  h6 {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 500;
  }
  p {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
  }
}
@layer tailwind-utilities {
  .\!container {
    width: 100% !important;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 0px) {
    .\!container {
      max-width: 0px !important;
    }
    .container {
      max-width: 0px;
    }
  }
  @media (min-width: 600px) {
    .\!container {
      max-width: 600px !important;
    }
    .container {
      max-width: 600px;
    }
  }
  @media (min-width: 960px) {
    .\!container {
      max-width: 960px !important;
    }
    .container {
      max-width: 960px;
    }
  }
  @media (min-width: 1280px) {
    .\!container {
      max-width: 1280px !important;
    }
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1920px) {
    .\!container {
      max-width: 1920px !important;
    }
    .container {
      max-width: 1920px;
    }
  }
  @media (min-width: 2560px) {
    .\!container {
      max-width: 2560px !important;
    }
    .container {
      max-width: 2560px;
    }
  }
  @media (min-width: only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)) {
    .\!container {
      max-width:
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2) !important;
    }
    .container {
      max-width:
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2);
    }
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .collapse {
    visibility: collapse;
  }
  .static {
    position: static;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .-left-6 {
    left: -1.5rem;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-1 {
    bottom: 0.25rem;
  }
  .bottom-2 {
    bottom: 0.5rem;
  }
  .bottom-5 {
    bottom: 1.25rem;
  }
  .left-0 {
    left: 0px;
  }
  .left-1 {
    left: 0.25rem;
  }
  .left-2 {
    left: 0.5rem;
  }
  .left-5 {
    left: 1.25rem;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-auto {
    left: auto;
  }
  .right-0 {
    right: 0px;
  }
  .right-1 {
    right: 0.25rem;
  }
  .right-2 {
    right: 0.5rem;
  }
  .right-4 {
    right: 1rem;
  }
  .right-5 {
    right: 1.25rem;
  }
  .right-\[-5px\] {
    right: -5px;
  }
  .right-\[10px\] {
    right: 10px;
  }
  .right-\[20px\] {
    right: 20px;
  }
  .right-\[60px\] {
    right: 60px;
  }
  .right-\[6px\] {
    right: 6px;
  }
  .top-0 {
    top: 0px;
  }
  .top-1 {
    top: 0.25rem;
  }
  .top-2 {
    top: 0.5rem;
  }
  .top-5 {
    top: 1.25rem;
  }
  .top-\[-5px\] {
    top: -5px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[110\%\] {
    top: 110%;
  }
  .top-\[25px\] {
    top: 25px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .isolate {
    isolation: isolate;
  }
  .\!z-10 {
    z-index: 10 !important;
  }
  .\!z-50 {
    z-index: 50 !important;
  }
  .z-10 {
    z-index: 10;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[101\] {
    z-index: 101;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .float-right {
    float: right;
  }
  .float-left {
    float: left;
  }
  .\!m-0 {
    margin: 0px !important;
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: 0.25rem;
  }
  .m-2 {
    margin: 0.5rem;
  }
  .m-3 {
    margin: 0.75rem;
  }
  .m-4 {
    margin: 1rem;
  }
  .m-5 {
    margin: 1.25rem;
  }
  .-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mx-\[-15px\] {
    margin-left: -15px;
    margin-right: -15px;
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-\[100px\] {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .my-\[20px\] {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .\!mb-0 {
    margin-bottom: 0px !important;
  }
  .\!mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .\!mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .\!mb-4 {
    margin-bottom: 1rem !important;
  }
  .\!mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .\!mr-3 {
    margin-right: 0.75rem !important;
  }
  .\!mt-0 {
    margin-top: 0px !important;
  }
  .-mt-20 {
    margin-top: -5rem;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-10 {
    margin-bottom: 2.5rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-3 {
    margin-bottom: 0.75rem;
  }
  .mb-4 {
    margin-bottom: 1rem;
  }
  .mb-5 {
    margin-bottom: 1.25rem;
  }
  .mb-6 {
    margin-bottom: 1.5rem;
  }
  .mb-7 {
    margin-bottom: 1.75rem;
  }
  .mb-8 {
    margin-bottom: 2rem;
  }
  .mb-\[40px\] {
    margin-bottom: 40px;
  }
  .mb-\[50px\] {
    margin-bottom: 50px;
  }
  .ml-1 {
    margin-left: 0.25rem;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-3 {
    margin-left: 0.75rem;
  }
  .ml-4 {
    margin-left: 1rem;
  }
  .ml-\[-10\%\] {
    margin-left: -10%;
  }
  .ml-\[-10px\] {
    margin-left: -10px;
  }
  .ml-\[-20px\] {
    margin-left: -20px;
  }
  .ml-\[-40px\] {
    margin-left: -40px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .mr-1 {
    margin-right: 0.25rem;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-3 {
    margin-right: 0.75rem;
  }
  .mr-4 {
    margin-right: 1rem;
  }
  .mr-8 {
    margin-right: 2rem;
  }
  .mr-\[10px\] {
    margin-right: 10px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-20 {
    margin-top: 5rem;
  }
  .mt-3 {
    margin-top: 0.75rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .mt-5 {
    margin-top: 1.25rem;
  }
  .mt-6 {
    margin-top: 1.5rem;
  }
  .mt-7 {
    margin-top: 1.75rem;
  }
  .mt-8 {
    margin-top: 2rem;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .box-border {
    box-sizing: border-box;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .inline {
    display: inline;
  }
  .\!flex {
    display: flex !important;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .grid {
    display: grid;
  }
  .\!contents {
    display: contents !important;
  }
  .contents {
    display: contents;
  }
  .hidden {
    display: none;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1/1;
  }
  .aspect-\[1\/2\] {
    aspect-ratio: 1/2;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  .aspect-\[4\/1\] {
    aspect-ratio: 4/1;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: 16 / 9;
  }
  .\!size-\[36px\] {
    width: 36px !important;
    height: 36px !important;
  }
  .size-1 {
    width: 0.25rem;
    height: 0.25rem;
  }
  .size-10 {
    width: 2.5rem;
    height: 2.5rem;
  }
  .size-12 {
    width: 3rem;
    height: 3rem;
  }
  .size-16 {
    width: 4rem;
    height: 4rem;
  }
  .size-2 {
    width: 0.5rem;
    height: 0.5rem;
  }
  .size-20 {
    width: 5rem;
    height: 5rem;
  }
  .size-24 {
    width: 6rem;
    height: 6rem;
  }
  .size-3 {
    width: 0.75rem;
    height: 0.75rem;
  }
  .size-32 {
    width: 8rem;
    height: 8rem;
  }
  .size-4 {
    width: 1rem;
    height: 1rem;
  }
  .size-6 {
    width: 1.5rem;
    height: 1.5rem;
  }
  .size-\[3rem\] {
    width: 3rem;
    height: 3rem;
  }
  .\!h-60 {
    height: 15rem !important;
  }
  .\!h-\[10rem\] {
    height: 10rem !important;
  }
  .\!h-\[50px\] {
    height: 50px !important;
  }
  .\!h-\[calc\(100dvh-var\(--layout-header-height\)-var\(--chat-gap\)\)\] {
    height: calc(100dvh - var(--layout-header-height) - var(--chat-gap)) !important;
  }
  .\!h-\[calc\(100dvh-var\(--layout-header-height\)-var\(--chat-gap\)-80px\)\] {
    height: calc(100dvh - var(--layout-header-height) - var(--chat-gap) - 80px) !important;
  }
  .\!h-\[calc\(600px-26px\)\] {
    height: calc(600px - 26px) !important;
  }
  .\!h-\[calc\(600px-var\(--chat-gap\)\)\] {
    height: calc(600px - var(--chat-gap)) !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-10 {
    height: 2.5rem;
  }
  .h-12 {
    height: 3rem;
  }
  .h-14 {
    height: 3.5rem;
  }
  .h-16 {
    height: 4rem;
  }
  .h-20 {
    height: 5rem;
  }
  .h-24 {
    height: 6rem;
  }
  .h-32 {
    height: 8rem;
  }
  .h-36 {
    height: 9rem;
  }
  .h-4 {
    height: 1rem;
  }
  .h-40 {
    height: 10rem;
  }
  .h-48 {
    height: 12rem;
  }
  .h-52 {
    height: 13rem;
  }
  .h-6 {
    height: 1.5rem;
  }
  .h-60 {
    height: 15rem;
  }
  .h-8 {
    height: 2rem;
  }
  .h-80 {
    height: 20rem;
  }
  .h-96 {
    height: 24rem;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[60\%\] {
    height: 60%;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[80\%\] {
    height: 80%;
  }
  .h-\[calc\(100dvh-var\(--layout-header-height\)\)\] {
    height: calc(100dvh - var(--layout-header-height));
  }
  .h-\[calc\(100dvh-var\(--layout-header-height\)-100px\)\] {
    height: calc(100dvh - var(--layout-header-height) - 100px);
  }
  .h-\[calc\(100dvh-var\(--layout-header-height\)-200px\)\] {
    height: calc(100dvh - var(--layout-header-height) - 200px);
  }
  .h-\[calc\(100dvh-var\(--layout-header-height\)-var\(--page-header-height\)\)\] {
    height: calc(100dvh - var(--layout-header-height) - var(--page-header-height));
  }
  .h-\[calc\(100dvh-var\(--layout-header-height\)-var\(--page-header-height\)-var\(--drive-header-height\)\)\] {
    height: calc(100dvh - var(--layout-header-height) - var(--page-header-height) - var(--drive-header-height));
  }
  .h-\[calc\(100dvh-var\(--layout-header-height\)-var\(--page-header-height\)-var\(--drive-header-height\)-var\(--folders-header-height\)\)\] {
    height: calc(100dvh - var(--layout-header-height) - var(--page-header-height) - var(--drive-header-height) - var(--folders-header-height));
  }
  .h-\[calc\(100vh-26rem\)\] {
    height: calc(100vh - 26rem);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .\!max-h-\[80vh\] {
    max-height: 80vh !important;
  }
  .max-h-96 {
    max-height: 24rem;
  }
  .max-h-\[100px\] {
    max-height: 100px;
  }
  .max-h-\[290px\] {
    max-height: 290px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[calc\(95dvh-var\(--layout-header-height\)\)\] {
    max-height: calc(95dvh - var(--layout-header-height));
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-\[1em\] {
    min-height: 1em;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[60dvh\] {
    min-height: 60dvh;
  }
  .min-h-\[9rem\] {
    min-height: 9rem;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-4\/5 {
    width: 80% !important;
  }
  .\!w-80 {
    width: 20rem !important;
  }
  .\!w-\[50px\] {
    width: 50px !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/5 {
    width: 20%;
  }
  .w-10 {
    width: 2.5rem;
  }
  .w-12 {
    width: 3rem;
  }
  .w-16 {
    width: 4rem;
  }
  .w-2\/3 {
    width: 66.666667%;
  }
  .w-20 {
    width: 5rem;
  }
  .w-24 {
    width: 6rem;
  }
  .w-36 {
    width: 9rem;
  }
  .w-4 {
    width: 1rem;
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-40 {
    width: 10rem;
  }
  .w-5 {
    width: 1.25rem;
  }
  .w-52 {
    width: 13rem;
  }
  .w-6 {
    width: 1.5rem;
  }
  .w-60 {
    width: 15rem;
  }
  .w-64 {
    width: 16rem;
  }
  .w-7 {
    width: 1.75rem;
  }
  .w-8 {
    width: 2rem;
  }
  .w-80 {
    width: 20rem;
  }
  .w-96 {
    width: 24rem;
  }
  .w-\[100vw\] {
    width: 100vw;
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[25rem\] {
    width: 25rem;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[500px\] {
    width: 500px;
  }
  .w-\[60cqw\] {
    width: 60cqw;
  }
  .w-\[75\%\] {
    width: 75%;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[250px\] {
    min-width: 250px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[350px\] {
    min-width: 350px;
  }
  .min-w-\[80\%\] {
    min-width: 80%;
  }
  .min-w-\[85\%\] {
    min-width: 85%;
  }
  .min-w-\[900px\] {
    min-width: 900px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .\!max-w-\[600px\] {
    max-width: 600px !important;
  }
  .max-w-32 {
    max-width: 8rem;
  }
  .max-w-64 {
    max-width: 16rem;
  }
  .max-w-96 {
    max-width: 24rem;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[1920px\] {
    max-width: 1920px;
  }
  .max-w-\[20\%\] {
    max-width: 20%;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[44rem\] {
    max-width: 44rem;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[750px\] {
    max-width: 750px;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: 28rem;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen-xl {
    max-width: 1920px;
  }
  .max-w-xs {
    max-width: 20rem;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .flex-\[3\] {
    flex: 3;
  }
  .flex-\[4\] {
    flex: 4;
  }
  .flex-auto {
    flex: 1 1 auto;
  }
  .flex-initial {
    flex: 0 1 auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .grow-\[1\] {
    flex-grow: 1;
  }
  .basis-\[40rem\] {
    flex-basis: 40rem;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-auto {
    table-layout: auto;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-y-\[-50\%\] {
    --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));
  }
  .scale-\[0\.85\] {
    --tw-scale-x: 0.85;
    --tw-scale-y: 0.85;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-\[0\.8\] {
    --tw-scale-x: 0.8;
    --tw-scale-y: 0.8;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-x-\[-1\] {
    --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));
  }
  .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 flipleft {
    from {
      transform: perspective(2000px) rotateY(-100deg);
      opacity: 0;
    }
    to {
      transform: perspective(2000px) rotateY(0);
      opacity: 1;
    }
  }
  .animate-flipleft {
    animation: flipleft 0.15s linear;
  }
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }
  .animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  .\!cursor-default {
    cursor: default !important;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .resize-none {
    resize: none;
  }
  .resize {
    resize: both;
  }
  .snap-none {
    scroll-snap-type: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-always {
    scroll-snap-stop: always;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-2xs {
    columns: 18rem;
  }
  .columns-3xs {
    columns: 16rem;
  }
  .columns-\[240px\] {
    columns: 240px;
  }
  .columns-sm {
    columns: 24rem;
  }
  .columns-xs {
    columns: 20rem;
  }
  .\!grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .content-center {
    align-content: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\!justify-start {
    justify-content: flex-start !important;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .\!justify-between {
    justify-content: space-between !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-5 {
    gap: 1.25rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[3rem\] {
    gap: 3rem;
  }
  .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  .space-y-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));
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .\!whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .\!rounded-full {
    border-radius: 9999px !important;
  }
  .\!rounded-none {
    border-radius: 0px !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: 1rem;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .rounded-lg {
    border-radius: 0.5rem;
  }
  .rounded-md {
    border-radius: 0.375rem;
  }
  .rounded-xl {
    border-radius: 0.75rem;
  }
  .\!rounded-e-lg {
    border-start-end-radius: 0.5rem !important;
    border-end-end-radius: 0.5rem !important;
  }
  .\!rounded-s-none {
    border-start-start-radius: 0px !important;
    border-end-start-radius: 0px !important;
  }
  .rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
  .rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }
  .\!border-0 {
    border-width: 0px !important;
  }
  .border {
    border-width: 1px;
  }
  .border-0 {
    border-width: 0px;
  }
  .border-2 {
    border-width: 2px;
  }
  .border-4 {
    border-width: 4px;
  }
  .border-b {
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-width: 1px;
  }
  .border-l-4 {
    border-left-width: 4px;
  }
  .border-r {
    border-right-width: 1px;
  }
  .border-t {
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-width: 2px;
  }
  .border-solid {
    border-style: solid;
  }
  .border-dashed {
    border-style: dashed;
  }
  .\!border-none {
    border-style: none !important;
  }
  .border-none {
    border-style: none;
  }
  .\!border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 133 198 / var(--tw-border-opacity, 1)) !important;
  }
  .\!border-teal-500 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(20 184 166 / var(--tw-border-opacity, 1)) !important;
  }
  .border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
  }
  .border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
  .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }
  .border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
  }
  .border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
  }
  .border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(0 133 198 / var(--tw-border-opacity, 1));
  }
  .border-primary-500 {
    --tw-border-opacity: 1;
    border-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-border-opacity, 1)), transparent);
  }
  .border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  }
  .border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
  }
  .border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
  }
  .border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  .\!bg-black {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
  }
  .\!bg-red-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
  }
  .\!bg-teal-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1)) !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .bg-\[\#00a6f4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 166 244 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#067bbc\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 123 188 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#0a0b09\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 11 9 / var(--tw-bg-opacity, 1));
  }
  .bg-\[\#69a8bf\] {
    --tw-bg-opacity: 1;
    background-color: rgb(105 168 191 / var(--tw-bg-opacity, 1));
  }
  .bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }
  .bg-black\/10 {
    background-color: rgb(0 0 0 / 0.1);
  }
  .bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  }
  .bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  }
  .bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  }
  .bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  }
  .bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
  }
  .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }
  .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
  }
  .bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  }
  .bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
  .bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
  }
  .bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
  }
  .bg-orange-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
  }
  .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 133 198 / var(--tw-bg-opacity, 1));
  }
  .bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
  }
  .bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
  }
  .bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  }
  .bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  }
  .bg-red-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
  }
  .bg-rose-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
  }
  .bg-teal-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 184 166 / var(--tw-bg-opacity, 1));
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
  }
  .bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
  }
  .bg-yellow-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
  }
  .bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
  }
  .from-cyan-500 {
    --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .to-blue-500 {
    --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
  }
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: 0px !important;
  }
  .\!p-3 {
    padding: 0.75rem !important;
  }
  .\!p-4 {
    padding: 1rem !important;
  }
  .\!p-5 {
    padding: 1.25rem !important;
  }
  .p-0 {
    padding: 0px;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 0.75rem;
  }
  .p-4 {
    padding: 1rem;
  }
  .p-5 {
    padding: 1.25rem;
  }
  .p-6 {
    padding: 1.5rem;
  }
  .p-8 {
    padding: 2rem;
  }
  .\!px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .\!px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .\!px-\[12px\] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .\!py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .\!py-\[4px\] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .px-\[1px\] {
    padding-left: 1px;
    padding-right: 1px;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .\!pb-4 {
    padding-bottom: 1rem !important;
  }
  .\!pl-12 {
    padding-left: 3rem !important;
  }
  .\!pl-24 {
    padding-left: 6rem !important;
  }
  .\!pl-36 {
    padding-left: 9rem !important;
  }
  .\!pl-48 {
    padding-left: 12rem !important;
  }
  .\!pl-60 {
    padding-left: 15rem !important;
  }
  .\!pl-72 {
    padding-left: 18rem !important;
  }
  .\!pl-96 {
    padding-left: 24rem !important;
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-1 {
    padding-bottom: 0.25rem;
  }
  .pb-10 {
    padding-bottom: 2.5rem;
  }
  .pb-16 {
    padding-bottom: 4rem;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-3 {
    padding-bottom: 0.75rem;
  }
  .pb-4 {
    padding-bottom: 1rem;
  }
  .pb-5 {
    padding-bottom: 1.25rem;
  }
  .pb-6 {
    padding-bottom: 1.5rem;
  }
  .pb-7 {
    padding-bottom: 1.75rem;
  }
  .pb-8 {
    padding-bottom: 2rem;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pl-1 {
    padding-left: 0.25rem;
  }
  .pl-2 {
    padding-left: 0.5rem;
  }
  .pl-3 {
    padding-left: 0.75rem;
  }
  .pl-4 {
    padding-left: 1rem;
  }
  .pl-5 {
    padding-left: 1.25rem;
  }
  .pl-6 {
    padding-left: 1.5rem;
  }
  .pl-8 {
    padding-left: 2rem;
  }
  .pl-\[60px\] {
    padding-left: 60px;
  }
  .pr-1 {
    padding-right: 0.25rem;
  }
  .pr-10 {
    padding-right: 2.5rem;
  }
  .pr-2 {
    padding-right: 0.5rem;
  }
  .pr-3 {
    padding-right: 0.75rem;
  }
  .pr-4 {
    padding-right: 1rem;
  }
  .pr-5 {
    padding-right: 1.25rem;
  }
  .pr-8 {
    padding-right: 2rem;
  }
  .pr-\[80px\] {
    padding-right: 80px;
  }
  .pt-1 {
    padding-top: 0.25rem;
  }
  .pt-10 {
    padding-top: 2.5rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-3 {
    padding-top: 0.75rem;
  }
  .pt-4 {
    padding-top: 1rem;
  }
  .pt-5 {
    padding-top: 1.25rem;
  }
  .pt-6 {
    padding-top: 1.5rem;
  }
  .pt-7 {
    padding-top: 1.75rem;
  }
  .pt-8 {
    padding-top: 2rem;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .text-left {
    text-align: left;
  }
  .\!text-center {
    text-align: center !important;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-end {
    text-align: end;
  }
  .indent-\[-9999px\] {
    text-indent: -9999px;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-sub {
    vertical-align: sub;
  }
  .align-super {
    vertical-align: super;
  }
  .font-mono {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
  }
  .\!text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .\!text-5xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .\!text-\[0\.9rem\] {
    font-size: 0.9rem !important;
  }
  .\!text-\[36px\] {
    font-size: 36px !important;
  }
  .\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .\!text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .\!text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }
  .text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-h1 {
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 700;
  }
  .text-h2 {
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: 600;
  }
  .text-h3 {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 600;
  }
  .text-h4 {
    font-size: 1.75rem;
    line-height: 1.3;
    font-weight: 500;
  }
  .text-h5 {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 500;
  }
  .text-h6 {
    font-size: 1.25rem;
    line-height: 1.3;
    font-weight: 500;
  }
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .text-p {
    font-size: 1rem;
    line-height: 1.7;
    font-weight: 400;
  }
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .\!font-bold {
    font-weight: 700 !important;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-extrabold {
    font-weight: 800;
  }
  .font-light {
    font-weight: 300;
  }
  .font-medium {
    font-weight: 500;
  }
  .font-normal {
    font-weight: 400;
  }
  .font-semibold {
    font-weight: 600;
  }
  .\!uppercase {
    text-transform: uppercase !important;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .\!leading-\[1\.8em\] {
    line-height: 1.8em !important;
  }
  .\!leading-\[1em\] {
    line-height: 1em !important;
  }
  .\!leading-\[2\.2em\] {
    line-height: 2.2em !important;
  }
  .\!leading-\[2em\] {
    line-height: 2em !important;
  }
  .leading-3 {
    line-height: .75rem;
  }
  .leading-5 {
    line-height: 1.25rem;
  }
  .leading-6 {
    line-height: 1.5rem;
  }
  .leading-7 {
    line-height: 1.75rem;
  }
  .leading-relaxed {
    line-height: 1.625;
  }
  .leading-tight {
    line-height: 1.25;
  }
  .tracking-tight {
    letter-spacing: -0.025em;
  }
  .\!text-gray-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1)) !important;
  }
  .\!text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(0 133 198 / var(--tw-text-opacity, 1)) !important;
  }
  .\!text-red-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
  }
  .\!text-teal-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(20 184 166 / var(--tw-text-opacity, 1)) !important;
  }
  .\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
  .\!text-yellow-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1)) !important;
  }
  .\!text-yellow-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1)) !important;
  }
  .text-blue-200 {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
  }
  .text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
  .text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
  }
  .text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
  .text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
  .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
  .text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
  .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
  .text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
  .text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
  .text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
  }
  .text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity, 1));
  }
  .text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1));
  }
  .text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
  }
  .text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(154 52 18 / var(--tw-text-opacity, 1));
  }
  .text-primary {
    --tw-text-opacity: 1;
    color: rgb(0 133 198 / var(--tw-text-opacity, 1));
  }
  .text-primary-500 {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .text-primary-contrast {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-contrast-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
  }
  .text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity, 1));
  }
  .text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
  }
  .text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
  }
  .text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }
  .text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }
  .text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72 / var(--tw-text-opacity, 1));
  }
  .text-teal-300 {
    --tw-text-opacity: 1;
    color: rgb(94 234 212 / var(--tw-text-opacity, 1));
  }
  .text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166 / var(--tw-text-opacity, 1));
  }
  .text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(13 148 136 / var(--tw-text-opacity, 1));
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
  .text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1));
  }
  .underline {
    text-decoration-line: underline;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .\!opacity-100 {
    opacity: 1 !important;
  }
  .\!opacity-95 {
    opacity: 0.95 !important;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .mix-blend-difference {
    mix-blend-mode: difference;
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
  .shadow-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);
  }
  .\!outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .outline {
    outline-style: solid;
  }
  .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  }
  .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);
  }
  .blur-\[200px\] {
    --tw-blur: blur(200px);
    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);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    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);
  }
  .invert {
    --tw-invert: invert(100%);
    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);
  }
  .\!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) !important;
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke,
      opacity,
      box-shadow,
      transform,
      filter,
      backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      text-decoration-color,
      fill,
      stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  .duration-200 {
    transition-duration: 200ms;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .animate-duration-500 {
    animation-duration: 500ms;
  }
  .border-surface {
    border-color: var(--p-content-border-color);
  }
  .\!text-color {
    color: var(--p-text-color) !important;
  }
  .text-color {
    color: var(--p-text-color);
  }
  @keyframes enter {
    from {
      opacity: var(--p-enter-opacity, 1);
      transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
    }
  }
  @keyframes leave {
    to {
      opacity: var(--p-leave-opacity, 1);
      transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
    }
  }
}
:root body .cc-window.cc-floating {
  background-color: white !important;
  color: black !important;
}
:root body .cc-window.cc-floating .cc-message {
  color: black !important;
}
:root body .cc-window.cc-floating .cc-link {
  color: black !important;
}
:root body .cc-window.cc-floating .cc-compliance .cc-btn {
  background-color: #ffc107 !important;
  color: black !important;
}
html.app-dark-theme body .cc-window.cc-floating {
  background-color: black !important;
  color: white !important;
}
html.app-dark-theme body .cc-window.cc-floating .cc-message {
  color: white !important;
}
html.app-dark-theme body .cc-window.cc-floating .cc-link {
  color: white !important;
}
html.app-dark-theme body .cc-window.cc-floating .cc-compliance .cc-btn {
  background-color: #ffc107 !important;
  color: black !important;
}
.placeholder\:text-xs::placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
}
.hover\:border-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 198 / var(--tw-border-opacity, 1));
}
.hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 198 / var(--tw-bg-opacity, 1));
}
.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-500:hover {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 198 / var(--tw-text-opacity, 1));
}
.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:opacity-60:hover {
  opacity: 0.6;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:shadow-lg:hover {
  --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);
}
.hover\:shadow-xl:hover {
  --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);
}
.hover\:text-color:hover {
  color: var(--p-text-color);
}
@media (min-width: 600px) {
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
  .sm\:mb-8 {
    margin-bottom: 2rem;
  }
  .sm\:ml-0 {
    margin-left: 0px;
  }
  .sm\:ml-\[-20px\] {
    margin-left: -20px;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem;
  }
  .sm\:mr-\[-20px\] {
    margin-right: -20px;
  }
  .sm\:mt-\[20px\] {
    margin-top: 20px;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .sm\:h-\[300px\] {
    height: 300px;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:w-1\/2 {
    width: 50%;
  }
  .sm\:w-40 {
    width: 10rem;
  }
  .sm\:w-60 {
    width: 15rem;
  }
  .sm\:w-96 {
    width: 24rem;
  }
  .sm\:w-\[100cqw\] {
    width: 100cqw;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:flex-initial {
    flex: 0 1 auto;
  }
  .sm\:flex-none {
    flex: none;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\: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));
  }
  .sm\:border-r {
    border-right-width: 1px;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }
  .sm\:pr-4 {
    padding-right: 1rem;
  }
  .sm\:pt-0 {
    padding-top: 0px;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .sm\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 960px) {
  .md\:sticky {
    position: sticky;
  }
  .md\:right-\[30px\] {
    right: 30px;
  }
  .md\:top-\[30px\] {
    top: 30px;
  }
  .md\:order-1 {
    order: 1;
  }
  .md\:order-2 {
    order: 2;
  }
  .md\:order-3 {
    order: 3;
  }
  .md\:order-4 {
    order: 4;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:m-2 {
    margin: 0.5rem;
  }
  .md\:m-4 {
    margin: 1rem;
  }
  .md\:m-5 {
    margin: 1.25rem;
  }
  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:mb-0 {
    margin-bottom: 0px;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }
  .md\:mb-4 {
    margin-bottom: 1rem;
  }
  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .md\:mb-\[-44px\] {
    margin-bottom: -44px;
  }
  .md\:mr-\[80px\] {
    margin-right: 80px;
  }
  .md\:mt-0 {
    margin-top: 0px;
  }
  .md\:block {
    display: block;
  }
  .md\:inline-block {
    display: inline-block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:inline-flex {
    display: inline-flex;
  }
  .md\:grid {
    display: grid;
  }
  .md\:hidden {
    display: none;
  }
  .md\:aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .md\:h-10 {
    height: 2.5rem;
  }
  .md\:h-12 {
    height: 3rem;
  }
  .md\:h-\[400px\] {
    height: 400px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.333333%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-2\/3 {
    width: 66.666667%;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-5\/6 {
    width: 83.333333%;
  }
  .md\:w-80 {
    width: 20rem;
  }
  .md\:w-96 {
    width: 24rem;
  }
  .md\:w-\[50cqw\] {
    width: 50cqw;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:min-w-\[300px\] {
    min-width: 300px;
  }
  .md\:min-w-\[400px\] {
    min-width: 400px;
  }
  .md\:min-w-\[auto\] {
    min-width: auto;
  }
  .md\:\!max-w-\[50\%\] {
    max-width: 50% !important;
  }
  .md\:max-w-\[260px\] {
    max-width: 260px;
  }
  .md\:max-w-\[320px\] {
    max-width: 320px;
  }
  .md\:max-w-\[340px\] {
    max-width: 340px;
  }
  .md\:flex-1 {
    flex: 1 1 0%;
  }
  .md\:flex-initial {
    flex: 0 1 auto;
  }
  .md\:basis-0 {
    flex-basis: 0px;
  }
  .md\:columns-3 {
    columns: 3;
  }
  .md\:columns-4 {
    columns: 4;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:items-end {
    align-items: flex-end;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:justify-end {
    justify-content: flex-end;
  }
  .md\:justify-center {
    justify-content: center;
  }
  .md\:justify-between {
    justify-content: space-between;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\: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));
  }
  .md\:whitespace-normal {
    white-space: normal;
  }
  .md\:p-3 {
    padding: 0.75rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-5 {
    padding: 1.25rem;
  }
  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md\:pl-5 {
    padding-left: 1.25rem;
  }
  .md\:pr-2 {
    padding-right: 0.5rem;
  }
  .md\:pr-\[50px\] {
    padding-right: 50px;
  }
  .md\:pt-7 {
    padding-top: 1.75rem;
  }
  .md\:text-left {
    text-align: left;
  }
  .md\:text-start {
    text-align: start;
  }
  .md\:text-end {
    text-align: end;
  }
  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1280px) {
  .lg\:order-1 {
    order: 1;
  }
  .lg\:order-2 {
    order: 2;
  }
  .lg\:m-6 {
    margin: 1.5rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0px;
  }
  .lg\:mb-12 {
    margin-bottom: 3rem;
  }
  .lg\:mt-0 {
    margin-top: 0px;
  }
  .lg\:block {
    display: block;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-10 {
    height: 2.5rem;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:w-1\/12 {
    width: 8.333333%;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-2\/3 {
    width: 66.666667%;
  }
  .lg\:w-20 {
    width: 5rem;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-5\/12 {
    width: 41.666667%;
  }
  .lg\:w-6 {
    width: 1.5rem;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:\!min-w-\[600px\] {
    min-width: 600px !important;
  }
  .lg\:\!max-w-\[30\%\] {
    max-width: 30% !important;
  }
  .lg\:flex-1 {
    flex: 1 1 0%;
  }
  .lg\:flex-\[2\] {
    flex: 2;
  }
  .lg\:flex-initial {
    flex: 0 1 auto;
  }
  .lg\:columns-4 {
    columns: 4;
  }
  .lg\:columns-5 {
    columns: 5;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-center {
    justify-content: center;
  }
  .lg\:gap-12 {
    gap: 3rem;
  }
  .lg\:p-6 {
    padding: 1.5rem;
  }
  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .lg\:pl-10 {
    padding-left: 2.5rem;
  }
  .lg\:pr-10 {
    padding-right: 2.5rem;
  }
  .lg\:pr-8 {
    padding-right: 2rem;
  }
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg\:placeholder\:text-base::placeholder {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1920px) {
  .xl\:w-1\/5 {
    width: 20%;
  }
  .xl\:w-auto {
    width: auto;
  }
  .xl\:min-w-\[500px\] {
    min-width: 500px;
  }
  .xl\:columns-5 {
    columns: 5;
  }
  .xl\:columns-6 {
    columns: 6;
  }
  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 2560px) {
  .\32xl\:columns-6 {
    columns: 6;
  }
  .\32xl\:columns-7 {
    columns: 7;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:block:not(.light *) {
    display: block;
  }
  .dark\:hidden:not(.light *) {
    display: none;
  }
  .dark\:border-gray-700:not(.light *) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
  .dark\:bg-gray-800:not(.light *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-gray-900:not(.light *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }
  .dark\:bg-surface-950:not(.light *) {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)), transparent);
  }
  .dark\:bg-zinc-800:not(.light *) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }
  .dark\:text-blue-400:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-200:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-300:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  }
  .dark\:text-gray-400:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }
  .dark\:text-indigo-400:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(129 140 248 / var(--tw-text-opacity, 1));
  }
  .dark\:text-white:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  .dark\:shadow-gray-700\/50:not(.light *) {
    --tw-shadow-color: rgb(55 65 81 / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .dark\:hover\:bg-gray-700:hover:not(.light *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
  }
  .dark\:hover\:text-blue-300:hover:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
  }
  .dark\:hover\:text-blue-400:hover:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
  }
  .dark\:hover\:text-indigo-300:hover:not(.light *) {
    --tw-text-opacity: 1;
    color: rgb(165 180 252 / var(--tw-text-opacity, 1));
  }
  .hover\:dark\:text-gray-600:not(.light *):hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
}
.dark\:block:is(.app-dark-theme *) {
  display: block;
}
.dark\:hidden:is(.app-dark-theme *) {
  display: none;
}
.dark\:border-gray-700:is(.app-dark-theme *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:bg-gray-800:is(.app-dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-900:is(.app-dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-surface-950:is(.app-dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: color-mix(in srgb, var(--p-surface-950) calc(100% * var(--tw-bg-opacity, 1)), transparent);
}
.dark\:bg-zinc-800:is(.app-dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.dark\:text-blue-400:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-400:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:shadow-gray-700\/50:is(.app-dark-theme *) {
  --tw-shadow-color: rgb(55 65 81 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:hover\:bg-gray-700:hover:is(.app-dark-theme *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:text-blue-300:hover:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-400:hover:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-indigo-300:hover:is(.app-dark-theme *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.hover\:dark\:text-gray-600:is(.app-dark-theme *):hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

/* libs/shared/features/layout/layout/src/styles/settings.scss */
:root {
  --primary-color: #00a6f4;
  --secondary-color: #0069a8;
  --bg-blue-transparent: rgba(0, 133, 198, 0.1);
}
html {
  background-color: var(--bg-color);
  --gradient-start: rgba(var(--bg-color-rgb), 1);
  --gradient-end: rgba(var(--bg-color-rgb), 0);
}
html * {
  scrollbar-width: none;
  scrollbar-color: var(--button-secondary-bg-color) transparent;
}
html:not(.app-dark-theme) {
  --bg-color: #eff2f5;
  --bg-color-rgb:
    244,
    244,
    244;
  --surface-color: #ffffff;
  --surface-color-rgb:
    255,
    255,
    255;
  --text-color: #2e2e2e;
  --secondary-text-color: #575757;
  --button-bg-color: #d1d5db;
  --button-secondary-bg-color: #d1d5db;
  --box-bg-color: #fff;
  --box-secondary-bg-color: #ddd;
  --box-highlighted: rgba(0, 0, 0, 0.05);
  --box-darker: rgba(0, 133, 198, 0.1);
}
html.app-dark-theme {
  --bg-color: #09090b;
  --bg-color-rgb:
    10,
    11,
    9;
  --surface-color: #111111;
  --surface-color-rgb:
    17,
    17,
    17;
  --text-color: #ffffff;
  --secondary-text-color: #bababa;
  --button-bg-color: #302e2e;
  --button-secondary-bg-color: #2d2d2d;
  --box-bg-color: #1f1f1f;
  --box-secondary-bg-color: #333;
  --box-highlighted: rgba(255, 255, 255, 0.05);
  --box-darker: rgba(0, 133, 198, 0.05);
}
html .dark\:text-white:not(.app-dark-theme *) {
  color: var(--text-color);
}
html .dark\:bg-dark-box-bg:not(.app-dark-theme *) {
  background-color: var(--box-bg-color);
}
body {
  font-family: "Montserrat", sans-serif;
  color: var(--text-color);
  scroll-behavior: smooth;
  overflow: hidden;
  height: 100dvh;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dark\:bg-gray-900:is(.app-dark-theme *) {
  background-color: var(--box-bg-color);
  color: var(--secondary-text-color);
}
a:not(.no-hover):hover {
  color: var(--primary-color);
}
a:not(.no-hover):hover * {
  color: var(--primary-color);
  opacity: 1 !important;
}
video,
canvas,
audio,
iframe,
embed,
object {
  max-width: 100%;
}
.text-primary,
.\!text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(0, 166, 244, var(--tw-text-opacity, 1)) !important;
}
.text-primary .hover\:text-primary:hover,
.\!text-primary .hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(0, 166, 244, var(--tw-text-opacity, 1));
}
.box-bg {
  background-color: var(--box-bg-color);
}
.bg-blue-transparent {
  background-color: var(--bg-blue-transparent);
}
.bg-highlighted {
  background-color: var(--box-highlighted);
}
.bg-darker {
  background-color: var(--box-darker);
}
.border-primary {
  border-color: var(--primary-color);
}
.app-dark-theme .img-dark {
  -webkit-filter: grayscale(100%) invert(1);
  filter: grayscale(100%) invert(1);
}
.p-button {
  font-weight: bold;
  border-radius: 8px !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  cursor: pointer;
}
.p-button:hover {
  opacity: 0.8;
  border-radius: 50px !important;
}
.p-button:not(:disabled):hover {
  --p-button-primary-hover-color: #fff;
}
.p-button:focus-visible {
  outline: none !important;
}
.p-button > .mat-icon {
  --size: 1.25rem;
  font-size: var(--size) !important;
  width: var(--size) !important;
  height: var(--size) !important;
  display: flex !important;
}
.p-button.p-button-secondary,
.p-buttonset.p-button-secondary > .p-button,
.p-splitbutton.p-button-secondary > .p-button {
  background: var(--button-secondary-bg-color) !important;
  border-color: var(--button-secondary-bg-color) !important;
  color: var(--text-color) !important;
}
.p-button.p-button-secondary.p-dialog-close-button,
.p-drawer-close-button .p-button {
  background: transparent !important;
  border: none !important;
  color: var(--secondary-text-color) !important;
}
.p-splitbutton-button.p-button {
  border-start-end-radius: 0 !important;
  border-end-end-radius: 0 !important;
  border-right: 0 none !important;
}
.p-splitbutton-dropdown.p-button {
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
}
.p-menu-submenu-label {
  color: inherit !important;
}
.p-button-link {
  color: var(--text-color) !important;
}
.p-drawer {
  border: none !important;
}
.header-search,
.header-lang-selector {
  background-color: var(--surface-color);
  color: var(--secondary-text-color);
  position: relative;
}
.header-button .p-button.p-button-secondary {
  background: var(--surface-color) !important;
  color: var(--secondary-text-color) !important;
  border-radius: 50px !important;
  border: none !important;
  opacity: 100% !important;
  padding: 0.7rem 1.45rem !important;
}
.p-paginator {
  background: transparent !important;
}
.p-paginator-page.p-paginator-page-selected {
  background: var(--primary-color) !important;
}
.text-blue-400,
.text-blue-500 {
  color: var(--primary-color);
}
.bg-blue-500 {
  background: var(--primary-color);
}
.border-blue-500 {
  border-color: var(--primary-color);
}
.hover\:bg-blue-500:hover {
  background-color: var(--primary-color);
  color: #fff !important;
}
.border-gray {
  border-color: var(--button-bg-color);
}
.imageresponsive {
  max-width: 100%;
  height: auto;
}
.p-calendar-w-btn .p-datepicker-trigger.p-button {
  background-color: transparent;
  border: 0 none;
  color: #0095ff !important;
}
.p-menu {
  max-width: 20rem;
  max-height: 50dvh;
  overflow-y: auto;
  scrollbar-width: thin !important;
}
.p-menu ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: thin !important;
}
.p-menu .p-submenu-header {
  margin: 0;
  padding: 0.1rem !important;
  margin-left: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  color: rgba(0, 0, 0, 0.6);
  background: none !important;
  font-weight: 400;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.profile-status {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid var(--box-bg-color);
  position: absolute;
  bottom: 5%;
  right: 5%;
  z-index: 101;
}
.status {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  right: 5px;
}
.ministatus {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  bottom: 3px;
  right: 11px;
}
.chatstatus {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 2px solid var(--box-bg-color);
}
.chatstatus.white-border {
  border: 2px solid #fff;
}
.online {
  background: #4becc4;
}
.disturbe {
  background: #fd3946;
}
.busy {
  background: #ffc241;
}
.offline {
  background: #fd3946;
}
.overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay-img-background {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  margin-bottom: 4px;
}
.overlay-colored-background {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
}
.overlay-image {
  inset: 0;
}
.image_wrapper {
  position: relative;
  width: 100%;
}
.p-scrollpanel-content .postcarddesign {
  margin-bottom: 20px;
}
.p-inputgroup-addon {
  background: #e9ecef;
  color: #6c757d;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  padding: 0.75rem 0.75rem;
  min-width: 3rem;
}
.country-item-value {
  padding: 0.5rem;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  margin-right: 0.5rem;
  background-color: var(--box-secondary-bg-color);
  color: var(--primary-color-text);
  font-weight: bold;
}
.country-item-value-select {
  display: inline-flex;
}
.ui-rtl .ml-3 {
  margin-right: 1rem !important;
}
.ui-rtl .p-button .p-button-icon-right {
  margin-right: 0.5rem !important;
}
.ui-rtl .mr-2 {
  margin-left: 0.5rem !important;
}
.ui-rtl .pl-5 {
  padding-right: 2rem !important;
}
.ui-rtl .pl-8 {
  padding-right: 5rem !important;
}
.ui-rtl .pl-3 {
  margin-right: 0.5rem !important;
}
.ui-rtl .mr-8 {
  margin-left: 5rem !important;
}
.ui-rtl .pr-8 {
  padding-left: 5rem !important;
}
dd {
  margin: 0;
  padding: 0.5em 0.5em 1em 0;
}
.invoice dd {
  margin: 0;
  padding: 0.2em 0.5em 0.2em 0;
}
.p-button.p-button-secondary,
.p-buttonset.p-button-secondary > .p-button,
.p-splitbutton.p-button-secondary > .p-button {
  color: #ffffff;
  background: #727b88;
  border: 1px solid #727b88;
}
.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #475569;
  color: #ffffff;
  border-color: #475569;
}
.text-home {
  color: #272e39 !important;
}
.p-avatar.p-avatar-circle {
  border-radius: 50% !important;
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
  overflow: hidden;
}
.p-divider-horizontal {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  background-color: var(--box-bg-color) !important;
  height: 1px !important;
}
.p-skeleton.p-skeleton-circle {
  border-radius: 50% !important;
}
.task img {
  max-width: 100% !important;
  height: auto !important;
}
.academy img {
  max-width: 100% !important;
  max-height: 30rem !important;
}
.catalog img {
  max-width: 100% !important;
  max-height: 15rem !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 2rem 1rem !important;
  border: 0 none;
  color: rgba(0, 0, 0, 0.87);
  background: transparent;
  transition: none;
  border-radius: 0;
}
.p-multiselect {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.38);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    box-shadow 0.2s,
    background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-radius: 4px;
}
.hrms dd {
  margin: 0;
  padding: 0.2em 0.2em 0.2em 0;
}
.p-breadcrumb .p-menuitem-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #2196f3 !important;
}
.p-panel {
  border: none !important;
  background: var(--box-bg-color) !important;
  color: var(--text-color) !important;
}
.p-panel .p-panel-header {
  border-bottom: none !important;
}
.p-panel .p-panel-header .p-button.p-button-secondary {
  background: transparent !important;
  border: none !important;
  color: var(--text-color) !important;
}
.p-panel .p-panel-header .p-panel-icons {
  display: flex;
  align-items: center;
}
.p-panel .p-panel-header .p-panel-icons button {
  display: flex;
}
.p-panel .p-panel-content {
  padding: 1.25rem !important;
  padding-top: 0 !important;
}
.p-panel .p-panel.p-panel-toggleable .p-panel-header {
  padding: 0 !important;
}
.p-dialog.transparent-dialog {
  background: transparent;
  border: none;
  box-shadow: none;
}
::-webkit-scrollbar {
  width: 0;
}
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}
img.flag {
  width: 23px !important;
  height: 13px !important;
}
.content-view,
.note-editable {
  position: relative;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--secondary-text-color);
  white-space: pre-wrap;
  line-height: 1.625;
  word-break: break-word;
}
.content-view strong,
.note-editable strong {
  color: var(--text-color);
  font-weight: 700;
}
.content-view a,
.note-editable a {
  color: var(--primary-color);
}
.content-view h1,
.content-view h2,
.content-view h3,
.content-view h4,
.content-view h5,
.content-view h6,
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6 {
  color: var(--text-color);
  font-weight: 700;
  margin: 20px 0;
}
.content-view h1,
.note-editable h1 {
  font-size: clamp(1.8rem, 3cqw, 2rem);
  line-height: 1.3;
  letter-spacing: -0.03em;
}
.content-view h2,
.note-editable h2 {
  font-size: clamp(1.5rem, 2.5cqw, 2rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.content-view h3,
.note-editable h3 {
  font-size: clamp(1.2rem, 1.5cqw, 1.4rem);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.content-view h4,
.note-editable h4 {
  font-size: clamp(1rem, 1.2cqw, 1.4rem);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 700;
}
.content-view p,
.note-editable p {
  text-align: justify;
}
.content-view ol,
.content-view ul,
.note-editable ol,
.note-editable ul {
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.content-view ol > li,
.content-view ul > li,
.note-editable ol > li,
.note-editable ul > li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-type: none;
}
.content-view ul li::before,
.note-editable ul li::before {
  content: "\2022";
  right: 0px;
  left: auto;
  display: inline-block;
  width: 1.25rem;
  white-space: nowrap;
  padding-right: 0.25rem;
}
.content-view ol,
.note-editable ol {
  counter-reset: list-0;
}
.content-view ol > li,
.note-editable ol > li {
  counter-increment: list-0;
  position: relative;
}
.content-view ol > li::before,
.note-editable ol > li::before {
  content: counter(list-0) ". ";
  position: absolute;
  left: -1.5rem;
  display: inline-block;
  width: 1.25rem;
  white-space: nowrap;
  padding-right: 0.25rem;
  text-align: right;
}
.content-view ol > li.ql-indent-1,
.note-editable ol > li.ql-indent-1 {
  counter-increment: subitem;
  counter-reset: none;
  margin-left: 20px;
}
.content-view ol > li.ql-indent-1::before,
.note-editable ol > li.ql-indent-1::before {
  content: counter(subitem, lower-alpha) ". ";
  font-weight: normal;
}
.content-view ol > li:not(.ql-indent-1),
.note-editable ol > li:not(.ql-indent-1) {
  counter-reset: subitem;
}
.content-view li,
.note-editable li {
  line-height: 1.7em;
}
.content-view video,
.note-editable video {
  display: block;
  max-width: 100%;
  border-radius: 0.5rem;
}
.content-view video.align-center,
.note-editable video.align-center {
  margin-left: auto;
  margin-right: auto;
}
.content-view video.align-right,
.note-editable video.align-right {
  margin-left: auto;
}
.content-view img:not(.math-formula),
.note-editable img:not(.math-formula) {
  margin: 20px 0;
  border-radius: 8px;
  width: 100%;
}
.content-view table tr,
.note-editable table tr {
  vertical-align: top;
}
.content-view table td,
.note-editable table td {
  border: 1px solid var(--box-secondary-bg-color);
  padding: 10px;
  margin: 0;
}
.content-view table td p,
.note-editable table td p {
  margin-bottom: 0;
  text-align: left;
}
.leading-6 {
  line-height: 1.8rem;
}
.heading-huge {
  font-size: clamp(2.8rem, 5cqw, 4rem);
  line-height: 1.15;
  letter-spacing: -0.05em;
  font-weight: 700;
  margin-bottom: 0;
}
.heading-large {
  font-size: clamp(2.5rem, 4cqw, 3.5rem);
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-weight: 700;
  margin-bottom: 0;
}
.heading-medium {
  font-size: clamp(1.8rem, 2cqw, 3.5rem);
  line-height: 1.3;
  letter-spacing: -0.03em;
  font-weight: 700;
  margin-bottom: 0;
}
.heading-small {
  font-size: clamp(1.5rem, 2cqw, 2rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin-bottom: 0;
}
.heading-xsmall {
  font-size: clamp(1.2rem, 1.5cqw, 1.4rem);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 700;
  margin-bottom: 0;
}
.heading-xxsmall {
  font-size: clamp(1rem, 1.2cqw, 1.4rem);
  line-height: 1.4;
  letter-spacing: -0.01em;
  font-weight: 700;
  margin-bottom: 0;
}
.landing-page {
  color: var(--text-color);
}
.landing-page .paragraph-huge {
  letter-spacing: -0.0125rem;
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.landing-page .title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 20px;
}
.landing-page .subtitle {
  font-size: 20px;
  line-height: 1.7em;
}
.landing-page .box {
  background: var(--box-bg-color);
  border-radius: 12px;
  padding: 20px 20px 40px 20px;
  cursor: pointer;
  position: relative;
  border: 1px solid var(--box-bg-color);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.landing-page .box:hover {
  border-color: var(--primary-color);
}
.landing-page .box:hover .bottom-icon-holder {
  right: 20px;
}
.landing-page .box.box-disabled {
  background: transparent;
  border: 2px dashed var(--box-bg-color);
  padding: 20px;
}
.landing-page .box.box-disabled:hover {
  border-color: var(--box-bg-color) !important;
  cursor: default;
}
.landing-page .box.box-transparent {
  background: transparent;
  border-color: transparent;
}
.landing-page .box.box-transparent:hover {
  background: var(--box-bg-color);
}
.landing-page .box .bottom-icon-holder {
  position: absolute;
  bottom: 20px;
  right: 30px;
  width: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.landing-page .box .title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7rem;
}
.landing-page .box .title.big {
  font-size: 30px;
}
.landing-page .box .pi-link-icon {
  color: var(--primary-color);
  font-size: 16px;
}
.landing-page .box .icon-holder {
  background: var(--primary-color);
  color: #fff;
  padding: 10px;
  border-radius: 50px;
  display: inline-flex;
}
.landing-page .box .mat-icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 1280px) {
  .landing-page section:nth-child(odd) > div > div:first-child {
    order: 2;
  }
  .landing-page section:nth-child(odd) > div > div:nth-child(2) {
    order: 1;
    padding-right: 40px;
  }
  .landing-page section:nth-child(even) > div > div:first-child {
    order: 1;
  }
  .landing-page section:nth-child(even) > div > div:nth-child(2) {
    order: 2;
    padding-left: 40px;
  }
}
.landing-page .my-section {
  margin-bottom: 8rem;
}
.list-link {
  display: block;
  padding: 8px 0;
  font-size: 20px;
  position: relative;
  margin-left: 20px;
}
.list-link:hover {
  color: var(--primary-color);
}
.list-link:before {
  content: "- ";
  color: var(--primary-color);
  position: absolute;
  left: -20px;
}
.info-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 10px;
}
.info-box .info-box-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.info-box .info-box-text {
  color: var(--secondary-text-color);
}
.box-icon {
  background: var(--primary-color);
  border-radius: 50px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #fff;
  display: flex !important;
  width: auto !important;
}
.imageoverlaydark {
  position: relative;
  z-index: 0;
}
.imageoverlaydark::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.276);
  z-index: 0;
}
.columns-break > * > * {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
  width: 100%;
}
.columns-space-y > * > * {
  padding-bottom: 1rem;
}
.p-accordionpanel {
  border: none !important;
}
.p-accordionpanel.p-accordionpanel-active .p-accordioncontent {
  overflow: visible !important;
}
.p-breadcrumb {
  padding-left: 0 !important;
  width: 100% !important;
}
.p-breadcrumb-list > li {
  flex: 0 0 auto;
  width: auto;
}
.profileimageoverlaydark {
  position: relative;
  z-index: 0;
}
.profileimageoverlaydark::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.379);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  z-index: 0;
}
.postimageoverlaydark {
  position: relative;
  z-index: 0;
}
.postimageoverlaydark::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.585);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  z-index: 0;
}
.postimageoverlaydark.no-radius::after {
  border-radius: 0;
}
.marketingimageoverlaydark {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 1px;
  background:
    linear-gradient(
      to top,
      var(--gradient-start) 0%,
      var(--gradient-end) 100%);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.image-gradient img,
.image-gradient video {
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      rgb(255, 255, 255) 25%,
      rgba(255, 255, 255, 0) 100%);
  mask-image:
    linear-gradient(
      to bottom,
      rgb(255, 255, 255) 25%,
      rgba(255, 255, 255, 0) 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.image-blur {
  mask:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgb(0, 0, 0) 70%);
  -webkit-backdrop-filter: blur(30px) brightness(50%);
  backdrop-filter: blur(30px) brightness(50%);
}
.marketing-header video {
  height: 100%;
}
.marketing-header img {
  height: 100%;
}
.marketing-header .text-bar {
  padding-top: 5rem;
  padding-bottom: 1rem;
}
.marketing-header .search-bar {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.marketing-header .p-autocomplete-input-multiple {
  background: var(--box-bg-color);
  border-radius: 50px;
  padding: 10px 30px 10px 50px;
}
.marketing-header .p-autocomplete-input-multiple:has(.p-autocomplete-chip) {
  padding-left: 50px;
}
.marketing-header .autocomplete-icon {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  z-index: 1;
}
.marketing-header .bottom-render {
  padding-bottom: 3rem;
}
label {
  font-weight: bold;
}
.card-bg .p-card {
  background: var(--box-bg-color);
}
.text-blue {
  color: var(--primary-color) !important;
}
.text-gray {
  color: var(--secondary-text-color);
}
.text-difference {
  color: #fff;
  mix-blend-mode: difference;
}
.closeButton {
  display: none;
}
.not-hide-close .closeButton {
  display: block !important;
}
.typewriter {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
#layout__left-top:not(:empty),
#layout__left-bottom,
#right-section,
#layout__main-content {
  border-radius: 8px;
}
.p-tablist-nav-button {
  box-shadow: none !important;
}
.p-tablist-nav-button::before {
  content: "";
  width: 180%;
  height: 100%;
  display: block;
  top: 0;
  position: absolute;
  z-index: -1;
}
.p-tablist-nav-button.p-tablist-prev-button {
  justify-content: start !important;
}
.p-tablist-nav-button.p-tablist-prev-button::before {
  left: 0;
  background:
    linear-gradient(
      to left,
      rgba(var(--surface-color-rgb), 0) 0%,
      rgba(var(--surface-color-rgb), 1) 100%);
}
.p-tablist-nav-button.p-tablist-next-button {
  justify-content: end !important;
}
.p-tablist-nav-button.p-tablist-next-button::before {
  right: 0;
  background:
    linear-gradient(
      to right,
      rgba(var(--surface-color-rgb), 0) 0%,
      rgba(var(--surface-color-rgb), 1) 100%);
}
#layout__left-top:empty {
  margin-top: -0.5rem;
}
#layout__main-content {
  padding: 0;
  min-height: 100%;
}
#layout__main-content-container {
  padding: 20px;
  position: relative;
}
#layout__main-section {
  container-type: inline-size;
  border-radius: 8px;
}
#layout__main-section::-webkit-scrollbar {
  display: none;
}
.level-block {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.level-block > * {
  min-width: 500px;
}
.level-box {
  background: var(--box-secondary-bg-color);
  border: 2px solid var(--box-secondary-bg-color);
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  width: 130px;
  height: 130px;
}
.level-box .current-level {
  display: none;
}
.level-box.active {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: #fff;
}
.level-box.active .current-level {
  display: block;
}
.level-box .title {
  font-weight: bold;
  font-size: 40px;
}
.commission-header .level-box,
.commission-header .commission-row {
  background: none;
  border: none;
  height: auto;
  text-align: left;
  padding: 0 10px;
}
.commission-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  width: 100%;
  background: var(--box-secondary-bg-color);
  border: 2px solid var(--box-secondary-bg-color);
  padding: 5px 10px;
  border-radius: 8px;
}
.commission-row.active {
  border-color: var(--primary-color);
  background: var(--primary-color);
  font-weight: bold;
  color: #fff;
}
.commission-row > * {
  flex: 1 1 0%;
}
.commission-row > *:not(:first-child) {
  text-align: right;
}
.no-bg-header .p-breadcrumb {
  padding-top: 5px;
  padding-bottom: 0;
}
.p-selectbutton {
  border: 2px solid var(--box-bg-color);
}
.p-selectbutton .p-togglebutton {
  font-size: 14px;
}
.p-selectbutton .p-togglebutton.p-togglebutton-checked {
  background: var(--box-bg-color);
}
.p-selectbutton .p-togglebutton.p-togglebutton-checked .p-togglebutton-content {
  background: transparent;
  box-shadow: none;
}
.overflow-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0 ,
.overflow-x-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0 ,
.overflow-y-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0  {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.overflow-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0::-webkit-scrollbar,
.overflow-x-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0::-webkit-scrollbar,
.overflow-y-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0::-webkit-scrollbar {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.overflow-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0:hover::-webkit-scrollbar,
.overflow-x-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0:hover::-webkit-scrollbar,
.overflow-y-auto:not(.overflow-auto.need-scrollbar, .overflow-x-auto.need-scrollbar, .overflow-y-auto.need-scrollbar) \a0:hover::-webkit-scrollbar {
  opacity: 0.4;
}
.overflow-auto.need-scrollbar,
.overflow-x-auto.need-scrollbar,
.overflow-y-auto.need-scrollbar {
  cursor: grabbing;
  scrollbar-width: thin !important;
}
.overflow-auto.need-scrollbar ::-webkit-scrollbar,
.overflow-x-auto.need-scrollbar ::-webkit-scrollbar,
.overflow-y-auto.need-scrollbar ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: thin !important;
}
.overflow-auto.need-scrollbar * \a0 ,
.overflow-x-auto.need-scrollbar * \a0 ,
.overflow-y-auto.need-scrollbar * \a0  {
  cursor: inherit;
}
.p-datatable-table-container {
  scrollbar-width: thin !important;
}
.p-datatable-table-container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: thin !important;
}
.p-datatable-table-container * \a0  {
  cursor: inherit;
}
#layout__left-bottom {
  position: relative;
  padding-bottom: 110px;
}
.left-menu-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
}
.p-carousel-indicator-button {
  background: var(--box-secondary-bg-color) !important;
}
.p-carousel-indicator-active .p-carousel-indicator-button {
  background: var(--primary-color) !important;
}
.big-icon {
  --size: 4rem;
  font-size: var(--size) !important;
  width: var(--size) !important;
  height: var(--size) !important;
}
.pi-mat-icon {
  --size: 1.2rem;
  font-size: var(--size) !important;
  width: var(--size) !important;
  height: var(--size) !important;
}
.text-format {
  display: block;
  unicode-bidi: embed;
  white-space: pre-wrap;
  word-break: break-word;
}
.left-menu-small {
  width: 5rem !important;
}
.left-menu-small .menu-items-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.left-menu-small .show-left-small {
  display: flex;
}
.left-menu-small .hide-left-small {
  display: none;
}
.left-menu-small .back-btn {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.left-menu-small .left-menu-profile-holder {
  width: 100%;
}
.left-menu-small #layout__left-top {
  text-align: center;
  align-items: center;
}
.left-menu-small #layout__left-top .p-avatar,
.left-menu-small #layout__left-top offconon-profile-mini {
  margin: 0 auto !important;
}
.left-menu-small .left-menu-link {
  padding: 8px 0;
}
.left-menu-small .left-menu-icon {
  text-align: center;
}
.left-menu-small .left-menu-icon .mat-icon {
  width: 30px;
  height: 30px;
  color: var(--text-color);
  opacity: 80%;
}
.left-menu-small .left-menu-icon .mat-icon:hover {
  color: var(--primary-color);
  opacity: 100%;
}
.p-tablist-content {
  font-size: 14px;
}
.notification-panel .p-panel .p-panel-content {
  padding-top: 0 !important;
}
.p-tabpanel .p-panel {
  background: none !important;
}
.p-tabpanel .p-panel .p-panel-header,
.p-tabpanel .p-panel .p-panel-content {
  padding: 0 !important;
  font-size: 14px;
}
.landing-video video {
  border-radius: 30px;
  position: relative;
  z-index: 10;
}
.video-overlay {
  position: relative;
}
.video-overlay::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background:
    linear-gradient(
      to top,
      var(--gradient-start) 0%,
      var(--gradient-end) 100%);
  border-radius: 0.5rem;
  z-index: 0;
}
.grad-box {
  position: relative;
  z-index: 3;
}
.grad-box::before {
  content: "";
  position: absolute;
  width: 30%;
  height: 30%;
  left: 60%;
  top: 35%;
  background: var(--primary-color);
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  animation: moving-elements-down 10s infinite;
}
.grad-box::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  left: 10%;
  top: 40%;
  background: var(--primary-color);
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.5;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  animation: moving-elements-up 10s infinite;
}
@keyframes moving-elements-down {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  25% {
    transform: translate(5%, -10%);
    opacity: 0.9;
  }
  50% {
    transform: translate(0, 15%);
    opacity: 0.9;
  }
  75% {
    transform: translate(-5%, -10%);
    opacity: 0.9;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
}
@keyframes moving-elements-up {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
  25% {
    transform: translate(-5%, 10%);
    opacity: 0.9;
  }
  50% {
    transform: translate(0, -15%);
    opacity: 0.9;
  }
  75% {
    transform: translate(5%, 10%);
    opacity: 0.9;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0.5;
  }
}
.dark-box {
  background: rgba(0, 133, 198, 0.1);
  border-radius: 8px;
  padding: 40px;
  position: relative;
}
.dark-box .box {
  background: rgba(0, 133, 198, 0.1);
  border-color: transparent;
}
.dark-box .box:hover {
  border-color: var(--primary-color);
}
.dark-box .bg-gray {
  background: rgba(0, 133, 198, 0.1);
}
.dark-box .border-gray {
  border-color: rgba(0, 133, 198, 0.1);
}
.caption {
  display: inline-flex;
  text-transform: uppercase;
  border-radius: 8px;
  padding: 5px 10px;
  margin: 20px 10px 10px 0;
}
.caption.primary {
  background: rgba(0, 133, 198, 0.1);
  color: var(--primary-color);
}
.caption.simple {
  background: #fff;
  color: var(--primary-color);
}
.tick-list {
  margin: 20px 0;
  font-size: 16px;
}
.tick-list li {
  line-height: 1.8em;
  display: flex;
}
.tick-list li::before {
  content: "\e90a";
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.8em;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--primary-color);
  margin-right: 20px;
}
.tick-list-horizontal {
  margin: 20px 0;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}
.tick-list-horizontal li {
  line-height: 1.8em;
  display: flex;
}
.tick-list-horizontal li::before {
  content: "\e90a";
  font-family: "primeicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.8em;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--primary-color);
  margin-right: 20px;
}
.p-carousel-horizontal {
  position: relative;
}
.p-carousel-horizontal .p-carousel-prev-button,
.p-carousel-horizontal .p-carousel-next-button {
  position: absolute;
  top: 38%;
  transform: translateY(-50%);
  display: none;
  z-index: 100;
}
.p-carousel-horizontal .p-carousel-prev-button {
  left: 15px;
}
.p-carousel-horizontal .p-carousel-next-button {
  right: 30px;
}
.p-carousel-horizontal .p-carousel-item {
  padding-right: 1rem;
}
.p-carousel-horizontal:hover .p-carousel-prev-button:not(.p-disabled),
.p-carousel-horizontal:hover .p-carousel-next-button:not(.p-disabled) {
  display: block;
}
.kanban-board {
  min-height: calc(100svh - 300px);
}
.streched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.p-overlay {
  width: 0;
}
.p-select-option {
  white-space: wrap !important;
}
.p-metergroup-label-list {
  font-size: 14px;
}
.ads-message .p-message {
  outline: none;
  padding: 5px;
}
.ads-message .p-message.p-message-secondary {
  background: var(--box-bg-color);
}
.ads-message .p-message .p-message-content {
  align-items: start !important;
}
.news-message .p-message {
  padding: 5px;
}
.news-message .p-message.p-message-info {
  background: rgba(0, 133, 198, 0.1);
  color: var(--text-color);
  outline-color: var(--primary-color);
}
.info-message .p-message {
  padding: 5px;
}
.info-message .p-message.p-message-info {
  background: rgba(0, 133, 198, 0.1);
  color: var(--text-color);
  outline-color: var(--primary-color);
}
.info-message .p-message .p-message-text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.info-message .p-message .p-message-text > span {
  flex: 1 1 0%;
}
@media only screen and (max-width: 600px) {
  .info-message .p-message .p-message-text {
    flex-direction: column;
    align-items: start;
  }
}
.icon-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.btn-link {
  padding: 0 !important;
  border-radius: 0 !important;
  border: none !important;
}
.btn-link:hover {
  transform: translateX(10px);
  border-radius: 0 !important;
  border: none !important;
}
.btn-link:hover .p-button-label {
  text-decoration: none !important;
  color: var(--primary-color) !important;
}
.btn-link .pi {
  color: var(--primary-color);
}
#right-section .hidden-sidebar {
  display: none;
}
#right-section .p-button-icon-only {
  width: auto !important;
}
.post-textbox {
  width: 100%;
  z-index: 1;
}
.post-textbox textarea {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 100%;
  min-height: 20px;
}
.post-textbox.centered textarea {
  text-align: center;
}
.post-textbox.centered textarea::placeholder {
  color: #fff;
}
.media-item {
  min-width: 50%;
}
.catalog-card .p-card-body,
.catalog-card .p-card-content {
  height: 100%;
}
emoji-mart {
  position: absolute;
  bottom: 60px;
  right: 0;
}
emoji-mart .emoji-mart {
  max-width: 270px !important;
}
.emojiToggle {
  height: initial;
  width: initial;
  font-size: 20px;
  opacity: 50%;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.emojiToggle:hover {
  opacity: 100%;
}
.post-content img,
.post-content video,
.message-media img,
.message-media video {
  max-width: 100%;
  height: auto;
  background-color: var(--box-bg-color);
}
.post-content img,
.message-media img {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.grid-cols-cards {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.grid-cols-members {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.grid-cols-media {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.grid-cols-cart {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-cols-loyalty-cards {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.grid-cols-team {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.grid-cols-2-boxes {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.grid-cols-3-boxes {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.grid-cols-attributes {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 0.5rem;
}
.grid-cols-bigboxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  background-color: var(--box-bg-color);
}
.grid-cols-bigboxes > * {
  background-color: var(--bg-color);
  padding: 2rem;
}
@media (min-width: 640px) {
  .grid-cols-bigboxes {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-cols-bigboxes > * {
    background-color: var(--surface-color);
  }
}
.grid-bordered {
  display: grid;
  gap: 1px;
  background-color: var(--box-bg-color);
}
.grid-bordered > * {
  background-color: var(--bg-color);
  padding: 2rem;
}
@media (min-width: 640px) {
  .grid-bordered > * {
    background-color: var(--surface-color);
  }
}
.grid-cols-ads {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  align-items: stretch;
}
.grid-cols-ads .card-holder {
  height: 100%;
}
.grid-cols-ads .card-holder .p-card {
  height: 100%;
}
.grid-cols-ads .card-holder .p-card .p-card-body {
  justify-content: space-between;
  flex: 1;
}
.divider-line-before:before {
  content: "";
  width: 80px;
  height: 1px;
  background-color: var(--primary-color);
  margin: 10px auto;
  display: block;
}
.p-inputnumber {
  width: 100%;
}
.p-inputnumber-input {
  width: calc(100% - 60px);
}
small {
  color: var(--secondary-text-color);
}
.media-gallery video,
.media-gallery img {
  border-radius: 0.5rem;
}
.bg-gray {
  background: var(--box-secondary-bg-color);
}
.bg-surface {
  background: var(--bg-color);
}
.ql-editor img,
.ql-editor .ql-video {
  width: 100% !important;
  max-width: 700px !important;
}
.ql-editor .ql-video {
  aspect-ratio: 16/9;
}
.p-datatable-thead > tr > th {
  background: transparent !important;
}
.p-datatable-thead > tr > th p-sorticon {
  color: var(--secondary-text-color);
}
.p-datatable-thead > tr > th p-sorticon svg {
  width: 12px;
  height: 12px;
}
.p-datatable-thead > tr > th p-sorticon:hover {
  color: var(--primary-color);
}
.p-datatable-thead > tr > th .p-button.p-button-secondary {
  background: transparent !important;
  border: none !important;
  color: var(--text-color) !important;
}
.comment-input {
  min-height: 40px;
}
.child-comments-holder {
  padding-left: 20px;
  margin-left: 22px;
  border-left: 1px solid var(--button-bg-color);
}
.child-comments-holder offconon-profile-mini {
  position: relative;
}
.child-comments-holder offconon-profile-mini:before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: var(--button-bg-color);
  position: absolute;
  left: -20px;
  top: 50%;
}
.business-switcher .p-selectbutton .p-togglebutton {
  border-width: 0;
}
.full-w-media {
  width: calc(100% + 2 * (var(--p-card-body-padding))) !important;
  position: relative;
  left: 0;
  right: 0;
  margin-left: calc(-1 * var(--p-card-body-padding));
  margin-right: calc(-1 * var(--p-card-body-padding));
}
.full-w-media img,
.full-w-media video {
  border-radius: 0;
}
.p-datatable.p-datatable-sm .p-datatable-header {
  padding: var(--p-datatable-header-padding) !important;
}
.lg-backdrop {
  z-index: 1140 !important;
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.lg-outer {
  z-index: 1150 !important;
}
.lg-outer .lg-thumb-outer {
  background-color: transparent !important;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: var(--primary-color) !important;
}
.lg-img-wrap img {
  border-radius: 8px;
}
.p-galleria-thumbnails-content {
  border-radius: 0 0 8px 8px;
}
.p-galleria-item img {
  border-radius: 8px;
}
.p-datepicker .p-datepicker-panel {
  max-width: 300px;
  min-width: min-content;
}
.columns-4xs {
  columns: 10rem;
}
.selected {
  opacity: 100% !important;
}
.selected * {
  opacity: 100% !important;
  color: var(--primary-color) !important;
}
.faded-bottom {
  position: relative;
}
.faded-bottom:after {
  content: "";
  width: 100%;
  height: 100px;
  background:
    linear-gradient(
      to top,
      var(--gradient-start) 0%,
      var(--gradient-end) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
}
.backdrop-filter {
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  backdrop-filter: saturate(180%) blur(30px);
}
.p-overlay-mask {
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  z-index: 999;
}
.p-card {
  display: flex !important;
}
.p-card .p-card .p-card-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-card:hover .bottom-icon-holder {
  right: 0;
}
.p-card .bottom-icon-holder {
  color: var(--primary-color);
  width: 100%;
  right: 10px;
  position: relative;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.p-message {
  display: flex;
}
.p-message .p-message-content {
  width: 100%;
}
.p-message-text {
  width: 100%;
}
.fc a:hover {
  color: inherit !important;
}
.fc a:hover * {
  color: inherit !important;
}
.pi-offconon {
  --icon-color: var(--text-color);
  --svg-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.62 68.87" preserveAspectRatio="xMidYMid meet"><polygon fill="currentColor" points="49.62 11.51 29.77 0 0 17.27 0 51.61 29.77 68.87 49.62 57.36 49.62 45.85 29.77 57.36 9.92 45.85 9.92 22.83 29.77 11.51 49.62 22.83 49.62 11.51"/><polygon fill="currentColor" points="29.77 23.02 39.7 28.78 39.7 40.09 29.77 45.85 19.85 40.09 19.85 28.78 29.77 23.02"/></svg>');
}
.pi-offconon.text-primary {
  --icon-color: var(--primary-color);
}
.pi-offconon:before {
  content: "";
  display: block;
  width: 100%;
  min-height: 1.2em;
  background: none;
  mask-image: var(--svg-icon);
  -webkit-mask-image: var(--svg-icon);
  color: var(--icon-color);
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  aspect-ratio: 199/276;
}
.pi-offconon.hover\:text-primary:hover {
  --icon-color: var(--primary-color);
}
.mat-offconon {
  --icon-color: var(--text-color);
  --svg-icon: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.62 68.87" preserveAspectRatio="xMidYMid meet"><polygon fill="currentColor" points="49.62 11.51 29.77 0 0 17.27 0 51.61 29.77 68.87 49.62 57.36 49.62 45.85 29.77 57.36 9.92 45.85 9.92 22.83 29.77 11.51 49.62 22.83 49.62 11.51"/><polygon fill="currentColor" points="29.77 23.02 39.7 28.78 39.7 40.09 29.77 45.85 19.85 40.09 19.85 28.78 29.77 23.02"/></svg>');
}
.mat-offconon.text-primary {
  --icon-color: var(--primary-color);
}
.mat-offconon:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: none;
  mask-image: var(--svg-icon);
  -webkit-mask-image: var(--svg-icon);
  color: var(--icon-color);
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  aspect-ratio: 199/276;
}
.mat-offconon.hover\:text-primary:hover {
  --icon-color: var(--primary-color);
}
.container-inline {
  container-type: inline-size;
}
.text-price {
  font-size: 10cqw;
}
.text-price-sub {
  font-size: 5cqw;
}
.p-organizationchart-table *[style*="visibility: hidden; opacity: 1;"] {
  display: none;
}
.p-message-sm .p-message-content {
  padding: 4px 8px !important;
}
.p-popover {
}
.p-popover::after,
.p-popover::before {
  display: none;
}
.p-steppanel-content {
  margin-top: 40px;
}
.p-accordionheader,
.p-accordioncontent-content {
  background: var(--surface-color) !important;
}
.menu-accordion .p-accordionheader {
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 800;
}
.menu-accordion .p-accordioncontent-content {
  padding: 0;
}
tag-input {
  background-color: transparent !important;
}
tag-input .ng2-tag-input {
  border: 1px solid var(--p-inputtext-border-color) !important;
  color: var(--p-inputtext-color);
  background: var(--p-inputtext-background);
  appearance: none;
  border-radius: var(--p-inputtext-border-radius);
  outline-color: transparent;
  box-shadow: var(--p-inputtext-shadow);
}
tag-input .ng2-tag-input:focus {
  border-color: var(--p-inputtext-focus-border-color);
  box-shadow: var(--p-inputtext-focus-ring-shadow);
  outline: var(--p-inputtext-focus-ring-width) var(--p-inputtext-focus-ring-style) var(--p-inputtext-focus-ring-color);
  outline-offset: var(--p-inputtext-focus-ring-offset);
}
tag-input .ng2-tag-input .ng2-tags-container {
  padding: 0 var(--p-inputtext-padding-x);
  align-items: center;
}
tag-input .ng2-tag-input .ng2-tags-container tag {
  background: var(--button-secondary-bg-color) !important;
  margin: 0 0.3rem 0 0;
  padding: 0 0.45rem;
}
tag-input .ng2-tag-input .ng2-tags-container tag:not(.readonly):not(.tag--editing):active,
tag-input .ng2-tag-input .ng2-tags-container tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover {
  box-shadow: none !important;
}
.text-outline {
  color: var(--surface-color);
  text-shadow:
    -1px -1px 0 var(--text-color),
    1px -1px 0 var(--text-color),
    -1px 1px 0 var(--text-color),
    1px 1px 0 var(--text-color);
}
.button-tabs .p-tablist-tab-list {
  border: none !important;
  justify-content: center;
  gap: 0.5rem;
  margin: 20px 0;
}
.button-tabs p-tab {
  background-color: transparent;
  border-radius: 8px;
  padding: 8px 16px;
  border: 0;
  display: flex;
  align-items: center;
}
.button-tabs p-tab.p-tab-active {
  background-color: var(--primary-color);
  color: #fff;
}
.button-tabs .p-tablist-active-bar {
  display: none;
}
.link-tabs .p-tablist-tab-list {
  border: none !important;
  gap: 0.5rem;
}
.link-tabs .p-tablist {
  padding: 0 15px;
  align-items: center;
}
.link-tabs p-tab {
  background-color: transparent;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.link-tabs p-tab.p-tab-active {
  background-color: inherit;
  color: inherit;
}
.link-tabs .p-tablist-active-bar {
  display: none;
}
.link-tabs .p-tablist-nav-button {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  inset-block-start: initial !important;
  justify-content: center !important;
  background: var(--bg-color) !important;
}
.link-tabs .p-tablist-nav-button:hover {
  background: var(--box-bg-color) !important;
}
.link-tabs .p-tablist-nav-button:before {
  display: none;
}
.link-tabs:has(.p-tablist-prev-button) .p-tablist-content {
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0,
      transparent 30px,
      var(--bg-color) 50px,
      var(--bg-color) 100%);
  mask-image:
    linear-gradient(
      to right,
      transparent 0,
      transparent 30px,
      var(--bg-color) 50px,
      var(--bg-color) 100%);
}
.link-tabs:has(.p-tablist-next-button) .p-tablist-content {
  -webkit-mask-image:
    linear-gradient(
      to left,
      transparent 0,
      transparent 30px,
      var(--bg-color) 50px,
      var(--bg-color) 100%);
  mask-image:
    linear-gradient(
      to left,
      transparent 0,
      transparent 30px,
      var(--bg-color) 50px,
      var(--bg-color) 100%);
}
.link-tabs:has(.p-tablist-prev-button):has(.p-tablist-next-button) .p-tablist-content {
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0,
      transparent 30px,
      var(--bg-color) 50px,
      var(--bg-color) calc(100% - 50px),
      transparent calc(100% - 30px),
      transparent 100%);
  mask-image:
    linear-gradient(
      to right,
      transparent 0,
      transparent 30px,
      var(--bg-color) 50px,
      var(--bg-color) calc(100% - 50px),
      transparent calc(100% - 30px),
      transparent 100%);
}
.link-tabs.link-tabs-center .p-tablist-tab-list {
  justify-content: center;
}
.link-tabs.simple-tabs .p-tablist-tab-list {
  gap: 1rem;
}
.link-tabs p-tab:empty {
  display: none;
}
.hover-zoom {
  overflow: hidden;
}
.hover-zoom img,
.hover-zoom video {
  transform: scale(1.05);
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
}
.hover-zoom:hover img,
.hover-zoom:hover video {
  transform: scale(1.08);
  cursor: pointer;
}
.mini-icon {
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
}
.normal-icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.big-icon {
  font-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
}
.huge-icon {
  font-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
}
.veryhuge-icon {
  font-size: 60px !important;
  width: 60px !important;
  height: 60px !important;
}
.ellipsis {
  position: relative;
  width: 100%;
}
.ellipsis:before {
  content: "\a0";
  visibility: hidden;
}
.ellipsis span {
  position: absolute;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis.hover-show:hover span {
  text-overflow: inherit;
  overflow: inherit;
  white-space: inherit;
  background-color: var(--surface-color);
  z-index: 100;
}
@media only screen and (max-width: 639px) {
  .ellipsis.hover-show:hover span {
    background-color: var(--bg-color);
  }
}
.text-focus-in {
  -webkit-animation: text-focus-in 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.text-shadow {
  text-shadow: 0 0 50px rgb(0, 0, 0);
}
.academy ul,
.academy ol {
  margin: 20px;
}
.academy ul {
  list-style: disc;
}
.academy ol {
  list-style: normal;
}
.app-dark-theme #offconon-layout-header .p-button-rounded:hover,
.app-dark-theme #offconon-layout-header .header-search:hover,
.app-dark-theme #offconon-layout-header .header-button button:hover,
.app-dark-theme #offconon-layout-header offconon-language-change-selector a:hover {
  background: var(--button-secondary-bg-color) !important;
}
.app-dark-theme #offconon-layout-header .header-search:focus-within {
  background: var(--button-secondary-bg-color) !important;
}
.menu-open-btn {
  width: 24px;
  position: relative;
  cursor: pointer;
}
.menu-open-btn:before,
.menu-open-btn:after,
.menu-open-btn div {
  background-color: var(--text-color);
  border-radius: 3px;
  content: "";
  display: block;
  height: 2px;
  margin: 4px 0;
  transition: all 0.2s ease-in-out;
}
.menu-open-btn.active div {
  transform: scale(0);
}
.menu-open-btn.active:before {
  transform: translateY(6px) rotate(-45deg);
}
.menu-open-btn.active:after {
  transform: translateY(-6px) rotate(45deg);
}
.checked-border:has(:checked) {
  border-color: var(--primary-color);
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-up {
  animation-name: fade-up;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
#offconon-layout-header offconon-profile-mini {
  transform: scale(0.9);
}
.email-container .email-header {
  display: none;
}
.message a:hover {
  color: inherit;
  text-decoration: underline;
}
.grad-surface-left {
  background:
    linear-gradient(
      to left,
      rgba(var(--bg-color-rgb), 0) 0%,
      rgba(var(--bg-color-rgb), 1) 80%);
}
.grad-surface-right {
  background:
    linear-gradient(
      to right,
      rgba(var(--bg-color-rgb), 0) 0%,
      rgba(var(--bg-color-rgb), 1) 80%);
}
.megamenu-default-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
.megamenu-default-list > li {
  overflow: hidden;
}
.megamenu-default-list > li ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  padding: 10px 0;
}
.p-tree {
  background: transparent !important;
  padding: 0 !important;
}
.p-steppanel {
  background: transparent !important;
}
.p-steplist {
  margin-bottom: 40px !important;
}
.p-steppanel-content {
  margin-top: 0px;
}
.container-sm {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.container-md {
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}
p-accordion p-accordion .p-accordionheader,
p-accordion p-accordion .p-accordioncontent-content {
  background-color: var(--box-bg-color) !important;
}
.country-item-value-mod {
  align-items: center;
}
.text-blur {
  filter: blur(3px);
}
.p-tooltip-text {
  font-size: 14px;
  line-height: 1.2rem;
}
.menu-title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 0.75rem;
  line-height: 1rem;
  position: relative;
  display: inline-block;
}
.menu-title:after {
  content: "";
  height: 1px;
  background-color: var(--button-secondary-bg-color);
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  width: 9999px;
  transform: translateY(-50%);
}
.flex-no-empty > :empty {
  display: none;
}
.payment-box img + span {
  display: none;
}
blockquote {
  position: relative;
  padding-left: 30px;
  font-weight: bold;
  font-size: 20px;
  line-height: 2rem;
}
blockquote:before {
  content: "";
  background-color: var(--primary-color);
  height: 100%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 0;
}
blockquote i {
  font-weight: normal;
}
.hover-parent {
  transform: translateX(-30px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    visibility 0.3s ease;
}
.hover-parent .visible-child {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-30px);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    visibility 0.3s ease;
}
.hover-parent:hover {
  transform: translateX(10px);
}
.hover-parent:hover .visible-child {
  opacity: 1;
  visibility: visible;
  transform: translateX(-10px);
}
.status-meter {
  max-width: 200px;
  margin: 5px 20px 5px 0;
  height: 6px !important;
}
.status-meter .p-progressbar-value {
  background: #34d399;
}
.bg-linear-to-r {
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.p-stepitem:last-of-type .p-steppanel {
  padding-inline-start: 0;
}
.p-datatable.p-datatable-sm {
  --padding-left: 15px;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th:first-child:not(:has(p-checkbox)) {
  padding-left: var(--padding-left) !important;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td:first-child:not(:has(p-checkbox)) {
  padding-left: var(--padding-left) !important;
}
@media screen and (min-width: 962px) {
  button + button,
  p-button + p-button {
    margin-left: 8px;
  }
  .p-card-header button + button,
  .p-card-header p-button + p-button,
  .p-inputnumber button + button,
  .p-inputnumber p-button + p-button,
  .no-button-gap button + button,
  .no-button-gap p-button + p-button,
  div:not(.p-picklist-controls) button + button,
  div:not(.p-picklist-controls) p-button + p-button {
    margin-left: 0;
  }
  .holder-box {
    position: relative;
  }
  .holder-box:before,
  .holder-box:after {
    content: " ";
    position: absolute;
    display: flex;
    opacity: 20%;
    width: 100px;
    height: 100px;
    border: 1px solid var(--text-color);
  }
  .holder-box:before {
    left: -40px;
    bottom: -20px;
    border-top: none;
    border-right: none;
  }
  .holder-box:after {
    right: -40px;
    top: -20px;
    border-bottom: none;
    border-left: none;
  }
}
@media screen and (max-width: 962px) {
  .open-left-menu-small {
    display: block;
    width: 100vw;
    position: absolute;
    height: 100vh;
    z-index: 23;
    top: 0;
  }
  #left-section:not(.left-menu-small) .menu-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1;
  }
  #right-section.layout-section {
    height: 100vh !important;
  }
}
@media only screen and (max-width: 639px) {
  #offconon-layout-header offconon-monogram,
  #offconon-layout-header p-avatar,
  #offconon-layout-header offconon-profile-mini,
  #offconon-layout-header .p-button-rounded,
  #offconon-layout-header .header-search,
  #offconon-layout-header .header-button button {
    transform: scale(0.8);
  }
  .landing-page {
    padding: 0;
  }
  .landing-page .title {
    font-size: 30px;
  }
  .landing-page .subtitle {
    font-size: 20px;
  }
  #layout__header-center .header-lang-selector {
    display: none;
  }
  #layout__header-left .business-switcher {
    display: none;
  }
  .dark-box {
    padding: 20px;
  }
  .caption {
    font-size: 14px;
  }
  offconon-shared-ui-search-box p-button .p-button-label {
    display: none;
  }
  .grid-cols-media {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
  .grid-cols-loyalty-cards {
    grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr));
  }
  .no-text-mobile .p-button-label {
    display: none;
  }
  .button-tabs .p-tablist-tab-list {
    padding: 0;
    justify-content: start;
    margin: 0 0 10px 0;
  }
  .button-tabs p-tab span {
    display: none;
  }
  .button-tabs p-tab.p-tab-active span {
    display: block;
  }
}

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