@charset "UTF-8";

/* tailwind.css */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans: "MetropolisRegular", sans-serif;
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-black: #000000;
    --color-white: #ffffff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-loose: 2;
    --radius-md: 0.375rem;
    --radius-2xl: 1rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-metropolis-bold: "MetropolisBold", sans-serif;
    --color-primary: #2d1e5f;
    --color-tertiary: #5a50eb;
    --color-quinary: #c8146e;
    --color-senary: #00ccbe;
    --color-grey-1: #f7f7f7;
    --color-grey-2: #e6e6e6;
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-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;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .absolute {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .static {
    position: static !important;
  }
  .col-2 {
    grid-column: 2 !important;
  }
  .col-3 {
    grid-column: 3 !important;
  }
  .col-4 {
    grid-column: 4 !important;
  }
  .col-5 {
    grid-column: 5 !important;
  }
  .col-6 {
    grid-column: 6 !important;
  }
  .col-8 {
    grid-column: 8 !important;
  }
  .col-9 {
    grid-column: 9 !important;
  }
  .col-10 {
    grid-column: 10 !important;
  }
  .\!mt-0 {
    margin-top: 0px !important;
  }
  .mt-0 {
    margin-top: 0px !important;
  }
  .mt-1 {
    margin-top: var(--spacing) !important;
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7) !important;
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10) !important;
  }
  .mt-\[7rem\] {
    margin-top: 7rem !important;
  }
  .mt-\[90px\] {
    margin-top: 90px !important;
  }
  .mr-1 {
    margin-right: var(--spacing) !important;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3) !important;
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8) !important;
  }
  .\!mb-0 {
    margin-bottom: 0px !important;
  }
  .mb-0 {
    margin-bottom: 0px !important;
  }
  .mb-1 {
    margin-bottom: var(--spacing) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7) !important;
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10) !important;
  }
  .\!ml-0 {
    margin-left: 0px !important;
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6) !important;
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8) !important;
  }
  .ml-\[10px\] {
    margin-left: 10px !important;
  }
  .ml-\[14px\] {
    margin-left: 14px !important;
  }
  .ml-\[25px\] {
    margin-left: 25px !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .block {
    display: block !important;
  }
  .flex {
    display: flex !important;
  }
  .hidden {
    display: none !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .h-max {
    height: max-content !important;
  }
  .\!max-h-\[90vh\] {
    max-height: 90vh !important;
  }
  .\!w-\[768px\] {
    width: 768px !important;
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%) !important;
  }
  .w-\[30px\] {
    width: 30px !important;
  }
  .w-\[368px\] {
    width: 368px !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-max {
    width: max-content !important;
  }
  .\!max-w-\[768px\] {
    max-width: 768px !important;
  }
  .\!max-w-md {
    max-width: var(--container-md) !important;
  }
  .min-w-0 {
    min-width: 0px !important;
  }
  .translate-x-0 {
    --tw-translate-x: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .list-decimal {
    list-style-type: decimal !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .gap-1 {
    gap: var(--spacing) !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16) !important;
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
  .truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .\!overflow-hidden {
    overflow: hidden !important;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl) !important;
    border-top-right-radius: var(--radius-2xl) !important;
  }
  .rounded-r {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md) !important;
    border-bottom-left-radius: var(--radius-md) !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-x {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 1px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 4px !important;
  }
  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-black\/3 {
    border-color: color-mix(in srgb, #000000 3%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/3 {
      border-color: color-mix(in oklab, var(--color-black) 3%, transparent) !important;
    }
  }
  .border-blue-300 {
    border-color: var(--color-blue-300) !important;
  }
  .border-gray-200 {
    border-color: var(--color-gray-200) !important;
  }
  .border-green-500 {
    border-color: var(--color-green-500) !important;
  }
  .border-primary {
    border-color: var(--color-primary) !important;
  }
  .border-quinary {
    border-color: var(--color-quinary) !important;
  }
  .border-tertiary {
    border-color: var(--color-tertiary) !important;
  }
  .\!bg-amber-500 {
    background-color: var(--color-amber-500) !important;
  }
  .\!bg-grey-1 {
    background-color: var(--color-grey-1) !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .bg-\[var\(--ze-codeblock-selection-color\)\] {
    background-color: var(--ze-codeblock-selection-color) !important;
  }
  .bg-\[var\(--ze-codeblock-text-color\)\] {
    background-color: var(--ze-codeblock-text-color) !important;
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50) !important;
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50) !important;
  }
  .bg-gray-50\/50 {
    background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gray-50\/50 {
      background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent) !important;
    }
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100) !important;
  }
  .bg-green-50 {
    background-color: var(--color-green-50) !important;
  }
  .bg-grey-1 {
    background-color: var(--color-grey-1) !important;
  }
  .bg-grey-2 {
    background-color: var(--color-grey-2) !important;
  }
  .bg-primary {
    background-color: var(--color-primary) !important;
  }
  .bg-quinary {
    background-color: var(--color-quinary) !important;
  }
  .bg-senary\/5 {
    background-color: color-mix(in srgb, #00ccbe 5%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-senary\/5 {
      background-color: color-mix(in oklab, var(--color-senary) 5%, transparent) !important;
    }
  }
  .bg-tertiary {
    background-color: var(--color-tertiary) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white) !important;
  }
  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-1 {
    padding: var(--spacing) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .py-1 {
    padding-block: var(--spacing) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2) !important;
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5) !important;
  }
  .text-center {
    text-align: center !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .font-metropolis-bold {
    font-family: var(--font-metropolis-bold) !important;
  }
  .text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose) !important;
    line-height: var(--leading-loose) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .\!whitespace-nowrap {
    white-space: nowrap !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .whitespace-pre-line {
    white-space: pre-line !important;
  }
  .\!text-primary {
    color: var(--color-primary) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#FF0000\] {
    color: #FF0000 !important;
  }
  .text-\[\#ffa500\] {
    color: #ffa500 !important;
  }
  .text-blue-700 {
    color: var(--color-blue-700) !important;
  }
  .text-gray-400 {
    color: var(--color-gray-400) !important;
  }
  .text-gray-500 {
    color: var(--color-gray-500) !important;
  }
  .text-gray-600 {
    color: var(--color-gray-600) !important;
  }
  .text-green-600 {
    color: var(--color-green-600) !important;
  }
  .text-green-700 {
    color: var(--color-green-700) !important;
  }
  .text-green-900 {
    color: var(--color-green-900) !important;
  }
  .text-grey-2 {
    color: var(--color-grey-2) !important;
  }
  .text-primary {
    color: var(--color-primary) !important;
  }
  .text-quinary {
    color: var(--color-quinary) !important;
  }
  .text-red-500 {
    color: var(--color-red-500) !important;
  }
  .text-senary {
    color: var(--color-senary) !important;
  }
  .text-tertiary {
    color: var(--color-tertiary) !important;
  }
  .text-white {
    color: var(--color-white) !important;
  }
  .capitalize {
    text-transform: capitalize !important;
  }
  .italic {
    font-style: italic !important;
  }
  .no-underline {
    text-decoration-line: none !important;
  }
  .underline {
    text-decoration-line: underline !important;
  }
  .opacity-30 {
    opacity: 30% !important;
  }
  .opacity-60 {
    opacity: 60% !important;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
  .blur {
    --tw-blur: blur(8px) !important;
    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,) !important;
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-100 {
    --tw-duration: 100ms !important;
    transition-duration: 100ms !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
  @media (hover: hover) {
    .hover\:\!bg-amber-600:hover {
      background-color: var(--color-amber-600) !important;
    }
    .hover\:bg-grey-2:hover {
      background-color: var(--color-grey-2) !important;
    }
    .hover\:text-primary\/70:hover {
      color: color-mix(in srgb, #2d1e5f 70%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/70:hover {
        color: color-mix(in oklab, var(--color-primary) 70%, transparent) !important;
      }
    }
    .hover\:underline:hover {
      text-decoration-line: underline !important;
    }
  }
  @media not (min-width: 1400px) {
    .max-\[1400px\]\:hidden {
      display: none !important;
    }
  }
  @media (min-width: 1400px) {
    .min-\[1400px\]\:\!w-max {
      width: max-content !important;
    }
    .min-\[1400px\]\:\!max-w-max {
      max-width: max-content !important;
    }
  }
  @media (min-width: 64rem) {
    .lg\:block {
      display: block !important;
    }
  }
  @media (min-width: 80rem) {
    .xl\:table-cell {
      display: table-cell !important;
    }
  }
  .input\:\!py-1\.5 .__zap__form__control__input {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .select\:\!text-sm .__zap__form__control__select {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .search\:bg-white .__zap__form__control__search {
    background-color: var(--color-white) !important;
  }
  .option\:bg-white .__zap__form__control__option {
    background-color: var(--color-white) !important;
  }
  .option\:text-black .__zap__form__control__option {
    color: var(--color-black) !important;
  }
  .option-hovered\:bg-grey-2 .__zap__form__control__options .__zap__form__control__hovered {
    background-color: var(--color-grey-2) !important;
  }
}
*,
::before,
::after {
  --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;
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}

/* src/scss/styles.scss */
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
.ProseMirror {
  position: relative;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
}
.ProseMirror pre {
  white-space: pre-wrap;
}
.ProseMirror li {
  position: relative;
}
.ProseMirror-hideselection *::selection {
  background: transparent;
}
.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}
.ProseMirror-hideselection {
  caret-color: transparent;
}
.ProseMirror [draggable][contenteditable=false] {
  -webkit-user-select: text;
  user-select: text;
}
.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}
li.ProseMirror-selectednode {
  outline: none;
}
li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}
img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}
.ProseMirror {
  position: relative;
  min-height: 100%;
  border-radius: var(--radius-md, 0.375rem);
  background-color: var(--ze-bg-color);
  color: var(--ze-text-color);
  padding-top: var(--ze-padding-top);
  padding-right: var(--ze-padding-right);
  padding-bottom: var(--ze-padding-bottom);
  padding-left: var(--ze-padding-left);
}
.ProseMirror:focus {
  --tw-outline-style: none;
  outline-style: none;
}
.ProseMirror.drag-over {
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--color-blue-500, oklch(62.3% 0.214 259.815));
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .ProseMirror.drag-over {
    background-color: color-mix(in oklab, var(--color-blue-500, oklch(62.3% 0.214 259.815)) 5%, transparent);
  }
}
.ProseMirror a {
  color: var(--ze-link-color);
  text-decoration-line: underline;
}
.ProseMirror h1 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
}
.ProseMirror h1 strong {
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
}
.ProseMirror h2 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
}
.ProseMirror h2 strong {
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
}
.ProseMirror h3 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
}
.ProseMirror h3 strong {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
}
.ProseMirror h4 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
}
.ProseMirror h4 strong {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
}
.ProseMirror h5 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
}
.ProseMirror h5 strong {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
}
.ProseMirror h6 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
}
.ProseMirror h6 strong {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
.ProseMirror *::selection {
  background-color: var(--ze-selection-color);
}
.ProseMirror [data-placeholder] {
  position: relative;
}
.ProseMirror [data-placeholder]::before {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--ze-placeholder-color);
  --tw-content: attr(data-placeholder);
  content: var(--tw-content);
  -webkit-user-select: none;
  user-select: none;
}
.ProseMirror p,
.ProseMirror strong {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--ze-text-color);
}
.ProseMirror li {
  color: var(--ze-text-color);
}
.ProseMirror code {
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-code-border-color);
  background-color: var(--ze-code-bg-color);
  padding-inline: var(--spacing, 0.25rem);
  padding-block: 1px;
  color: var(--ze-code-text-color);
}
.ProseMirror.ze__no__cursor {
  caret-color: transparent;
}
.ProseMirror .ze__fake__cursor {
  pointer-events: none;
  position: relative;
  z-index: 10;
  margin-right: -1px;
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: currentcolor;
  -webkit-user-select: none;
  user-select: none;
  animation: ze-caret-blink 1s infinite;
}
@keyframes ze-caret-blink {
  49% {
    border-color: transparent;
  }
  50% {
    border-color: currentColor;
  }
  99% {
    border-color: currentColor;
  }
}
.ProseMirror .mention {
  display: inline-block;
  cursor: default;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-mention-border-color);
  background-color: var(--ze-mention-bg-color);
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
  padding-block: var(--spacing, 0.25rem);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  white-space: nowrap;
  color: var(--ze-mention-text-color);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.ProseMirror .mention::before {
  color: var(--ze-mention-text-color);
}
.ze__divider__wrapper {
  display: flex;
  min-height: calc(var(--spacing, 0.25rem) * 2.5);
  width: 100%;
  align-items: center;
}
.ze__divider__wrapper .ze__divider {
  margin-block: calc(var(--spacing, 0.25rem) * 5);
  height: 1px;
  width: 100%;
  --tw-border-style: none;
  border-style: none;
  background-color: var(--ze-divider-color);
}
.zapeditor__blockquote {
  position: relative;
  padding-block: calc(var(--spacing, 0.25rem) * 3);
  padding-left: calc(var(--spacing, 0.25rem) * 4);
  color: var(--ze-text-color);
}
.zapeditor__blockquote::before {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: var(--spacing, 0.25rem);
  border-radius: calc(infinity * 1px);
  background-color: var(--ze-quote-color);
  --tw-content: "";
  content: var(--tw-content);
}
.zapeditor__blockquote p {
  margin: 0px;
}
.ze__link__controls.ze__link__card__edit {
  border-radius: var(--ze-link-hover-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-hover-border-color);
  background-color: var(--ze-link-hover-bg-color);
}
.ze__link__card {
  position: absolute;
  display: none;
}
.ze__link__card__content {
  display: flex;
  width: max-content;
  align-items: center;
  gap: var(--spacing, 0.25rem);
  border-radius: var(--ze-link-hover-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-hover-border-color);
  background-color: var(--ze-link-hover-bg-color);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--ze-link-hover-text-color);
  padding-top: var(--ze-link-hover-padding-top);
  padding-right: var(--ze-link-hover-padding-right);
  padding-bottom: var(--ze-link-hover-padding-bottom);
  padding-left: var(--ze-link-hover-padding-left);
}
.ze__link__card__edit__button {
  width: max-content;
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  text-align: left;
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  padding-top: var(--ze-link-hover-btn-padding-top);
  padding-right: var(--ze-link-hover-btn-padding-right);
  padding-bottom: var(--ze-link-hover-btn-padding-bottom);
  padding-left: var(--ze-link-hover-btn-padding-left);
  font-size: var(--ze-link-hover-btn-font-size);
  --tw-leading: var(--ze-link-hover-btn-line-height);
  line-height: var(--ze-link-hover-btn-line-height);
  --tw-font-weight: var(--ze-link-hover-btn-font-weight);
  font-weight: var(--ze-link-hover-btn-font-weight);
  --tw-tracking: var(--ze-link-hover-btn-letter-spacing);
  letter-spacing: var(--ze-link-hover-btn-letter-spacing);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-hover-btn-border-color);
  background-color: var(--ze-link-hover-btn-bg-color);
  color: var(--ze-link-hover-btn-text-color);
  border-radius: var(--ze-link-hover-btn-border-radius);
}
@media (hover: hover) {
  .ze__link__card__edit__button:hover {
    border-color: var(--ze-link-hover-btn-border-hover-color);
  }
}
@media (hover: hover) {
  .ze__link__card__edit__button:hover {
    background-color: var(--ze-link-hover-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ze__link__card__edit__button:hover {
    color: var(--ze-link-hover-btn-text-hover-color);
  }
}
.ze__link__card__form {
  width: 100%;
}
.ze__link__card__separator {
  margin-inline: var(--spacing, 0.25rem);
  margin-block: var(--spacing, 0.25rem);
  height: calc(var(--spacing, 0.25rem) * 5);
  width: 1px;
  background-color: var(--ze-link-hover-separator-color);
}
.ze__link__card__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing, 0.25rem);
}
.ze__link__card__unlink,
.ze__link__card__newtab {
  flex: 1;
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-border-style: none;
  border-style: none;
  background-color: transparent;
  text-align: center;
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  padding-top: var(--ze-link-hover-btn-padding-top);
  padding-right: var(--ze-link-hover-btn-padding-right);
  padding-bottom: var(--ze-link-hover-btn-padding-bottom);
  padding-left: var(--ze-link-hover-btn-padding-left);
  font-size: var(--ze-link-hover-btn-font-size);
  --tw-leading: var(--ze-link-hover-btn-line-height);
  line-height: var(--ze-link-hover-btn-line-height);
  --tw-font-weight: var(--ze-link-hover-btn-font-weight);
  font-weight: var(--ze-link-hover-btn-font-weight);
  --tw-tracking: var(--ze-link-hover-btn-letter-spacing);
  letter-spacing: var(--ze-link-hover-btn-letter-spacing);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-hover-btn-border-color);
  background-color: var(--ze-link-hover-btn-bg-color);
  color: var(--ze-link-hover-btn-text-color);
  border-radius: var(--ze-link-hover-btn-border-radius);
}
@media (hover: hover) {
  :is(.ze__link__card__unlink, .ze__link__card__newtab):hover {
    border-color: var(--ze-link-hover-btn-border-hover-color);
  }
}
@media (hover: hover) {
  :is(.ze__link__card__unlink, .ze__link__card__newtab):hover {
    background-color: var(--ze-link-hover-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  :is(.ze__link__card__unlink, .ze__link__card__newtab):hover {
    color: var(--ze-link-hover-btn-text-hover-color);
  }
}
.ze__link__card__icon_separator {
  margin-inline: calc(var(--spacing, 0.25rem) * 0.5);
  height: calc(var(--spacing, 0.25rem) * 5);
  width: 1px;
  background-color: var(--ze-border-color);
}
.ze__link__card__edit {
  display: block;
}
.ze__link__card__edit__form {
  width: 100%;
  min-width: 20rem;
  padding-top: var(--ze-link-card-padding-top);
  padding-right: var(--ze-link-card-padding-right);
  padding-bottom: var(--ze-link-card-padding-bottom);
  padding-left: var(--ze-link-card-padding-left);
}
.ze__link__card__input {
  width: 100%;
  border-radius: var(--radius-md, 0.375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-card-input-border-color);
  background-color: var(--ze-link-card-input-bg-color);
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--ze-text-color);
  --tw-outline-style: none;
  outline-style: none;
  padding-top: var(--ze-link-card-input-padding-top);
  padding-right: var(--ze-link-card-input-padding-right);
  padding-bottom: var(--ze-link-card-input-padding-bottom);
  padding-left: var(--ze-link-card-input-padding-left);
  font-size: var(--ze-link-card-input-font-size);
  --tw-leading: var(--ze-link-card-input-line-height);
  line-height: var(--ze-link-card-input-line-height);
  --tw-font-weight: var(--ze-link-card-input-font-weight);
  font-weight: var(--ze-link-card-input-font-weight);
  --tw-tracking: var(--ze-link-card-input-letter-spacing);
  letter-spacing: var(--ze-link-card-input-letter-spacing);
}
.ze__link__card__input:focus {
  border-color: var(--ze-link-card-input-border-focus-color);
}
.ze__link__card__input:focus {
  background-color: var(--ze-link-card-input-bg-focus-color);
}
.ze__link__card__input:focus {
  color: var(--ze-link-card-input-text-focus-color);
}
.ze__link__card__input::placeholder {
  font-size: var(--ze-link-card-input-placeholder-font-size);
  --tw-leading: var(--ze-link-card-input-placeholder-line-height);
  line-height: var(--ze-link-card-input-placeholder-line-height);
  --tw-font-weight: var(--ze-link-card-input-placeholder-font-weight);
  font-weight: var(--ze-link-card-input-placeholder-font-weight);
  --tw-tracking: var(--ze-link-card-input-placeholder-letter-spacing);
  letter-spacing: var(--ze-link-card-input-placeholder-letter-spacing);
  color: var(--ze-link-card-input-placeholder-color);
}
.ze__link__card__input__group {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing, 0.25rem);
}
.ze__link__card__input__label {
  font-size: var(--ze-link-card-label-font-size);
  --tw-leading: var(--ze-link-card-label-line-height);
  line-height: var(--ze-link-card-label-line-height);
  --tw-font-weight: var(--ze-link-card-label-font-weight);
  font-weight: var(--ze-link-card-label-font-weight);
  --tw-tracking: var(--ze-link-card-label-letter-spacing);
  letter-spacing: var(--ze-link-card-label-letter-spacing);
  color: var(--ze-link-card-label-color);
}
.ze__link__card__button__group {
  display: flex;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.ze__link__card__update {
  flex: 1;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-card-primary-btn-border-color);
  background-color: var(--ze-link-card-primary-btn-bg-color);
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: var(--spacing, 0.25rem);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-link-card-primary-btn-text-color);
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  padding-top: var(--ze-link-card-primary-btn-padding-top);
  padding-right: var(--ze-link-card-primary-btn-padding-right);
  padding-bottom: var(--ze-link-card-primary-btn-padding-bottom);
  padding-left: var(--ze-link-card-primary-btn-padding-left);
  font-size: var(--ze-link-card-primary-btn-font-size);
  --tw-leading: var(--ze-link-card-primary-btn-line-height);
  line-height: var(--ze-link-card-primary-btn-line-height);
  --tw-font-weight: var(--ze-link-card-primary-btn-font-weight);
  font-weight: var(--ze-link-card-primary-btn-font-weight);
  --tw-tracking: var(--ze-link-card-primary-btn-letter-spacing);
  letter-spacing: var(--ze-link-card-primary-btn-letter-spacing);
  border-radius: var(--ze-link-card-primary-btn-border-radius);
}
@media (hover: hover) {
  .ze__link__card__update:hover {
    border-color: var(--ze-link-card-primary-btn-border-hover-color);
  }
}
@media (hover: hover) {
  .ze__link__card__update:hover {
    background-color: var(--ze-link-card-primary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ze__link__card__update:hover {
    color: var(--ze-link-card-primary-btn-text-hover-color);
  }
}
.ze__link__card__cancel {
  flex: 1;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-link-card-secondary-btn-border-color);
  background-color: var(--ze-link-card-secondary-btn-bg-color);
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: var(--spacing, 0.25rem);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-link-card-secondary-btn-text-color);
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  padding-top: var(--ze-link-card-secondary-btn-padding-top);
  padding-right: var(--ze-link-card-secondary-btn-padding-right);
  padding-bottom: var(--ze-link-card-secondary-btn-padding-bottom);
  padding-left: var(--ze-link-card-secondary-btn-padding-left);
  font-size: var(--ze-link-card-secondary-btn-font-size);
  --tw-leading: var(--ze-link-card-secondary-btn-line-height);
  line-height: var(--ze-link-card-secondary-btn-line-height);
  --tw-font-weight: var(--ze-link-card-secondary-btn-font-weight);
  font-weight: var(--ze-link-card-secondary-btn-font-weight);
  --tw-tracking: var(--ze-link-card-secondary-btn-letter-spacing);
  letter-spacing: var(--ze-link-card-secondary-btn-letter-spacing);
  border-radius: var(--ze-link-card-secondary-btn-border-radius);
}
@media (hover: hover) {
  .ze__link__card__cancel:hover {
    border-color: var(--ze-link-card-secondary-btn-border-hover-color);
  }
}
@media (hover: hover) {
  .ze__link__card__cancel:hover {
    background-color: var(--ze-link-card-secondary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ze__link__card__cancel:hover {
    color: var(--ze-link-card-secondary-btn-text-hover-color);
  }
}
.ze__mention__suggestions {
  position: fixed;
  z-index: 9999;
  max-height: 700px;
  min-width: calc(var(--spacing, 0.25rem) * 60);
  overflow-y: auto;
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-cmd-block-border-color);
  background-color: var(--ze-cmd-block-bg-color);
  padding: var(--spacing, 0.25rem);
  font-family: var(--font-sans, "MetropolisRegular", sans-serif);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ze__mention__suggestion {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 3);
  border-radius: var(--radius-md, 0.375rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: 5px;
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  padding-top: var(--ze-cmd-block-option-padding-top);
  padding-right: var(--ze-cmd-block-option-padding-right);
  padding-bottom: var(--ze-cmd-block-option-padding-bottom);
  padding-left: var(--ze-cmd-block-option-padding-left);
  color: var(--ze-cmd-block-option-text-color);
  font-size: var(--ze-cmd-block-option-font-size);
  --tw-leading: var(--ze-cmd-block-option-line-height);
  line-height: var(--ze-cmd-block-option-line-height);
  --tw-font-weight: var(--ze-cmd-block-option-font-weight);
  font-weight: var(--ze-cmd-block-option-font-weight);
  --tw-tracking: var(--ze-cmd-block-option-letter-spacing);
  letter-spacing: var(--ze-cmd-block-option-letter-spacing);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-cmd-block-option-border-color);
  background-color: var(--ze-cmd-block-option-bg-color);
  border-radius: var(--ze-cmd-block-option-border-radius);
}
.ze__mention__suggestion__active {
  background-color: var(--ze-cmd-block-option-bg-hover-color);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  color: var(--ze-cmd-block-option-text-hover-color);
  border-color: var(--ze-cmd-block-option-border-hover-color);
}
.ze__mention__suggestion__avatar {
  flex-shrink: 0;
}
.ze__mention__suggestion__avatar img {
  height: calc(var(--spacing, 0.25rem) * 5);
  width: calc(var(--spacing, 0.25rem) * 5);
  border-radius: 0.25rem;
  object-fit: cover;
}
.ze__mention__suggestion__info {
  min-width: 0px;
  flex: 1;
}
.ze__mention__suggestion__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--ze-cmd-block-option-text-color);
}
.slash__suggestions {
  position: fixed;
  z-index: 9999;
  max-height: 700px;
  min-width: calc(var(--spacing, 0.25rem) * 60);
  overflow-y: auto;
  border-radius: var(--ze-cmd-block-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-cmd-block-border-color);
  background-color: var(--ze-cmd-block-bg-color);
  font-family: var(--font-sans, "MetropolisRegular", sans-serif);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  padding-top: var(--ze-cmd-block-padding-top);
  padding-right: var(--ze-cmd-block-padding-right);
  padding-bottom: var(--ze-cmd-block-padding-bottom);
  padding-left: var(--ze-cmd-block-padding-left);
}
.slash__separator {
  margin-block: var(--spacing, 0.25rem);
  height: 1px;
  background-color: var(--ze-cmd-block-separator-color);
}
.slash__suggestion {
  margin-inline: var(--spacing, 0.25rem);
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ze-cmd-block-option-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-cmd-block-option-border-color);
  background-color: var(--ze-cmd-block-option-bg-color);
  padding-top: var(--ze-cmd-block-option-padding-top);
  padding-right: var(--ze-cmd-block-option-padding-right);
  padding-bottom: var(--ze-cmd-block-option-padding-bottom);
  padding-left: var(--ze-cmd-block-option-padding-left);
  color: var(--ze-cmd-block-option-text-color);
  font-size: var(--ze-cmd-block-option-font-size);
  --tw-leading: var(--ze-cmd-block-option-line-height);
  line-height: var(--ze-cmd-block-option-line-height);
  --tw-font-weight: var(--ze-cmd-block-option-font-weight);
  font-weight: var(--ze-cmd-block-option-font-weight);
  --tw-tracking: var(--ze-cmd-block-option-letter-spacing);
  letter-spacing: var(--ze-cmd-block-option-letter-spacing);
}
.slash__suggestion:first-of-type {
  margin-top: var(--spacing, 0.25rem);
}
.slash__suggestion:last-of-type {
  margin-bottom: var(--spacing, 0.25rem);
}
.slash__suggestion__active {
  background-color: var(--ze-cmd-block-option-bg-hover-color);
  color: var(--ze-cmd-block-option-text-hover-color);
  border-color: var(--ze-cmd-block-option-border-hover-color);
}
.slash__suggestion__icon {
  margin-right: calc(var(--spacing, 0.25rem) * 2);
  display: flex;
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--ze-cmd-block-option-icon-color);
}
.slash__suggestion__icon img {
  height: calc(var(--spacing, 0.25rem) * 4);
  width: calc(var(--spacing, 0.25rem) * 4);
}
.slash__suggestion__content {
  min-width: 0px;
  flex: 1;
}
.slash__suggestion__title {
  font-size: 12px;
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-cmd-block-option-text-color);
}
.slash__suggestion__shortcut {
  margin-left: var(--spacing, 0.25rem);
  flex-shrink: 0;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: 10px;
  color: var(--ze-cmd-block-option-shortcut-color);
}
.ProseMirror .media__node {
  position: relative;
  margin-inline: auto;
  margin-block: calc(var(--spacing, 0.25rem) * 3);
  display: block;
  max-width: max-content;
  cursor: pointer;
  overflow: visible;
  text-align: center;
}
.ProseMirror .media__node.ProseMirror-selectednode {
  --tw-border-style: none;
  border-style: none;
  --tw-outline-style: none;
  outline-style: none;
}
.ProseMirror .media__container {
  position: relative;
  margin-inline: auto;
  border-radius: var(--radius-lg, 0.5rem);
}
.ProseMirror .media__upload__spinner {
  z-index: 1;
  height: calc(var(--spacing, 0.25rem) * 10);
  width: calc(var(--spacing, 0.25rem) * 10);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--ze-media-uploading-border-color);
  border-top-color: var(--ze-media-spinner-color);
  animation: media-spin 1s linear infinite;
}
.ProseMirror .media__resize__handle {
  position: absolute;
  top: calc(1 / 2 * 100%);
  z-index: 20;
  height: calc(var(--spacing, 0.25rem) * 8);
  width: var(--spacing, 0.25rem);
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  cursor: w-resize;
  border-radius: 0.25rem;
  background-color: var(--ze-media-resize-handle-color);
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.ProseMirror .media__resize__handle:hover {
  background-color: var(--ze-media-resize-handle-hover-color);
}
.ProseMirror .media__resize__handle__left {
  left: calc(var(--spacing, 0.25rem) * 2);
  cursor: w-resize;
}
.ProseMirror .media__resize__handle__right {
  right: calc(var(--spacing, 0.25rem) * 2);
  cursor: e-resize;
}
.ProseMirror .media__toolbar {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 2);
  right: calc(var(--spacing, 0.25rem) * 2);
  display: flex;
  gap: var(--spacing, 0.25rem);
  border-radius: var(--ze-media-toolbar-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-media-toolbar-border-color);
  background-color: var(--ze-media-toolbar-bg-color);
  opacity: 0%;
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  padding-top: var(--ze-media-toolbar-padding-top);
  padding-right: var(--ze-media-toolbar-padding-right);
  padding-bottom: var(--ze-media-toolbar-padding-bottom);
  padding-left: var(--ze-media-toolbar-padding-left);
}
.ProseMirror .media__toolbar button {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: var(--ze-media-primary-btn-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-media-primary-btn-border-color);
  background-color: var(--ze-media-primary-btn-bg-color);
  padding: var(--spacing, 0.25rem);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--ze-media-primary-btn-text-color);
  padding-top: var(--ze-media-primary-btn-padding-top);
  padding-right: var(--ze-media-primary-btn-padding-right);
  padding-bottom: var(--ze-media-primary-btn-padding-bottom);
  padding-left: var(--ze-media-primary-btn-padding-left);
  font-size: var(--ze-media-primary-btn-font-size);
  --tw-leading: var(--ze-media-primary-btn-line-height);
  line-height: var(--ze-media-primary-btn-line-height);
  --tw-font-weight: var(--ze-media-primary-btn-font-weight);
  font-weight: var(--ze-media-primary-btn-font-weight);
  --tw-tracking: var(--ze-media-primary-btn-letter-spacing);
  letter-spacing: var(--ze-media-primary-btn-letter-spacing);
}
@media (hover: hover) {
  .ProseMirror .media__toolbar button:hover {
    border-color: var(--ze-media-primary-btn-border-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .media__toolbar button:hover {
    background-color: var(--ze-media-primary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .media__toolbar button:hover {
    color: var(--ze-media-primary-btn-text-hover-color);
  }
}
.ProseMirror .media__toolbar button:last-of-type {
  border-color: var(--ze-media-secondary-btn-border-color);
  background-color: var(--ze-media-secondary-btn-bg-color);
  color: var(--ze-media-secondary-btn-text-color);
  padding-top: var(--ze-media-secondary-btn-padding-top);
  padding-right: var(--ze-media-secondary-btn-padding-right);
  padding-bottom: var(--ze-media-secondary-btn-padding-bottom);
  padding-left: var(--ze-media-secondary-btn-padding-left);
  font-size: var(--ze-media-secondary-btn-font-size);
  --tw-leading: var(--ze-media-secondary-btn-line-height);
  line-height: var(--ze-media-secondary-btn-line-height);
  --tw-font-weight: var(--ze-media-secondary-btn-font-weight);
  font-weight: var(--ze-media-secondary-btn-font-weight);
  --tw-tracking: var(--ze-media-secondary-btn-letter-spacing);
  letter-spacing: var(--ze-media-secondary-btn-letter-spacing);
}
@media (hover: hover) {
  .ProseMirror .media__toolbar button:last-of-type:hover {
    border-color: var(--ze-media-secondary-btn-border-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .media__toolbar button:last-of-type:hover {
    background-color: var(--ze-media-secondary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .media__toolbar button:last-of-type:hover {
    color: var(--ze-media-secondary-btn-text-hover-color);
  }
}
.ProseMirror .media__uploading__container {
  position: relative;
  margin-inline: auto;
  display: flex;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--ze-media-border-color);
  background-color: var(--ze-media-bg-color);
}
.ProseMirror .media__uploading__bg {
  position: absolute;
  inset: 0px;
  background-size: cover;
  background-position: center;
  opacity: 30%;
}
.ProseMirror .media__uploaded__container {
  position: relative;
  margin-inline: auto;
  display: block;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
}
.ProseMirror .media__uploaded__img,
.ProseMirror .media__uploaded__video {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ProseMirror .media__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--ze-media-border-color);
  background-color: var(--ze-media-bg-color);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--ze-media-text-color);
}
.ProseMirror .media__document__preview {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  border-radius: var(--radius-lg, 0.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-media-border-color);
  background-color: var(--ze-media-bg-color);
  padding: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror .media__document__icon {
  margin-right: calc(var(--spacing, 0.25rem) * 4);
  flex-shrink: 0;
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  color: var(--ze-media-icon-color);
}
.ProseMirror .media__document__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
}
.ProseMirror .media__document__name {
  text-align: left;
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-media-text-color);
}
.ProseMirror .media__document__size {
  margin-top: var(--spacing, 0.25rem);
  text-align: left;
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--ze-media-description-color);
}
.ze__media__preview__modal {
  position: fixed;
  inset: 0px;
  z-index: 9999;
  cursor: pointer;
  background-color: var(--ze-media-bg-color);
  animation: media-fade-in 0.2s ease-out;
}
.ze__media__preview__content {
  height: 100%;
  width: 100%;
  cursor: default;
  overflow: hidden;
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--ze-media-bg-color);
  animation: media-scale-in 0.2s ease-out;
}
.ze__media__preview__header {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10000;
  display: flex;
  gap: 0px;
  padding: calc(var(--spacing, 0.25rem) * 2);
}
.ze__media__preview__close,
.ze__media__preview__download {
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: calc(var(--spacing, 0.25rem) * 1.5);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--ze-media-text-color);
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: var(--ze-media-primary-btn-border-radius);
  border-color: var(--ze-media-primary-btn-border-color);
  background-color: var(--ze-media-primary-btn-bg-color);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--ze-media-primary-btn-text-color);
  padding-top: var(--ze-media-primary-btn-padding-top);
  padding-right: var(--ze-media-primary-btn-padding-right);
  padding-bottom: var(--ze-media-primary-btn-padding-bottom);
  padding-left: var(--ze-media-primary-btn-padding-left);
  font-size: var(--ze-media-primary-btn-font-size);
  --tw-leading: var(--ze-media-primary-btn-line-height);
  line-height: var(--ze-media-primary-btn-line-height);
  --tw-font-weight: var(--ze-media-primary-btn-font-weight);
  font-weight: var(--ze-media-primary-btn-font-weight);
  --tw-tracking: var(--ze-media-primary-btn-letter-spacing);
  letter-spacing: var(--ze-media-primary-btn-letter-spacing);
}
@media (hover: hover) {
  :is(.ze__media__preview__close, .ze__media__preview__download):hover {
    background-color: var(--ze-media-hover-bg-color);
  }
}
@media (hover: hover) {
  :is(.ze__media__preview__close, .ze__media__preview__download):hover {
    border-color: var(--ze-media-primary-btn-border-hover-color);
  }
}
@media (hover: hover) {
  :is(.ze__media__preview__close, .ze__media__preview__download):hover {
    background-color: var(--ze-media-primary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  :is(.ze__media__preview__close, .ze__media__preview__download):hover {
    color: var(--ze-media-primary-btn-text-hover-color);
  }
}
.ze__media__preview__close:last-of-type,
.ze__media__preview__download:last-of-type {
  border-color: var(--ze-media-secondary-btn-border-color);
  background-color: var(--ze-media-secondary-btn-bg-color);
  color: var(--ze-media-secondary-btn-text-color);
  padding-top: var(--ze-media-secondary-btn-padding-top);
  padding-right: var(--ze-media-secondary-btn-padding-right);
  padding-bottom: var(--ze-media-secondary-btn-padding-bottom);
  padding-left: var(--ze-media-secondary-btn-padding-left);
  font-size: var(--ze-media-secondary-btn-font-size);
  --tw-leading: var(--ze-media-secondary-btn-line-height);
  line-height: var(--ze-media-secondary-btn-line-height);
  --tw-font-weight: var(--ze-media-secondary-btn-font-weight);
  font-weight: var(--ze-media-secondary-btn-font-weight);
  --tw-tracking: var(--ze-media-secondary-btn-letter-spacing);
  letter-spacing: var(--ze-media-secondary-btn-letter-spacing);
}
@media (hover: hover) {
  :is(.ze__media__preview__close:last-of-type, .ze__media__preview__download:last-of-type):hover {
    border-color: var(--ze-media-secondary-btn-border-hover-color);
  }
}
@media (hover: hover) {
  :is(.ze__media__preview__close:last-of-type, .ze__media__preview__download:last-of-type):hover {
    background-color: var(--ze-media-secondary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  :is(.ze__media__preview__close:last-of-type, .ze__media__preview__download:last-of-type):hover {
    color: var(--ze-media-secondary-btn-text-hover-color);
  }
}
.ze__media__preview__media {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.ze__media__preview__media img {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.ze__media__preview__media img.zoomed {
  --tw-scale-x: 150%;
  --tw-scale-y: 150%;
  --tw-scale-z: 150%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  cursor: zoom-out;
}
.ProseMirror [draggable][contenteditable=false] {
  -webkit-user-select: none;
  user-select: none;
}
@keyframes media-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes media-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes media-scale-in {
  0% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.ProseMirror .cm-editor {
  overflow: hidden;
  border-bottom-right-radius: var(--ze-codeblock-border-radius);
  border-bottom-left-radius: var(--ze-codeblock-border-radius);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  border-color: var(--ze-codeblock-border-color);
  background-color: var(--ze-codeblock-bg-color);
  color: var(--ze-codeblock-text-color);
  font-size: var(--ze-codeblock-font-size);
  --tw-leading: var(--ze-codeblock-line-height);
  line-height: var(--ze-codeblock-line-height);
  --tw-font-weight: var(--ze-codeblock-font-weight);
  font-weight: var(--ze-codeblock-font-weight);
  --tw-tracking: var(--ze-codeblock-letter-spacing);
  letter-spacing: var(--ze-codeblock-letter-spacing);
}
.ProseMirror .cm-editor .cm-content {
  padding: calc(var(--spacing, 0.25rem) * 3);
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.ProseMirror .cm-editor .cm-line {
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
}
.ProseMirror .cm-editor .cm-lineWrapping {
  word-break: break-all;
  white-space: pre-wrap;
}
.ProseMirror .cm-editor .cm-cursor {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--ze-codeblock-text-color);
}
.ProseMirror .cm-editor .cm-selectionBackground,
.ProseMirror .cm-editor .cm-selection,
.ProseMirror .cm-editor .cm-focused .cm-selection {
  background-color: var(--ze-codeblock-selection-color);
}
.ProseMirror .cm-editor.cm-focused {
  --tw-outline-style: none;
  outline-style: none;
}
.ProseMirror .cm-editor .cm-activeLine {
  background-color: var(--ze-codeblock-text-color);
}
@supports (color: color-mix(in lab, red, red)) {
  .ProseMirror .cm-editor .cm-activeLine {
    background-color: color-mix(in oklab, var(--ze-codeblock-text-color) 5%, transparent);
  }
}
.ProseMirror .cm-editor .cm-cursor-primary {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--ze-codeblock-text-color);
}
.ProseMirror .cm-editor .cm-selectionBackground + .cm-line {
  color: var(--ze-codeblock-text-color);
}
.ProseMirror .cm-editor .cm-cursor,
.ProseMirror .cm-editor .cm-cursor-primary,
.ProseMirror .cm-editor .cm-cursor-secondary {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--ze-codeblock-text-color);
}
.ProseMirror .cm-editor .cm-focused .cm-cursor {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
  border-color: var(--ze-codeblock-text-color);
  animation: blink 1s infinite;
}
@keyframes blink {
  0%, 50% {
    border-left-color: var(--ze-codeblock-text-color);
  }
  51%, 100% {
    border-left-color: transparent;
  }
}
.ProseMirror .pm-codeblock {
  position: relative;
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  border-radius: var(--ze-codeblock-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-codeblock-border-color);
  background-color: var(--ze-codeblock-bg-color);
}
.ProseMirror .pm-codeblock .cm-editor {
  width: 100%;
}
.ProseMirror .pm-codeblock .cm-editor * {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
}
.ProseMirror .pm-codeblock .cm-editor .cm-scroller {
  overflow-x: hidden;
}
.ProseMirror .pm-codeblock .cm-editor.cm-focused + * {
  display: block;
}
.ProseMirror .codeblock-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: var(--radius-md, 0.375rem);
  border-top-right-radius: var(--radius-md, 0.375rem);
  background-color: var(--ze-codeblock-bg-color);
  padding-top: var(--ze-codeblock-padding-top);
  padding-right: var(--ze-codeblock-padding-right);
  padding-bottom: var(--ze-codeblock-padding-bottom);
  padding-left: var(--ze-codeblock-padding-left);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector {
  position: relative;
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-select {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--ze-codeblock-lang-border-radius);
  font-size: var(--ze-codeblock-lang-font-size);
  --tw-leading: var(--ze-codeblock-lang-line-height);
  line-height: var(--ze-codeblock-lang-line-height);
  --tw-font-weight: var(--ze-codeblock-lang-font-weight);
  font-weight: var(--ze-codeblock-lang-font-weight);
  --tw-tracking: var(--ze-codeblock-lang-letter-spacing);
  letter-spacing: var(--ze-codeblock-lang-letter-spacing);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-codeblock-lang-border-color);
  background-color: var(--ze-codeblock-lang-bg-color);
  color: var(--ze-codeblock-lang-text-color);
  padding-top: var(--ze-codeblock-lang-padding-top);
  padding-right: var(--ze-codeblock-lang-padding-right);
  padding-bottom: var(--ze-codeblock-lang-padding-bottom);
  padding-left: var(--ze-codeblock-lang-padding-left);
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-select:hover {
    border-color: var(--ze-codeblock-lang-border-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-select:hover {
    background-color: var(--ze-codeblock-lang-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-select:hover {
    color: var(--ze-codeblock-lang-text-hover-color);
  }
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-select .current-language {
  padding-right: var(--spacing, 0.25rem);
  color: var(--ze-codeblock-lang-text-color);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-select .fa-chevron-down {
  font-size: var(--ze-codeblock-lang-font-size);
  --tw-leading: var(--ze-codeblock-lang-line-height);
  line-height: var(--ze-codeblock-lang-line-height);
  --tw-font-weight: var(--ze-codeblock-lang-font-weight);
  font-weight: var(--ze-codeblock-lang-font-weight);
  --tw-tracking: var(--ze-codeblock-lang-letter-spacing);
  letter-spacing: var(--ze-codeblock-lang-letter-spacing);
  color: var(--ze-codeblock-lang-text-color);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown {
  position: absolute;
  z-index: 999;
  margin-top: calc(var(--spacing, 0.25rem) * 1.5);
  max-height: 10rem;
  width: 100%;
  min-width: 8rem;
  overflow-y: auto;
  border-radius: var(--ze-codeblock-lang-dropdown-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-codeblock-lang-dropdown-border-color);
  background-color: var(--ze-codeblock-lang-dropdown-bg-color);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
  padding-top: var(--ze-codeblock-lang-dropdown-padding-top);
  padding-right: var(--ze-codeblock-lang-dropdown-padding-right);
  padding-bottom: var(--ze-codeblock-lang-dropdown-padding-bottom);
  padding-left: var(--ze-codeblock-lang-dropdown-padding-left);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown::-webkit-scrollbar {
  height: var(--ze-codeblock-lang-dropdown-scrollbar-height);
  width: var(--ze-codeblock-lang-dropdown-scrollbar-width);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown::-webkit-scrollbar-thumb {
  border-radius: var(--ze-codeblock-lang-dropdown-scrollbar-border-radius);
  background-color: var(--ze-codeblock-lang-dropdown-scrollbar-thumb-color);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown::-webkit-scrollbar-track {
  border-radius: var(--ze-codeblock-lang-dropdown-scrollbar-border-radius);
  background-color: var(--ze-codeblock-lang-dropdown-scrollbar-track-color);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown::-webkit-scrollbar-corner {
  border-radius: var(--ze-codeblock-lang-dropdown-scrollbar-border-radius);
  background-color: var(--ze-codeblock-lang-dropdown-scrollbar-corner-color);
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option {
  cursor: pointer;
  background-color: var(--ze-codeblock-lang-option-bg-color);
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: var(--spacing, 0.25rem);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--ze-codeblock-lang-option-text-color);
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  padding-top: var(--ze-codeblock-lang-option-padding-top);
  padding-right: var(--ze-codeblock-lang-option-padding-right);
  padding-bottom: var(--ze-codeblock-lang-option-padding-bottom);
  padding-left: var(--ze-codeblock-lang-option-padding-left);
  font-size: var(--ze-codeblock-lang-option-font-size);
  --tw-leading: var(--ze-codeblock-lang-option-line-height);
  line-height: var(--ze-codeblock-lang-option-line-height);
  --tw-font-weight: var(--ze-codeblock-lang-option-font-weight);
  font-weight: var(--ze-codeblock-lang-option-font-weight);
  --tw-tracking: var(--ze-codeblock-lang-option-letter-spacing);
  letter-spacing: var(--ze-codeblock-lang-option-letter-spacing);
  border-top-left-radius: var(--ze-codeblock-lang-option-border-radius);
  border-top-right-radius: var(--ze-codeblock-lang-option-border-radius);
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option:hover {
    background-color: var(--ze-codeblock-lang-option-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option:hover {
    border-color: var(--ze-codeblock-lang-option-border-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option:hover {
    background-color: var(--ze-codeblock-lang-option-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option:hover {
    color: var(--ze-codeblock-lang-option-text-hover-color);
  }
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .language-selector .language-dropdown .language-option:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions {
  display: flex;
  gap: 0px;
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 1px;
  text-align: center;
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:first-child {
  border-radius: var(--ze-codeblock-primary-btn-border-radius);
  padding-top: var(--ze-codeblock-primary-btn-padding-top);
  padding-right: var(--ze-codeblock-primary-btn-padding-right);
  padding-bottom: var(--ze-codeblock-primary-btn-padding-bottom);
  padding-left: var(--ze-codeblock-primary-btn-padding-left);
  color: var(--ze-codeblock-primary-btn-text-color);
  border-color: var(--ze-codeblock-primary-btn-border-color);
  background-color: var(--ze-codeblock-primary-btn-bg-color);
  font-size: var(--ze-codeblock-primary-btn-font-size);
  --tw-leading: var(--ze-codeblock-primary-btn-line-height);
  line-height: var(--ze-codeblock-primary-btn-line-height);
  --tw-font-weight: var(--ze-codeblock-primary-btn-font-weight);
  font-weight: var(--ze-codeblock-primary-btn-font-weight);
  --tw-tracking: var(--ze-codeblock-primary-btn-letter-spacing);
  letter-spacing: var(--ze-codeblock-primary-btn-letter-spacing);
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:first-child:hover {
    background-color: var(--ze-codeblock-primary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:first-child:hover {
    color: var(--ze-codeblock-primary-btn-text-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:first-child:hover {
    border-color: var(--ze-codeblock-primary-btn-border-hover-color);
  }
}
.ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:last-child {
  border-radius: var(--ze-codeblock-secondary-btn-border-radius);
  padding-top: var(--ze-codeblock-secondary-btn-padding-top);
  padding-right: var(--ze-codeblock-secondary-btn-padding-right);
  padding-bottom: var(--ze-codeblock-secondary-btn-padding-bottom);
  padding-left: var(--ze-codeblock-secondary-btn-padding-left);
  color: var(--ze-codeblock-secondary-btn-text-color);
  border-color: var(--ze-codeblock-secondary-btn-border-color);
  background-color: var(--ze-codeblock-secondary-btn-bg-color);
  font-size: var(--ze-codeblock-secondary-btn-font-size);
  --tw-leading: var(--ze-codeblock-secondary-btn-line-height);
  line-height: var(--ze-codeblock-secondary-btn-line-height);
  --tw-font-weight: var(--ze-codeblock-secondary-btn-font-weight);
  font-weight: var(--ze-codeblock-secondary-btn-font-weight);
  --tw-tracking: var(--ze-codeblock-secondary-btn-letter-spacing);
  letter-spacing: var(--ze-codeblock-secondary-btn-letter-spacing);
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:last-child:hover {
    background-color: var(--ze-codeblock-secondary-btn-bg-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:last-child:hover {
    color: var(--ze-codeblock-secondary-btn-text-hover-color);
  }
}
@media (hover: hover) {
  .ProseMirror .codeblock-toolbar .codeblock-tools-container .tooltip-actions button:last-child:hover {
    border-color: var(--ze-codeblock-secondary-btn-border-hover-color);
  }
}
.ProseMirror .cm-scroller::-webkit-scrollbar {
  height: var(--ze-codeblock-scrollbar-height);
  width: var(--ze-codeblock-scrollbar-width);
}
.ProseMirror .cm-scroller::-webkit-scrollbar-thumb {
  border-radius: var(--ze-codeblock-scrollbar-border-radius);
  background-color: var(--ze-codeblock-scrollbar-thumb-color);
}
.ProseMirror .cm-scroller::-webkit-scrollbar-track {
  border-radius: var(--ze-codeblock-scrollbar-border-radius);
  background-color: var(--ze-codeblock-scrollbar-track-color);
}
.ProseMirror .cm-scroller::-webkit-scrollbar-corner {
  border-radius: var(--ze-codeblock-scrollbar-border-radius);
  background-color: var(--ze-codeblock-scrollbar-corner-color);
}
.ze__tooltip {
  z-index: 10001;
  max-width: 200px;
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  border-radius: var(--ze-tooltip-border-radius);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-tooltip-border-color);
  background-color: var(--ze-tooltip-bg-color);
  padding-top: var(--ze-tooltip-padding-top);
  padding-right: var(--ze-tooltip-padding-right);
  padding-bottom: var(--ze-tooltip-padding-bottom);
  padding-left: var(--ze-tooltip-padding-left);
  font-size: var(--ze-tooltip-font-size);
  --tw-leading: var(--ze-tooltip-line-height);
  line-height: var(--ze-tooltip-line-height);
  --tw-font-weight: var(--ze-tooltip-font-weight);
  font-weight: var(--ze-tooltip-font-weight);
  --tw-tracking: var(--ze-tooltip-letter-spacing);
  letter-spacing: var(--ze-tooltip-letter-spacing);
  overflow-wrap: break-word;
  color: var(--ze-tooltip-text-color);
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
  transition-timing-function: var(--ease-out, cubic-bezier(0, 0, 0.2, 1));
}
.ze__tooltip--entering {
  --tw-translate-y: 10px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 0%;
}
.ze__tooltip--visible {
  --tw-translate-y: 0px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 100%;
}
.ze__tooltip--exiting {
  --tw-translate-y: 5px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  opacity: 0%;
}
.zapexitor__tooltip__overlay {
  z-index: 1000;
}
.sr-only {
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  overflow: hidden;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: 0px;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}
.ProseMirror ul li {
  margin-left: calc(var(--spacing, 0.25rem) * 5);
  list-style-position: outside;
  list-style-type: disc;
}
.ProseMirror ul li .todo__list {
  margin-left: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror ul li .todo__list .todo__list__item {
  list-style-type: none;
}
.ProseMirror ul li .todo__list .todo__list__item::before {
  display: none;
}
.ProseMirror ol {
  margin-left: calc(var(--spacing, 0.25rem) * 8);
  list-style-type: none;
  counter-reset: level-0;
}
.ProseMirror ol:not(:first-child) {
  counter-reset: level-0;
}
.ProseMirror ol li > * {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1.5);
}
.ProseMirror ol > li {
  position: relative;
  list-style-type: none;
  counter-increment: level-0;
}
.ProseMirror ol > li::before {
  position: absolute;
  top: 0px;
  left: calc(var(--spacing, 0.25rem) * -7);
  width: calc(var(--spacing, 0.25rem) * 6);
  text-align: left;
  --tw-leading: 24px;
  line-height: 24px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
  content: counter(level-0) ".";
}
.ProseMirror ol > li .todo__list {
  margin-left: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror ol > li .todo__list .todo__list__item {
  list-style-type: none;
}
.ProseMirror ol > li .todo__list .todo__list__item::before {
  display: none;
}
.ProseMirror ol > li ol {
  margin-left: calc(var(--spacing, 0.25rem) * 2);
  counter-reset: level-1;
}
.ProseMirror ol > li ol > li {
  position: relative;
  padding-left: calc(var(--spacing, 0.25rem) * 5);
  counter-increment: level-1;
}
.ProseMirror ol > li ol > li::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(var(--spacing, 0.25rem) * 6);
  text-align: left;
  --tw-leading: 20px;
  line-height: 20px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
  content: counter(level-1, lower-alpha) ".";
}
.ProseMirror ol > li ol > li .todo__list {
  margin-left: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror ol > li ol > li .todo__list .todo__list__item {
  list-style-type: none;
}
.ProseMirror ol > li ol > li .todo__list .todo__list__item::before {
  display: none;
}
.ProseMirror ol > li ol > li ol {
  counter-reset: level-2;
}
.ProseMirror ol > li ol > li ol > li {
  position: relative;
  margin-top: calc(var(--spacing, 0.25rem) * 1.5);
  padding-left: calc(var(--spacing, 0.25rem) * 5);
  counter-increment: level-2;
}
.ProseMirror ol > li ol > li ol > li::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(var(--spacing, 0.25rem) * 6);
  text-align: left;
  --tw-leading: 20px;
  line-height: 20px;
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--ze-text-color);
  content: counter(level-2, lower-roman) ".";
}
.ProseMirror ol > li ol > li ol > li .todo__list {
  margin-top: calc(var(--spacing, 0.25rem) * 3);
  margin-left: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror ol > li ol > li ol > li .todo__list .todo__list__item {
  list-style-type: none;
}
.ProseMirror ol > li ol > li ol > li .todo__list .todo__list__item::before {
  display: none;
}
.ProseMirror .todo__list {
  list-style-type: none;
}
.ProseMirror .todo__list .todo__list__item {
  position: relative;
  margin-left: 0px;
  display: flex;
  align-items: flex-start;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox__input {
  display: none;
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox {
  margin-top: calc(var(--spacing, 0.25rem) * 0.5);
  height: 18px;
  width: 18px;
  cursor: pointer;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--ze-list-border-color);
  background-color: transparent;
  color: var(--ze-list-text-color);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox:focus {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow);
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox:focus {
  --tw-ring-color: var(--ze-text-color);
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox:focus {
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox--checked {
  border-color: var(--ze-list-checked-border-color);
  background-color: var(--ze-list-checked-bg-color);
  color: var(--ze-list-checked-text-color);
}
.ProseMirror .todo__list .todo__list__item .todo__checkbox--checked::after {
  font-family: var(--font-icon, "Font Awesome 7 Pro");
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-content: "\f00c";
  content: var(--tw-content);
}
.ProseMirror .todo__list .todo__list__item .todo__content {
  flex: 1;
  cursor: text;
}
.ProseMirror .todo__list .todo__list__item .todo__content > * {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1.5);
}
.ProseMirror .todo__list .todo__list__item .todo__list {
  margin-left: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror .todo__list .todo__list__item .todo__list .todo__list__item {
  margin-left: 0px;
}
.h1 {
  font-size: 2rem;
}
.h2 {
  font-size: 1.5rem;
}
.h3 {
  font-size: 1.25rem;
}
.h4 {
  font-size: 1rem;
}
.h5 {
  font-size: 0.875rem;
}
.h6 {
  font-size: 0.75rem;
}
.font-family-inherit {
  font-family: inherit;
}
.font-size-inherit {
  font-size: inherit;
}
.text-decoration-none {
  text-decoration: none;
}
.bold {
  font-weight: bold;
}
.regular {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.caps {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.left-align {
  text-align: left;
}
.center,
.rounded-btn span {
  text-align: center;
}
.right-align {
  text-align: right;
}
.justify {
  text-align: justify;
}
.nowrap {
  white-space: nowrap;
}
.break-word {
  word-wrap: break-word;
}
.line-height-1 {
  line-height: 1;
}
.line-height-2 {
  line-height: 1.125;
}
.line-height-3 {
  line-height: 1.25;
}
.line-height-4 {
  line-height: 1.5;
}
.list-style-none {
  list-style: none;
}
.underline {
  text-decoration: underline;
}
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-reset {
  list-style: none;
  padding-left: 0;
}
.inline {
  display: inline;
}
.block,
.course-card {
  display: block;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.fit {
  max-width: 100%;
}
.max-width-1 {
  max-width: 24rem;
}
.max-width-2 {
  max-width: 32rem;
}
.max-width-3 {
  max-width: 48rem;
}
.max-width-4 {
  max-width: 64rem;
}
.border-box {
  box-sizing: border-box;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.m0,
.section-sequence ol ul,
.section-text ol ul,
.btn.white.split i,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0,
.section-learn ol ol {
  margin-left: 0;
}
.mx0 {
  margin-left: 0;
  margin-right: 0;
}
.my0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m1 {
  margin: 0.5rem;
}
.mt1,
.section-information h3 {
  margin-top: 0.5rem;
}
.mr1 {
  margin-right: 0.5rem;
}
.mb1,
ol[type=a] li,
ol[type="1"] li,
ol.twoColumn li,
ol.threeColumn li,
ul.twoColumn li,
ul.threeColumn li,
.section-sequence ul li,
.section-text ul li,
.section-sequence-title,
.section-learn ul li,
.section-learn h5,
.section-information h3,
.section-information h1,
.legal-html p {
  margin-bottom: 0.5rem;
}
.ml1,
.info-tip,
.legal-html ul li,
.legal-html ul {
  margin-left: 0.5rem;
}
.mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m2 {
  margin: 1rem;
}
.mt2,
.section-sequence ul,
.section-text ul,
.section-learn ul,
.legal-html ol ul {
  margin-top: 1rem;
}
.mr2,
.btn.white i,
p.tag,
a.tag {
  margin-right: 1rem;
}
.mb2,
.section-information ol li,
.legal-html ol ul,
.legal-html h5,
.legal-html h6,
.card-wrapper .card-content h4,
.modal .content h6,
.modal .content p,
.modal.terms-modal h5 {
  margin-bottom: 1rem;
}
.ml2,
.section-sequence ul li,
.section-text ul li,
.section-learn ol,
.section-learn ul li,
.btn i {
  margin-left: 1rem;
}
.mx2 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m3,
.table-no-data {
  margin: 2rem;
}
.mt3,
.section-information p,
.section-information p a,
.course-card,
.legal-html h5,
.legal-html h6,
ng-scrollbar.custom {
  margin-top: 2rem;
}
.mr3 {
  margin-right: 2rem;
}
.mb3,
.section-information ol,
.section-information p,
.section-information p a {
  margin-bottom: 2rem;
}
.ml3,
.legal-html ol ul {
  margin-left: 2rem;
}
.mx3 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m4 {
  margin: 4rem;
}
.mt4 {
  margin-top: 4rem;
}
.mr4,
.card-wrapper:first-child {
  margin-right: 4rem;
}
.mb4,
.section-information ol,
.card-wrapper .card-content p,
.card-wrapper {
  margin-bottom: 4rem;
}
.ml4 {
  margin-left: 4rem;
}
.mx4 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.p0,
.section-sequence ol ul,
.section-text ol ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pr0 {
  padding-right: 0;
}
.pb0 {
  padding-bottom: 0;
}
.pl0,
.section-learn ol {
  padding-left: 0;
}
.px0 {
  padding-left: 0;
  padding-right: 0;
}
.py0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p1 {
  padding: 0.5rem;
}
.pt1,
.course-card .tab.context {
  padding-top: 0.5rem;
}
.pr1,
.section-information ol li:before {
  padding-right: 0.5rem;
}
.pb1 {
  padding-bottom: 0.5rem;
}
.pl1 {
  padding-left: 0.5rem;
}
.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p2,
.card-wrapper .card-content {
  padding: 1rem;
}
.pt2 {
  padding-top: 1rem;
}
.pr2,
.btn,
p.tag,
a.tag {
  padding-right: 1rem;
}
.pb2 {
  padding-bottom: 1rem;
}
.pl2,
.section-sequence ol,
.section-text ol,
.section-information ol,
.legal-html ol,
.btn,
p.tag,
a.tag {
  padding-left: 1rem;
}
.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p3,
.course-card .tab.context.padding,
.modal .content,
.modal .header {
  padding: 2rem;
}
.pt3,
.modal .button-wrapper {
  padding-top: 2rem;
}
.pr3 {
  padding-right: 2rem;
}
.pb3,
.course-card .tab.context {
  padding-bottom: 2rem;
}
.pl3 {
  padding-left: 2rem;
}
.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.px3 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p4 {
  padding: 4rem;
}
.pt4 {
  padding-top: 4rem;
}
.pr4 {
  padding-right: 4rem;
}
.pb4 {
  padding-bottom: 4rem;
}
.pl4 {
  padding-left: 4rem;
}
.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.col,
.card-wrapper {
  float: left;
  box-sizing: border-box;
}
.col-right {
  float: right;
  box-sizing: border-box;
}
.col-1 {
  width: 8.3333333333%;
}
.col-2 {
  width: 16.6666666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.3333333333%;
}
.col-5 {
  width: 41.6666666667%;
}
.col-6,
.card-wrapper {
  width: 50%;
}
.col-7 {
  width: 58.3333333333%;
}
.col-8 {
  width: 66.6666666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.3333333333%;
}
.col-11 {
  width: 91.6666666667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 40em) {
  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: 8.3333333333%;
  }
  .sm-col-2 {
    width: 16.6666666667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.3333333333%;
  }
  .sm-col-5 {
    width: 41.6666666667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.3333333333%;
  }
  .sm-col-8 {
    width: 66.6666666667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.3333333333%;
  }
  .sm-col-11 {
    width: 91.6666666667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: 8.3333333333%;
  }
  .md-col-2 {
    width: 16.6666666667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.3333333333%;
  }
  .md-col-5 {
    width: 41.6666666667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.3333333333%;
  }
  .md-col-8 {
    width: 66.6666666667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.3333333333%;
  }
  .md-col-11 {
    width: 91.6666666667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: 8.3333333333%;
  }
  .lg-col-2 {
    width: 16.6666666667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.3333333333%;
  }
  .lg-col-5 {
    width: 41.6666666667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.3333333333%;
  }
  .lg-col-8 {
    width: 66.6666666667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.3333333333%;
  }
  .lg-col-11 {
    width: 91.6666666667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.flex,
.course-card .tab.title,
.card-wrapper .card-content,
.modal .button-wrapper,
.modal .header,
.btn,
p.tag,
a.tag {
  display: flex;
}
@media (min-width: 40em) {
  .sm-flex {
    display: flex;
  }
}
@media (min-width: 52em) {
  .md-flex {
    display: flex;
  }
}
@media (min-width: 64em) {
  .lg-flex {
    display: flex;
  }
}
.flex-column,
.card-wrapper .card-content {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-stretch {
  align-content: stretch;
}
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-none {
  flex: none;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-last {
  order: 99999;
}
.relative,
ol.twoColumn li,
ol.threeColumn li,
ul.twoColumn li,
ul.threeColumn li {
  position: relative;
}
.absolute,
.info-tip i,
.rounded-btn span {
  position: absolute;
}
.fixed,
.modal-mask,
.rounded-btn {
  position: fixed;
}
.top-0,
.modal-mask {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0,
.modal-mask,
.rounded-btn span {
  left: 0;
}
.z1,
.modal-mask {
  z-index: 1;
}
.z2,
.modal {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.border {
  border-style: solid;
  border-width: 1px;
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none {
  border: 0;
}
.rounded {
  border-radius: 3px;
}
.circle {
  border-radius: 50%;
}
.rounded-top {
  border-radius: 3px 3px 0 0;
}
.rounded-right {
  border-radius: 0 3px 3px 0;
}
.rounded-bottom {
  border-radius: 0 0 3px 3px;
}
.rounded-left {
  border-radius: 3px 0 0 3px;
}
.not-rounded {
  border-radius: 0;
}
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (max-width: 40em) {
  .xs-hide {
    display: none !important;
  }
}
@media (min-width: 40em) and (max-width: 52em) {
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 52em) and (max-width: 64em) {
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .lg-hide {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}
:root {
  color-scheme: light !important;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: "Metropolis";
}
body.modal-open {
  height: 100vh;
  overflow: hidden;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
textarea {
  resize: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.grecaptcha-badge {
  visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2d1e5f;
}
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase,
h5.uppercase,
h6.uppercase {
  text-transform: uppercase;
}
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
  color: #ffffff;
}
h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
h6.primary {
  color: #2d1e5f;
}
h1.secondary,
h2.secondary,
h3.secondary,
h4.secondary,
h5.secondary,
h6.secondary {
  color: #2d1e5f;
}
h1.tertiary,
h2.tertiary,
h3.tertiary,
h4.tertiary,
h5.tertiary,
h6.tertiary {
  color: #5a50eb;
}
h1.quaternary,
h2.quaternary,
h3.quaternary,
h4.quaternary,
h5.quaternary,
h6.quaternary {
  color: #c3c8ff;
}
h1.quinary,
h2.quinary,
h3.quinary,
h4.quinary,
h5.quinary,
h6.quinary {
  color: #c8146e;
}
h1 {
  font: normal normal bold 36px/44px Metropolis;
}
h2 {
  font: normal normal bold 32px/36px Metropolis;
}
h3 {
  font: normal normal bold 28px/34px Metropolis;
}
h4 {
  font: normal normal bold 24px/32px Metropolis;
}
h5 {
  font: normal normal bold 20px/24px Metropolis;
}
h6 {
  font: normal normal bold 16px/20px Metropolis;
}
p,
a {
  color: #2d1e5f;
  font: normal normal normal 16px/20px MetropolisRegular;
}
p.black,
a.black {
  color: #000000;
}
p.white,
a.white {
  color: #ffffff;
}
p.primary,
a.primary {
  color: #2d1e5f;
}
p.primary i,
a.primary i {
  color: #2d1e5f;
}
p.secondary,
a.secondary {
  color: #2d1e5f;
}
p.tertiary,
a.tertiary {
  color: #5a50eb;
}
p.tertiary i,
a.tertiary i {
  color: #5a50eb;
}
p.quinary,
a.quinary {
  color: #c8146e;
}
p.underline,
a.underline {
  text-decoration: underline;
}
p.error,
a.error {
  color: #c8146e;
}
p.small,
p.small > a,
p.small > p,
a.small,
a.small > a,
a.small > p {
  font: normal normal normal 12px/16px MetropolisRegular;
}
p.medium,
p.medium > a,
a.medium,
a.medium > a {
  font: normal normal normal 14px/18px MetropolisRegular;
}
p.bold,
a.bold {
  font-family: MetropolisBold;
}
p.nested-wrapper,
p.nested-wrapper p,
p.nested-wrapper p a,
a.nested-wrapper,
a.nested-wrapper p,
a.nested-wrapper p a {
  font: normal normal normal 12px/16px MetropolisBold;
}
p.nested-wrapper br,
a.nested-wrapper br {
  display: none;
}
p.tag,
a.tag {
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  background-color: #f7f7f7;
  color: #54565a;
  font-weight: 500;
  justify-content: center;
  min-width: 164px;
  width: fit-content;
  height: 34px;
  font: 700 12px/18px MetropolisRegular;
}
p.disabled,
a.disabled {
  color: #e6e6e6;
}
ol,
ul {
  font: normal normal normal 16px/20px MetropolisRegular;
  color: #2d1e5f;
}
span.bold {
  font-family: MetropolisBold;
}
span.capitalize {
  text-transform: capitalize;
}
a {
  cursor: pointer;
  color: #2d1e5f;
}
a .underline,
a:hover {
  text-decoration: underline;
}
a.secondary {
  color: #2d1e5f;
}
strong {
  font-family: MetropolisBold;
}
ol {
  font-family: MetropolisRegular;
}
table td,
table th {
  font-family: "MetropolisRegular", "sans-serif";
}
th {
  font-weight: bold;
}
td {
  font-weight: normal;
}
input,
textarea,
select {
  font-family: "MetropolisRegular", "sans-serif";
}
.btn {
  justify-content: space-between;
  align-items: center;
  border-radius: 2px;
  border: 0;
  min-width: 164px;
  width: fit-content;
  height: 34px;
  font: 500 12px/18px MetropolisRegular;
  color: #ffffff;
}
.btn i {
  color: #ffffff;
  font-size: 18px;
  margin-top: 1px;
}
.btn:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.9;
}
.btn.none {
  border: 0;
  min-width: 50px !important;
  background-color: transparent;
  color: #2d1e5f;
  float: right;
}
.btn.secondary {
  color: #ffffff;
  background-color: #2d1e5f;
}
.btn.secondary i {
  color: #ffffff;
}
.btn.tertiary {
  background-color: #5a50eb;
  color: #ffffff;
}
.btn.tertiary i {
  color: #ffffff;
}
.btn.quinary {
  background-color: #c8146e;
  color: #ffffff;
}
.btn.senary {
  background-color: #00ccbe;
  color: #2d1e5f;
}
.btn.senary i {
  color: #2d1e5f;
}
.btn.white {
  background-color: #ffffff;
  color: #2d1e5f;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
}
.btn.white.split {
  justify-content: space-between;
}
.btn.white i {
  color: #2d1e5f;
  font-size: 14px;
}
.btn.white:hover {
  border: 1px solid #2d1e5f;
}
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  color: #ffffff;
  pointer-events: none;
  cursor: not-allowed;
}
.btn.disabled i,
.btn[disabled] i {
  color: #ffffff;
}
.btn.disabled:hover,
.btn[disabled]:hover {
  cursor: not-allowed;
  background-color: #e6e6e6;
  color: #ffffff;
}
.rounded-btn {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  border: 0;
}
.rounded-btn i {
  font-size: 16px;
  color: #ffffff;
}
.rounded-btn span {
  top: 55px;
  color: #2d1e5f;
  width: 50px;
}
.rounded-btn:hover {
  cursor: pointer;
}
.rounded-btn.secondary {
  background-color: #2d1e5f;
  color: #2d1e5f;
}
.rounded-btn.quinary {
  background-color: #c8146e;
  color: #ffffff;
}
.rounded-btn.disabled,
.rounded-btn[disabled] {
  background-color: #e6e6e6;
  color: #ffffff;
  pointer-events: none;
  cursor: not-allowed;
}
.rounded-btn.disabled i,
.rounded-btn[disabled] i {
  color: #ffffff;
}
.btn-zap {
  display: flex !important;
  height: 34px !important;
  width: fit-content !important;
  min-width: 164px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  padding-inline: calc(var(--spacing, 0.25rem) * 4) !important;
  font-size: var(--text-xs, 0.75rem) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75))) !important;
  --tw-leading: 18px !important;
  line-height: 18px !important;
  --tw-font-weight: var(--font-weight-medium, 500) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap i {
  margin-top: calc(var(--spacing, 0.25rem) * 0.5) !important;
  margin-left: calc(var(--spacing, 0.25rem) * 2) !important;
  font-size: var(--text-lg, 1.125rem) !important;
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125))) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap:hover {
  cursor: pointer !important;
  text-decoration-line: none !important;
  opacity: 90% !important;
}
.btn-zap.wide {
  min-width: 268px !important;
}
.btn-zap.none {
  float: right !important;
  min-width: 50px !important;
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  background-color: transparent !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap.secondary {
  background-color: var(--color-secondary, #2d1e5f) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.secondary i {
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.tertiary {
  background-color: var(--color-tertiary, #5a50eb) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.tertiary i {
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.tertiary.filter {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2) !important;
  margin-left: calc(var(--spacing, 0.25rem) * 4) !important;
}
.btn-zap.tertiary.add-btn {
  margin-top: calc(var(--spacing, 0.25rem) * 2) !important;
  margin-bottom: calc(var(--spacing, 0.25rem) * 2) !important;
  margin-left: var(--spacing, 0.25rem) !important;
}
.btn-zap.quinary {
  background-color: var(--color-quinary, #c8146e) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.quinary.filter {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2) !important;
  margin-left: calc(var(--spacing, 0.25rem) * 4) !important;
}
.btn-zap.senary {
  background-color: var(--color-senary, #00ccbe) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap.senary i {
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap.senary:hover {
  background-color: color-mix(in srgb, #00ccbe 80%, transparent) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .btn-zap.senary:hover {
    background-color: color-mix(in oklab, var(--color-senary, #00ccbe) 80%, transparent) !important;
  }
}
.btn-zap.senary.add-btn {
  margin-top: calc(var(--spacing, 0.25rem) * 2) !important;
  margin-bottom: calc(var(--spacing, 0.25rem) * 2) !important;
}
.btn-zap.big {
  height: 38px !important;
  font-size: var(--text-base, 1rem) !important;
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1))) !important;
}
.btn-zap.auto {
  width: max-content !important;
}
.btn-zap.white {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  --tw-border-style: solid !important;
  border-style: solid !important;
  border-color: var(--color-grey-2, #e6e6e6) !important;
  background-color: var(--color-white, #ffffff) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap.white i {
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap.white:hover {
  border-color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap.disabled,
.btn-zap:disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  background-color: var(--color-grey-2, #e6e6e6) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.disabled i,
.btn-zap:disabled i {
  color: var(--color-white, #ffffff) !important;
}
.btn-zap.disabled:hover,
.btn-zap:disabled:hover {
  cursor: not-allowed !important;
  background-color: var(--color-grey-2, #e6e6e6) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-auto {
  font-size: var(--text-sm, 0.875rem) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875))) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-auto.quinary {
  border-color: var(--color-quinary, #c8146e) !important;
  background-color: var(--color-quinary, #c8146e) !important;
}
@media (hover: hover) {
  .btn-zap-auto.quinary:hover {
    background-color: color-mix(in srgb, #c8146e 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn-zap-auto.quinary:hover {
      background-color: color-mix(in oklab, var(--color-quinary, #c8146e) 80%, transparent) !important;
    }
  }
}
.btn-zap-auto.secondary {
  background-color: var(--color-secondary, #2d1e5f) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-auto.senary {
  border-color: var(--color-senary, #00ccbe) !important;
  background-color: var(--color-senary, #00ccbe) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap-auto.white {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  --tw-border-style: solid !important;
  border-style: solid !important;
  border-color: var(--color-grey-2, #e6e6e6) !important;
  background-color: var(--color-white, #ffffff) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
@media (hover: hover) {
  .btn-zap-auto.white:hover {
    border-color: var(--color-grey-3, #babbbd) !important;
  }
}
.btn-zap-rounded {
  position: fixed !important;
  height: 50px !important;
  width: 50px !important;
  border-radius: calc(infinity * 1px) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-rounded i {
  font-size: var(--text-base, 1rem) !important;
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1))) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-rounded span {
  position: absolute !important;
  top: 55px !important;
  left: 0px !important;
  width: 50px !important;
  text-align: center !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap-rounded:hover {
  cursor: pointer !important;
}
.btn-zap-rounded.secondary {
  background-color: var(--color-secondary, #2d1e5f) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap-rounded.quinary {
  background-color: var(--color-quinary, #c8146e) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-rounded.disabled,
.btn-zap-rounded:disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  background-color: var(--color-grey-2, #e6e6e6) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-rounded.disabled i,
.btn-zap-rounded:disabled i {
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-link {
  font-size: var(--text-xs, 0.75rem) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75))) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
@media (hover: hover) {
  .btn-zap-link:hover {
    color: color-mix(in srgb, #2d1e5f 70%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn-zap-link:hover {
      color: color-mix(in oklab, var(--color-primary, #2d1e5f) 70%, transparent) !important;
    }
  }
}
.btn-zap-nav {
  margin-top: calc(var(--spacing, 0.25rem) * 4) !important;
  color: var(--color-primary, #2d1e5f) !important;
  text-decoration-line: none !important;
}
.btn-zap-tab-selected {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 2px !important;
  border-color: var(--color-primary, #2d1e5f) !important;
  background-color: transparent !important;
}
.btn-zap-tab {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
  background-color: transparent !important;
}
@media (hover: hover) {
  .btn-zap-tab:hover {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
}
@media (hover: hover) {
  .btn-zap-tab:hover {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 2px !important;
  }
}
@media (hover: hover) {
  .btn-zap-tab:hover {
    border-color: var(--color-primary, #2d1e5f) !important;
  }
}
.btn-zap-icon-only {
  --tw-border-style: none !important;
  border-style: none !important;
  padding: calc(var(--spacing, 0.25rem) * 2) !important;
}
.btn-zap-icon-only.primary {
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap-icon-only.quinary {
  color: var(--color-quinary, #c8146e) !important;
}
.btn-zap-icon-only.quinary.icon-only {
  background-color: transparent !important;
  color: var(--color-quinary, #c8146e) !important;
}
.btn-zap-icon-only.tertiary {
  height: 34px !important;
  width: 34px !important;
  background-color: var(--color-tertiary, #5a50eb) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-icon-only.tertiary i {
  color: var(--color-white, #ffffff) !important;
}
.btn-zap-icon-only.senary {
  height: 34px !important;
  width: 34px !important;
  background-color: var(--color-senary, #00ccbe) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap-icon-only.senary i {
  color: var(--color-primary, #2d1e5f) !important;
}
.btn-zap-icon-only.senary-icon-only {
  background-color: transparent !important;
  color: var(--color-senary, #00ccbe) !important;
}
.btn-zap-icon-only.senary-icon-only:disabled {
  color: var(--color-gray-300, oklch(87.2% 0.01 258.338)) !important;
}
.btn-zap-icon-only.disabled {
  display: inline-flex !important;
  padding: calc(var(--spacing, 0.25rem) * 2) !important;
}
.btn-zap-icon-only.enabled {
  display: inline-flex !important;
  border-radius: calc(infinity * 1px) !important;
  padding: calc(var(--spacing, 0.25rem) * 2) !important;
}
@media (hover: hover) {
  .btn-zap-icon-only.enabled:hover {
    background-color: var(--color-gray-200, oklch(92.8% 0.006 264.531)) !important;
  }
}
.floating-action-btn {
  position: fixed !important;
  right: calc(var(--spacing, 0.25rem) * 5) !important;
  bottom: 60px !important;
  display: flex !important;
  height: 46px !important;
  width: 46px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: calc(infinity * 1px) !important;
  background-color: var(--color-tertiary, #5a50eb) !important;
  font-size: var(--text-lg, 1.125rem) !important;
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125))) !important;
  color: var(--color-white, #ffffff) !important;
}
.floating-action-btn.senary {
  bottom: 115px !important;
  border-color: var(--color-senary, #00ccbe) !important;
  background-color: var(--color-senary, #00ccbe) !important;
  color: var(--color-white, #ffffff) !important;
}
.floating-action-btn.quinary {
  border-color: var(--color-quinary, #c8146e) !important;
  background-color: var(--color-quinary, #c8146e) !important;
  color: var(--color-white, #ffffff) !important;
}
.floating-action-btn:disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338)) !important;
  background-color: var(--color-gray-300, oklch(87.2% 0.01 258.338)) !important;
  color: var(--color-white, #ffffff) !important;
}
.btn-section {
  border-color: var(--color-senary, #00ccbe) !important;
  background-color: var(--color-senary, #00ccbe) !important;
  padding-top: calc(var(--spacing, 0.25rem) * 5) !important;
  padding-right: 30px !important;
  padding-bottom: calc(var(--spacing, 0.25rem) * 5) !important;
  padding-left: 27px !important;
  color: var(--color-primary, #2d1e5f) !important;
}
@media (hover: hover) {
  .btn-section:hover {
    border-color: color-mix(in srgb, #00ccbe 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn-section:hover {
      border-color: color-mix(in oklab, var(--color-senary, #00ccbe) 80%, transparent) !important;
    }
  }
}
@media (hover: hover) {
  .btn-section:hover {
    background-color: color-mix(in srgb, #00ccbe 80%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .btn-section:hover {
      background-color: color-mix(in oklab, var(--color-senary, #00ccbe) 80%, transparent) !important;
    }
  }
}
.modal {
  background-color: #ffffff;
  width: 632px;
  min-height: 272px;
  border-radius: 0 0 11px 11px;
  border-bottom: 8px solid #2d1e5f;
  box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.1882352941);
}
.modal.terms-modal h5 {
  font: normal normal bold 16px/20px Metropolis;
}
.modal .header {
  justify-content: space-between;
  border-bottom: 1px solid #2d1e5f;
}
.modal .header i {
  font-size: 34px;
  color: #2d1e5f;
}
.modal .header i.small {
  font-size: 20px;
}
.modal .button-wrapper {
  justify-content: space-between;
}
.modal-mask {
  opacity: 0.5;
  background-color: #000000;
  width: 100%;
  height: 100%;
}
.table-no-data {
  padding: 100px;
  text-align: center;
  background-color: #f7f7f7;
}
ng-scrollbar.custom {
  overflow: auto;
  height: 350px;
  border: 1px solid #ffffff;
  --scrollbar-size: 5px;
  --scrollbar-hover-size: 7px;
  --scrollbar-thumb-color: #2d1e5f;
  --scrollbar-thumb-hover-color: #2d1e5f;
  --scrollbar-border-radius: 8px;
  --scrollbar-padding: 0px;
  --scrollbar-track-color: #e6e6e6;
  --scrollbar-wrapper-color: #e6e6e6;
  --scrollbar-viewport-margin: 8px;
}
ng-scrollbar.custom.very-small {
  height: 150px;
}
ng-scrollbar.custom.small {
  height: 230px;
}
ng-scrollbar.custom.medium {
  height: 500px;
}
.card-wrapper {
  background-color: #f7f7f7;
  box-shadow: 2px 6px 16px rgba(0, 0, 0, 0.1882352941);
}
.card-wrapper .card-header,
.card-wrapper .card-content {
  width: 100%;
}
.card-wrapper .card-content {
  justify-content: space-between;
  min-height: 210px;
}
.legal-html ol {
  font-size: 18px;
}
.legal-html ul li {
  list-style: disc;
}
.info-tip {
  color: #5a50eb;
}
.info-tip i {
  margin-top: 3px;
}
.info-tip i.top {
  margin-top: 2px;
}
.info-tip i.fa-circle-check {
  color: #00ccbe !important;
}
.info-tip i.fa-circle-pause {
  color: #9b8cfa !important;
}
.info-tip i.fa-clock {
  color: #ffa500 !important;
}
.info-tip i.fa-circle-dot {
  color: #c8146e !important;
}
.info-tip i.fa-circle-minus,
.info-tip i.fa-box-archive {
  color: #bebebe !important;
}
.info-tip span {
  margin-left: 25px;
}
.tool-tip-wrapper {
  background-color: #5a50eb;
}
.tool-tip-wrapper.grey {
  background-color: #f7f7f7;
}
.tool-tip-wrapper.grey span {
  color: #2d1e5f;
}
.custom-bread-crumb {
  padding: 0 !important;
  margin-top: 11px !important;
}
.course-card .tab.title {
  text-align: left;
  border-radius: 12px 12px 0 0;
  color: #2d1e5f;
  height: 90px;
}
.course-card .tab.title h2 {
  margin-top: calc(var(--spacing, 0.25rem) * 6) !important;
  font-size: var(--text-xl, 1.25rem) !important;
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25))) !important;
}
.course-card .tab.context {
  border-radius: 12px;
  background-color: #ffffff;
  margin-top: -25px;
  min-height: 500px;
}
.chip-zap {
  margin-right: calc(var(--spacing, 0.25rem) * 4) !important;
  padding-top: calc(var(--spacing, 0.25rem) * 1.5) !important;
  padding-bottom: calc(var(--spacing, 0.25rem) * 1.5) !important;
}
.chip-zap.grey {
  min-width: 164px !important;
  background-color: var(--color-grey-1, #f7f7f7) !important;
  font-size: var(--text-xs, 0.75rem) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75))) !important;
  color: var(--color-grey-6, #54565a) !important;
}
.chip-zap.small {
  font-size: var(--text-xs, 0.75rem) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75))) !important;
}
.modal-zap {
  min-height: 272px !important;
  width: 632px !important;
  border-bottom-right-radius: 11px !important;
  border-bottom-left-radius: 11px !important;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 8px !important;
  border-color: var(--color-primary, #2d1e5f) !important;
  background-color: var(--color-white, #ffffff) !important;
  --tw-shadow: 2px 6px 16px var(--tw-shadow-color, rgba(0,0,0,0.1)) !important;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow) !important;
}
.dropdown-menu-zap {
  border-radius: var(--radius-md, 0.375rem) !important;
  background-color: var(--color-white, #ffffff) !important;
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow) !important;
}
.dropdown-toggle-zap {
  margin-top: calc(var(--spacing, 0.25rem) * 2.5) !important;
  margin-left: calc(var(--spacing, 0.25rem) * 2) !important;
  --tw-border-style: none !important;
  border-style: none !important;
  background-color: transparent !important;
}
.section-information h1,
.section-information h2 {
  font: normal normal bold 28px/34px Metropolis;
}
.section-information h2 {
  font-family: MetropolisRegular;
}
.section-information h3 {
  font: normal normal bold 20px/24px Metropolis;
}
.section-information p,
.section-information p a {
  font-size: 20px;
  line-height: 26px;
}
.section-information p a {
  text-decoration: underline;
}
.section-information ol li {
  color: #2d1e5f;
}
.section-information ol li:before {
  font-family: MetropolisBold;
}
.section-learn ul li {
  list-style: disc;
}
.section-recap iframe {
  width: 1280px;
  height: 600px;
}
@media only screen and (max-width: 1280px) {
  .section-recap iframe {
    width: 100%;
  }
}
.section-sequence h1,
.section-sequence h2,
.section-sequence h3,
.section-sequence h4,
.section-sequence h5,
.section-sequence h6,
.section-sequence p,
.section-text h1,
.section-text h2,
.section-text h3,
.section-text h4,
.section-text h5,
.section-text h6,
.section-text p {
  margin-bottom: 8px;
  color: #2d1e5f;
}
.section-sequence p a,
.section-text p a {
  text-decoration: underline;
}
.section-sequence ul li,
.section-text ul li {
  list-style: disc;
}
ol.twoColumn,
ul.twoColumn {
  column-count: 1;
  column-gap: 20px;
  list-style-position: inside;
  margin-left: unset;
  column-count: 2;
}
@media only screen and (max-width: 1280px) {
  ol.twoColumn,
  ul.twoColumn {
    width: 100%;
  }
}
ol.threeColumn,
ul.threeColumn {
  column-count: 1;
  column-gap: 20px;
  list-style-position: inside;
  margin-left: unset;
  column-count: 3;
}
@media only screen and (max-width: 1280px) {
  ol.threeColumn,
  ul.threeColumn {
    width: 100%;
  }
}
@media only screen and (max-width: 1004px) {
  ol.threeColumn,
  ul.threeColumn {
    column-count: 2;
  }
}
ol.twoColumn li,
ol.threeColumn li,
ul.twoColumn li,
ul.threeColumn li {
  font-size: larger;
}
ol.twoColumn li p,
ol.threeColumn li p,
ul.twoColumn li p,
ul.threeColumn li p {
  display: contents;
}
ol.twoColumn li::marker,
ol.threeColumn li::marker,
ul.twoColumn li::marker,
ul.threeColumn li::marker {
  font-size: smaller;
}
ol[type=a] li::marker,
ol[type="1"] li::marker {
  font-family: MetropolisBold;
}
ol[type=a] li p,
ol[type="1"] li p {
  padding-left: 25px;
  display: contents;
  margin-top: -20px;
}
.modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
  border-color: var(--color-primary, #2d1e5f) !important;
  padding: calc(var(--spacing, 0.25rem) * 4) !important;
}
.modal-header h5 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2) !important;
}
.modal-header i {
  margin-right: calc(var(--spacing, 0.25rem) * 4) !important;
  font-size: 34px !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.modal-content {
  margin-top: calc(var(--spacing, 0.25rem) * 6) !important;
  padding: calc(var(--spacing, 0.25rem) * 4) !important;
}
.modal-content h6 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 4) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.modal-content p {
  color: var(--color-tertiary, #5a50eb) !important;
}
.modal-content span.divide {
  margin-right: calc(var(--spacing, 0.25rem) * 3) !important;
  margin-left: calc(var(--spacing, 0.25rem) * 3) !important;
}
.modal-content .modal-footer {
  margin-top: calc(var(--spacing, 0.25rem) * 14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.section-selector-modal {
  border-radius: var(--radius-xl, 0.75rem) !important;
  background-color: var(--color-grey-1, #f7f7f7) !important;
  --tw-shadow: 2px 6px 16px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)) !important;
  box-shadow:
    var(--tw-inset-shadow),
    var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow) !important;
}
.section-selector-modal .modal-content h6 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 4) !important;
  font-family: var(--font-metropolis-bold, "MetropolisBold", sans-serif) !important;
  color: var(--color-primary, #2d1e5f) !important;
}
.section-selector-modal .selector-content {
  margin-top: calc(var(--spacing, 0.25rem) * 3) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: calc(var(--spacing, 0.25rem) * 3) !important;
}
.section-selector-modal .selector-content .section-option {
  margin-right: calc(var(--spacing, 0.25rem) * 3) !important;
  margin-bottom: calc(var(--spacing, 0.25rem) * 3) !important;
  display: flex !important;
  height: 180px !important;
  width: 180px !important;
  cursor: pointer !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  border-radius: 5px !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-grey-2, #e6e6e6) !important;
  background-color: var(--color-white, #ffffff) !important;
  padding: calc(var(--spacing, 0.25rem) * 2) !important;
  text-align: center !important;
  font-family: var(--font-metropolis-bold, "MetropolisBold", sans-serif) !important;
  font-size: var(--text-sm, 0.875rem) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875))) !important;
  --tw-leading: calc(var(--spacing, 0.25rem) * 4) !important;
  line-height: calc(var(--spacing, 0.25rem) * 4) !important;
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1))) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms)) !important;
  --tw-duration: 200ms !important;
  transition-duration: 200ms !important;
}
@media (hover: hover) {
  .section-selector-modal .selector-content .section-option:hover {
    --tw-translate-y: calc(var(--spacing, 0.25rem) * -0.5) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
}
@media (hover: hover) {
  .section-selector-modal .selector-content .section-option:hover {
    --tw-border-style: none !important;
    border-style: none !important;
  }
}
@media (hover: hover) {
  .section-selector-modal .selector-content .section-option:hover {
    text-decoration-line: none !important;
  }
}
@media (hover: hover) {
  .section-selector-modal .selector-content .section-option:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
}
.section-selector-modal .selector-content .section-option.text {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/text.svg);
}
.section-selector-modal .selector-content .section-option.video {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/video.svg);
}
.section-selector-modal .selector-content .section-option.video-text {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/video-text.svg);
}
.section-selector-modal .selector-content .section-option.interactive {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/interactive.svg);
}
.section-selector-modal .selector-content .section-option.sequence-one {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/sequence_one.svg);
}
.section-selector-modal .selector-content .section-option.sequence-two {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/sequence_two.svg);
}
.section-selector-modal .selector-content .section-option.sequence-three {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/sequence_three.svg);
}
.section-selector-modal .selector-content .section-option.testimonials {
  background-color: var(--color-white, #ffffff) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background: url(https://quanta-live.appspot.com.storage.googleapis.com/images/testimonial.svg);
}
.filters-overlay {
  display: flex !important;
  width: 100% !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.filters-overlay .header {
  margin-bottom: calc(var(--spacing, 0.25rem) * 5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.filters-overlay form {
  display: flex !important;
  flex-direction: column !important;
  gap: calc(var(--spacing, 0.25rem) * 4) !important;
}
.filters-overlay .actions {
  display: flex !important;
  height: max-content !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
}
.slide-over-panel {
  height: 100% !important;
  background-color: var(--color-white, #ffffff) !important;
  padding-inline: calc(var(--spacing, 0.25rem) * 10) !important;
  padding-block: calc(var(--spacing, 0.25rem) * 20) !important;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-content: "";
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}

/* node_modules/basscss-sass/scss/basscss.scss */
.h1 {
  font-size: 2rem;
}
.h2 {
  font-size: 1.5rem;
}
.h3 {
  font-size: 1.25rem;
}
.h4 {
  font-size: 1rem;
}
.h5 {
  font-size: 0.875rem;
}
.h6 {
  font-size: 0.75rem;
}
.font-family-inherit {
  font-family: inherit;
}
.font-size-inherit {
  font-size: inherit;
}
.text-decoration-none {
  text-decoration: none;
}
.bold {
  font-weight: bold;
}
.regular {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.caps {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.left-align {
  text-align: left;
}
.center {
  text-align: center;
}
.right-align {
  text-align: right;
}
.justify {
  text-align: justify;
}
.nowrap {
  white-space: nowrap;
}
.break-word {
  word-wrap: break-word;
}
.line-height-1 {
  line-height: 1;
}
.line-height-2 {
  line-height: 1.125;
}
.line-height-3 {
  line-height: 1.25;
}
.line-height-4 {
  line-height: 1.5;
}
.list-style-none {
  list-style: none;
}
.underline {
  text-decoration: underline;
}
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-reset {
  list-style: none;
  padding-left: 0;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.fit {
  max-width: 100%;
}
.max-width-1 {
  max-width: 24rem;
}
.max-width-2 {
  max-width: 32rem;
}
.max-width-3 {
  max-width: 48rem;
}
.max-width-4 {
  max-width: 64rem;
}
.border-box {
  box-sizing: border-box;
}
.align-baseline {
  vertical-align: baseline;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0 {
  margin-left: 0;
}
.mx0 {
  margin-left: 0;
  margin-right: 0;
}
.my0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m1 {
  margin: 0.5rem;
}
.mt1 {
  margin-top: 0.5rem;
}
.mr1 {
  margin-right: 0.5rem;
}
.mb1 {
  margin-bottom: 0.5rem;
}
.ml1 {
  margin-left: 0.5rem;
}
.mx1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m2 {
  margin: 1rem;
}
.mt2 {
  margin-top: 1rem;
}
.mr2 {
  margin-right: 1rem;
}
.mb2 {
  margin-bottom: 1rem;
}
.ml2 {
  margin-left: 1rem;
}
.mx2 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m3 {
  margin: 2rem;
}
.mt3 {
  margin-top: 2rem;
}
.mr3 {
  margin-right: 2rem;
}
.mb3 {
  margin-bottom: 2rem;
}
.ml3 {
  margin-left: 2rem;
}
.mx3 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m4 {
  margin: 4rem;
}
.mt4 {
  margin-top: 4rem;
}
.mr4 {
  margin-right: 4rem;
}
.mb4 {
  margin-bottom: 4rem;
}
.ml4 {
  margin-left: 4rem;
}
.mx4 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.mxn2 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mxn3 {
  margin-left: -2rem;
  margin-right: -2rem;
}
.mxn4 {
  margin-left: -4rem;
  margin-right: -4rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.p0 {
  padding: 0;
}
.pt0 {
  padding-top: 0;
}
.pr0 {
  padding-right: 0;
}
.pb0 {
  padding-bottom: 0;
}
.pl0 {
  padding-left: 0;
}
.px0 {
  padding-left: 0;
  padding-right: 0;
}
.py0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p1 {
  padding: 0.5rem;
}
.pt1 {
  padding-top: 0.5rem;
}
.pr1 {
  padding-right: 0.5rem;
}
.pb1 {
  padding-bottom: 0.5rem;
}
.pl1 {
  padding-left: 0.5rem;
}
.py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p2 {
  padding: 1rem;
}
.pt2 {
  padding-top: 1rem;
}
.pr2 {
  padding-right: 1rem;
}
.pb2 {
  padding-bottom: 1rem;
}
.pl2 {
  padding-left: 1rem;
}
.py2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px2 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p3 {
  padding: 2rem;
}
.pt3 {
  padding-top: 2rem;
}
.pr3 {
  padding-right: 2rem;
}
.pb3 {
  padding-bottom: 2rem;
}
.pl3 {
  padding-left: 2rem;
}
.py3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.px3 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p4 {
  padding: 4rem;
}
.pt4 {
  padding-top: 4rem;
}
.pr4 {
  padding-right: 4rem;
}
.pb4 {
  padding-bottom: 4rem;
}
.pl4 {
  padding-left: 4rem;
}
.py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.col {
  float: left;
  box-sizing: border-box;
}
.col-right {
  float: right;
  box-sizing: border-box;
}
.col-1 {
  width: 8.3333333333%;
}
.col-2 {
  width: 16.6666666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.3333333333%;
}
.col-5 {
  width: 41.6666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.3333333333%;
}
.col-8 {
  width: 66.6666666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.3333333333%;
}
.col-11 {
  width: 91.6666666667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 40em) {
  .sm-col {
    float: left;
    box-sizing: border-box;
  }
  .sm-col-right {
    float: right;
    box-sizing: border-box;
  }
  .sm-col-1 {
    width: 8.3333333333%;
  }
  .sm-col-2 {
    width: 16.6666666667%;
  }
  .sm-col-3 {
    width: 25%;
  }
  .sm-col-4 {
    width: 33.3333333333%;
  }
  .sm-col-5 {
    width: 41.6666666667%;
  }
  .sm-col-6 {
    width: 50%;
  }
  .sm-col-7 {
    width: 58.3333333333%;
  }
  .sm-col-8 {
    width: 66.6666666667%;
  }
  .sm-col-9 {
    width: 75%;
  }
  .sm-col-10 {
    width: 83.3333333333%;
  }
  .sm-col-11 {
    width: 91.6666666667%;
  }
  .sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .md-col {
    float: left;
    box-sizing: border-box;
  }
  .md-col-right {
    float: right;
    box-sizing: border-box;
  }
  .md-col-1 {
    width: 8.3333333333%;
  }
  .md-col-2 {
    width: 16.6666666667%;
  }
  .md-col-3 {
    width: 25%;
  }
  .md-col-4 {
    width: 33.3333333333%;
  }
  .md-col-5 {
    width: 41.6666666667%;
  }
  .md-col-6 {
    width: 50%;
  }
  .md-col-7 {
    width: 58.3333333333%;
  }
  .md-col-8 {
    width: 66.6666666667%;
  }
  .md-col-9 {
    width: 75%;
  }
  .md-col-10 {
    width: 83.3333333333%;
  }
  .md-col-11 {
    width: 91.6666666667%;
  }
  .md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .lg-col {
    float: left;
    box-sizing: border-box;
  }
  .lg-col-right {
    float: right;
    box-sizing: border-box;
  }
  .lg-col-1 {
    width: 8.3333333333%;
  }
  .lg-col-2 {
    width: 16.6666666667%;
  }
  .lg-col-3 {
    width: 25%;
  }
  .lg-col-4 {
    width: 33.3333333333%;
  }
  .lg-col-5 {
    width: 41.6666666667%;
  }
  .lg-col-6 {
    width: 50%;
  }
  .lg-col-7 {
    width: 58.3333333333%;
  }
  .lg-col-8 {
    width: 66.6666666667%;
  }
  .lg-col-9 {
    width: 75%;
  }
  .lg-col-10 {
    width: 83.3333333333%;
  }
  .lg-col-11 {
    width: 91.6666666667%;
  }
  .lg-col-12 {
    width: 100%;
  }
}
.flex {
  display: flex;
}
@media (min-width: 40em) {
  .sm-flex {
    display: flex;
  }
}
@media (min-width: 52em) {
  .md-flex {
    display: flex;
  }
}
@media (min-width: 64em) {
  .lg-flex {
    display: flex;
  }
}
.flex-column {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-stretch {
  align-content: stretch;
}
.flex-auto {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-none {
  flex: none;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-last {
  order: 99999;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.top-0 {
  top: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.z1 {
  z-index: 1;
}
.z2 {
  z-index: 2;
}
.z3 {
  z-index: 3;
}
.z4 {
  z-index: 4;
}
.border {
  border-style: solid;
  border-width: 1px;
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none {
  border: 0;
}
.rounded {
  border-radius: 3px;
}
.circle {
  border-radius: 50%;
}
.rounded-top {
  border-radius: 3px 3px 0 0;
}
.rounded-right {
  border-radius: 0 3px 3px 0;
}
.rounded-bottom {
  border-radius: 0 0 3px 3px;
}
.rounded-left {
  border-radius: 3px 0 0 3px;
}
.not-rounded {
  border-radius: 0;
}
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (max-width: 40em) {
  .xs-hide {
    display: none !important;
  }
}
@media (min-width: 40em) and (max-width: 52em) {
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 52em) and (max-width: 64em) {
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .lg-hide {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}

/* node_modules/aos/dist/aos.css */
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
  transform: scale(.6);
}
[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6);
}
[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6);
}
[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6);
}
[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6);
}
[data-aos=zoom-out] {
  transform: scale(1.2);
}
[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}
[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/* angular:styles/global:styles */