/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@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-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-leading: initial;
      --tw-tracking: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --sa-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --sa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --sa-color-red-500: oklch(63.7% .237 25.331);
    --sa-color-green-500: oklch(72.3% .219 149.579);
    --sa-color-slate-800: oklch(27.9% .041 260.031);
    --sa-color-slate-900: oklch(20.8% .042 265.755);
    --sa-color-gray-50: var(--brandOS-gray-050);
    --sa-color-gray-100: var(--brandOS-gray-100);
    --sa-color-gray-500: var(--brandOS-gray-500);
    --sa-color-gray-900: var(--brandOS-gray-900);
    --sa-color-zinc-300: oklch(87.1% .006 286.286);
    --sa-color-zinc-700: oklch(37% .013 285.805);
    --sa-color-zinc-900: oklch(21% .006 285.885);
    --sa-color-zinc-950: oklch(14.1% .005 285.823);
    --sa-color-black: #000;
    --sa-color-white: #fff;
    --sa-spacing: .25rem;
    --sa-breakpoint-lg: 64rem;
    --sa-breakpoint-xl: 80rem;
    --sa-breakpoint-2xl: 96rem;
    --sa-container-xs: 20rem;
    --sa-container-2xl: 42rem;
    --sa-container-5xl: 64rem;
    --sa-container-7xl: 80rem;
    --sa-text-xs: var(--brandOS-text-xs);
    --sa-text-xs--line-height: calc(1 / .75);
    --sa-text-sm: var(--brandOS-text-sm);
    --sa-text-sm--line-height: calc(1.25 / .875);
    --sa-text-base: var(--brandOS-text-base);
    --sa-text-base--line-height: calc(1.5 / 1);
    --sa-text-lg: var(--brandOS-text-lg);
    --sa-text-lg--line-height: calc(1.75 / 1.125);
    --sa-text-xl: var(--brandOS-text-xl);
    --sa-text-xl--line-height: calc(1.75 / 1.25);
    --sa-text-2xl: var(--brandOS-text-2xl);
    --sa-text-2xl--line-height: calc(2 / 1.5);
    --sa-text-3xl: var(--brandOS-text-3xl);
    --sa-text-3xl--line-height: calc(2.25 / 1.875);
    --sa-text-4xl: var(--brandOS-text-4xl);
    --sa-text-4xl--line-height: calc(2.5 / 2.25);
    --sa-text-5xl: var(--brandOS-text-5xl);
    --sa-text-5xl--line-height: 1;
    --sa-font-weight-light: 300;
    --sa-font-weight-normal: 400;
    --sa-font-weight-medium: 500;
    --sa-font-weight-semibold: 600;
    --sa-font-weight-bold: 700;
    --sa-font-weight-black: 900;
    --sa-tracking-wider: .05em;
    --sa-leading-tight: var(--brandOS-leading-tight);
    --sa-leading-normal: var(--brandOS-leading-normal);
    --sa-radius-sm: .25rem;
    --sa-radius-md: .375rem;
    --sa-radius-lg: .5rem;
    --sa-animate-bounce: bounce 1s infinite;
    --sa-blur-xs: 4px;
    --sa-blur-lg: 16px;
    --sa-blur-2xl: 40px;
    --sa-default-transition-duration: .15s;
    --sa-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --sa-default-font-family: var(--sa-font-sans);
    --sa-default-mono-font-family: var(--sa-font-mono);
    --sa-font-body: var(--brandOS-font-body);
    --sa-font-heading: var(--brandOS-font-heading);
    --sa-text-md: var(--brandOS-text-md);
    --sa-color-primary-500: var(--brandOS-primary-500);
    --sa-ease-linear: var(--brandOS-ease-linear);
  }
}

@layer base {
  @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);
      }
    }
  }

  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--sa-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--sa-default-font-feature-settings, normal);
    font-variation-settings: var(--sa-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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--sa-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--sa-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--sa-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-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"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root {
    --dui-fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
    scrollbar-color: currentColor #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
    }
  }

  @property --radialprogress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }

  :root:not(span) {
    overflow: var(--dui-page-overflow);
  }

  :root {
    background: var(--dui-page-scroll-bg, var(--root-bg));
    --dui-page-scroll-bg-on: linear-gradient(var(--dui-root-bg, #0000), var(--dui-root-bg, #0000))
    var(--dui-root-bg, #0000);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root {
      --dui-page-scroll-bg-on: linear-gradient(var(--dui-root-bg, #0000), var(--dui-root-bg, #0000))
    color-mix(in srgb, var(--dui-root-bg, #0000), oklch(0% 0 0) calc(var(--dui-page-has-backdrop, 0) * 40%));
    }
  }

  :root {
    --dui-page-scroll-transition-on: background-color .3s ease-out;
    transition: var(--dui-page-scroll-transition);
    scrollbar-gutter: var(--dui-page-scroll-gutter, unset);
    scrollbar-gutter: if(style(--page-has-scroll: 1): var(--dui-page-scroll-gutter, unset) ; else: unset);
  }

  @keyframes set-page-has-scroll {
    0%, to {
      --dui-page-has-scroll: 1;
    }
  }

  :root, [data-theme] {
    background: var(--dui-page-scroll-bg, var(--root-bg));
    color: var(--color-base-content);
  }

  :where(:root, [data-theme]) {
    --dui-root-bg: var(--color-base-100);
  }
}

@layer components {
  body {
    font-family: var(--sa-font-body);
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--sa-font-heading);
    --tw-leading: var(--sa-leading-tight);
    line-height: var(--sa-leading-tight);
    --tw-font-weight: var(--sa-font-weight-bold);
    font-weight: var(--sa-font-weight-bold);
  }

  h1 {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }

  h2 {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }

  h3 {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }

  h4 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  h5 {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  h6 {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }
}

@layer utilities {
  @layer daisyui.l1.l2.l3 {
    .sa\:dui-modal {
      pointer-events: none;
      visibility: hidden;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
      color: inherit;
      transition: visibility .3s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      overscroll-behavior: contain;
      z-index: 999;
      scrollbar-gutter: auto;
      background-color: #0000;
      place-items: center;
      margin: 0;
      padding: 0;
      display: grid;
      position: fixed;
      inset: 0;
      overflow: clip;
    }

    .sa\:dui-modal::backdrop {
      display: none;
    }

    :where(.sa\:dui-drawer-side) {
      overflow: hidden;
    }

    .sa\:dui-drawer-side {
      pointer-events: none;
      visibility: hidden;
      z-index: 10;
      overscroll-behavior: contain;
      opacity: 0;
      width: 100%;
      transition: opacity .2s ease-out .1s allow-discrete, visibility .3s ease-out .1s allow-discrete;
      inset-inline-start: 0;
      background-color: #0000;
      grid-template-rows: repeat(1, minmax(0, 1fr));
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-row-start: 1;
      grid-column-start: 1;
      place-items: flex-start start;
      height: 100dvh;
      display: grid;
      position: fixed;
      top: 0;
    }

    .sa\:dui-drawer-side > .sa\:dui-drawer-overlay {
      cursor: pointer;
      background-color: oklch(0% 0 0 / .4);
      place-self: stretch stretch;
      position: sticky;
      top: 0;
    }

    .sa\:dui-drawer-side > * {
      grid-row-start: 1;
      grid-column-start: 1;
    }

    .sa\:dui-drawer-side > :not(.sa\:dui-drawer-overlay) {
      will-change: transform;
      transition: translate .3s ease-out, width .2s ease-out;
      translate: -100%;
    }

    [dir="rtl"] :is(.sa\:dui-drawer-side > :not(.sa\:dui-drawer-overlay)) {
      translate: 100%;
    }

    .sa\:dui-drawer-toggle {
      appearance: none;
      opacity: 0;
      width: 0;
      height: 0;
      position: fixed;
    }

    :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) {
      scrollbar-color: currentColor oklch(0 0 0 / calc(var(--dui-page-has-backdrop, 0) * .4));
    }

    @supports (color: color-mix(in lab, red, red)) {
      :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) {
        scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) oklch(0 0 0 / calc(var(--dui-page-has-backdrop, 0) * .4));
      }
    }

    :where(:root:has(.sa\:dui-drawer-toggle:checked)) {
      --dui-page-has-backdrop: 1;
      --dui-page-overflow: hidden;
      --dui-page-scroll-bg: var(--dui-page-scroll-bg-on);
      --dui-page-scroll-gutter: stable;
      --dui-page-scroll-transition: var(--dui-page-scroll-transition-on);
      animation: forwards set-page-has-scroll;
      animation-timeline: scroll();
    }

    .sa\:dui-tooltip\! {
      --dui-tt-bg: var(--color-neutral) !important;
      --dui-tt-off: calc(100% + .5rem) !important;
      --dui-tt-tail: calc(100% + 1px + .25rem) !important;
      display: inline-block !important;
      position: relative !important;
    }

    .sa\:dui-tooltip\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip\![data-tip]:before {
      border-radius: var(--radius-field) !important;
      text-align: center !important;
      white-space: normal !important;
      max-width: 20rem !important;
      color: var(--color-neutral-content) !important;
      opacity: 0 !important;
      background-color: var(--dui-tt-bg) !important;
      pointer-events: none !important;
      z-index: 2 !important;
      --tw-content: attr(data-tip) !important;
      content: var(--tw-content) !important;
      width: max-content !important;
      padding-block: .25rem !important;
      padding-inline: .5rem !important;
      font-size: .875rem !important;
      line-height: 1.25 !important;
      position: absolute !important;
    }

    .sa\:dui-tooltip\!:after {
      opacity: 0 !important;
      background-color: var(--dui-tt-bg) !important;
      content: "" !important;
      pointer-events: none !important;
      --dui-mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A") !important;
      width: .625rem !important;
      height: .25rem !important;
      -webkit-mask-position: -1px 0 !important;
      mask-position: -1px 0 !important;
      -webkit-mask-repeat: no-repeat !important;
      mask-repeat: no-repeat !important;
      -webkit-mask-image: var(--dui-mask-tooltip) !important;
      -webkit-mask-image: var(--dui-mask-tooltip) !important;
      mask-image: var(--dui-mask-tooltip) !important;
      display: block !important;
      position: absolute !important;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-tooltip\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip\![data-tip]:before, .sa\:dui-tooltip\!:after {
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms !important;
      }
    }

    :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
      opacity: 1 !important;
      --dui-tt-pos: 0rem !important;
    }

    @media (prefers-reduced-motion: no-preference) {
      :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .sa\:dui-tooltip\!:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
        transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1) !important;
      }
    }

    .sa\:dui-tab {
      cursor: pointer;
      appearance: none;
      text-align: center;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      display: inline-flex;
      position: relative;
    }

    @media (hover: hover) {
      .sa\:dui-tab:hover {
        color: var(--color-base-content);
      }
    }

    .sa\:dui-tab {
      --dui-tab-p: .75rem;
      --dui-tab-bg: var(--color-base-100);
      --dui-tab-border-color: var(--color-base-300);
      --dui-tab-radius-ss: 0;
      --dui-tab-radius-se: 0;
      --dui-tab-radius-es: 0;
      --dui-tab-radius-ee: 0;
      --dui-tab-order: 0;
      --dui-tab-radius-min: calc(.75rem - var(--border));
      --dui-tab-radius-limit: min(var(--radius-field), var(--dui-tab-radius-min));
      --dui-tab-radius-grad: #0000 calc(69% - var(--border)),
      var(--dui-tab-border-color) calc(69% - var(--border) + .25px),
      var(--dui-tab-border-color) 69%,
      var(--dui-tab-bg) calc(69% + .25px);
      order: var(--dui-tab-order);
      height: var(--dui-tab-height);
      padding-inline: var(--dui-tab-p);
      border-color: #0000;
      font-size: .875rem;
    }

    .sa\:dui-tab:is(input[type="radio"]) {
      min-width: fit-content;
    }

    .sa\:dui-tab:is(input[type="radio"]):after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .sa\:dui-tab:is(label) {
      position: relative;
    }

    .sa\:dui-tab:is(label) input {
      cursor: pointer;
      appearance: none;
      opacity: 0;
      position: absolute;
      inset: 0;
    }

    :is(.sa\:dui-tab:checked, .sa\:dui-tab:is(label:has(:checked)), .sa\:dui-tab:is(.sa\:dui-tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"])) + .sa\:dui-tab-content {
      display: block;
    }

    .sa\:dui-tab:not(:checked, label:has(:checked), :hover, .sa\:dui-tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-tab:not(:checked, label:has(:checked), :hover, .sa\:dui-tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
        color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
      }
    }

    .sa\:dui-tab:not(input):empty {
      cursor: default;
      flex-grow: 1;
    }

    .sa\:dui-tab:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-tab:focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-tab:focus-visible, .sa\:dui-tab:is(label:has(:checked:focus-visible)) {
      outline-offset: -5px;
      outline: 2px solid;
    }

    .sa\:dui-tab[disabled] {
      pointer-events: none;
      opacity: .4;
    }

    .sa\:dui-menu {
      --dui-menu-active-fg: var(--color-neutral-content);
      --dui-menu-active-bg: var(--color-neutral);
      flex-flow: column wrap;
      width: fit-content;
      padding: .5rem;
      font-size: .875rem;
      display: flex;
    }

    .sa\:dui-menu :where(li ul) {
      white-space: nowrap;
      margin-inline-start: 1rem;
      padding-inline-start: .5rem;
      position: relative;
    }

    .sa\:dui-menu :where(li ul):before {
      background-color: var(--color-base-content);
      opacity: .1;
      width: var(--border);
      content: "";
      inset-inline-start: 0;
      position: absolute;
      top: .75rem;
      bottom: .75rem;
    }

    .sa\:dui-menu :where(li > .sa\:dui-menu-dropdown:not(.sa\:dui-menu-dropdown-show)) {
      display: none;
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title) > :not(ul, details, .sa\:dui-menu-title, .sa\:dui-btn)), .sa\:dui-menu :where(li:not(.sa\:dui-menu-title) > details > summary:not(.sa\:dui-menu-title)) {
      border-radius: var(--radius-field);
      text-align: start;
      text-wrap: balance;
      -webkit-user-select: none;
      user-select: none;
      grid-auto-columns: minmax(auto, max-content) auto max-content;
      grid-auto-flow: column;
      align-content: flex-start;
      align-items: center;
      gap: .5rem;
      padding-block: .375rem;
      padding-inline: .75rem;
      transition-property: color, background-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: grid;
    }

    .sa\:dui-menu :where(li > details > summary) {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li > details > summary) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li > details > summary)::-webkit-details-marker {
      display: none;
    }

    :is(.sa\:dui-menu :where(li > details > summary), .sa\:dui-menu :where(li > .sa\:dui-menu-dropdown-toggle)):after {
      content: "";
      transform-origin: 50%;
      pointer-events: none;
      justify-self: flex-end;
      width: .375rem;
      height: .375rem;
      transition-property: rotate, translate;
      transition-duration: .2s;
      display: block;
      translate: 0 -1px;
      rotate: -135deg;
      box-shadow: inset 2px 2px;
    }

    .sa\:dui-menu details {
      interpolate-size: allow-keywords;
      overflow: hidden;
    }

    .sa\:dui-menu details::details-content {
      block-size: 0;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-menu details::details-content {
        transition-behavior: allow-discrete;
        transition-property: block-size, content-visibility;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
      }
    }

    .sa\:dui-menu details[open]::details-content {
      block-size: auto;
    }

    .sa\:dui-menu :where(li > details[open] > summary):after, .sa\:dui-menu :where(li > .sa\:dui-menu-dropdown-toggle.sa\:dui-menu-dropdown-show):after {
      translate: 0 1px;
      rotate: 45deg;
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
      color: var(--color-base-content);
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn).sa\:dui-menu-focus, .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title), li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title)):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > :not(ul, details, .sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover, li:not(.sa\:dui-menu-title, .sa\:dui-disabled) > details > summary:not(.sa\:dui-menu-title):not(.sa\:dui-menu-active, :active, .sa\:dui-btn):hover) {
      box-shadow: inset 0 1px oklch(0% 0 0 / .01), inset 0 -1px oklch(100% 0 0 / .01);
    }

    .sa\:dui-menu :where(li:empty) {
      background-color: var(--color-base-content);
      opacity: .1;
      height: 1px;
      margin: .5rem 1rem;
    }

    .sa\:dui-menu :where(li) {
      flex-flow: column wrap;
      flex-shrink: 0;
      align-items: stretch;
      display: flex;
      position: relative;
    }

    .sa\:dui-menu :where(li) .sa\:dui-badge {
      justify-self: flex-end;
    }

    .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active {
      color: var(--dui-menu-active-fg);
      background-color: var(--dui-menu-active-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--dui-fx-noise);
    }

    :is(.sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active):not(:is(.sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn):active, .sa\:dui-menu :where(li) > :not(ul, .sa\:dui-menu-title, details, .sa\:dui-btn).sa\:dui-menu-active, .sa\:dui-menu :where(li) > details > summary:active):active) {
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--dui-menu-active-bg);
    }

    .sa\:dui-menu :where(li).sa\:dui-menu-disabled {
      pointer-events: none;
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-menu :where(li).sa\:dui-menu-disabled {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-menu .sa\:dui-dropdown:focus-within .sa\:dui-menu-dropdown-toggle:after {
      translate: 0 1px;
      rotate: 45deg;
    }

    .sa\:dui-menu .sa\:dui-dropdown-content {
      margin-top: .5rem;
      padding: .5rem;
    }

    .sa\:dui-menu .sa\:dui-dropdown-content:before {
      display: none;
    }

    .sa\:dui-dropdown {
      position-area: var(--dui-anchor-v, bottom) var(--dui-anchor-h, span-right);
      display: inline-block;
      position: relative;
    }

    .sa\:dui-dropdown > :not(:has( ~ [class*="dropdown-content"])):focus {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-dropdown > :not(:has( ~ [class*="dropdown-content"])):focus {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-dropdown .sa\:dui-dropdown-content {
      position: absolute;
    }

    .sa\:dui-dropdown.sa\:dui-dropdown-close .sa\:dui-dropdown-content, .sa\:dui-dropdown:not(details, .sa\:dui-dropdown-open, .sa\:dui-dropdown-hover:hover, :focus-within) .sa\:dui-dropdown-content, .sa\:dui-dropdown.sa\:dui-dropdown-hover:not(:hover) [tabindex]:first-child:focus:not(:focus-visible) ~ .sa\:dui-dropdown-content {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: .95;
    }

    .sa\:dui-dropdown[popover], .sa\:dui-dropdown .sa\:dui-dropdown-content {
      z-index: 999;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-dropdown[popover], .sa\:dui-dropdown .sa\:dui-dropdown-content {
        transition-behavior: allow-discrete;
        transition-property: opacity, scale, display;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation: .2s dropdown;
      }
    }

    @starting-style {
      .sa\:dui-dropdown[popover], .sa\:dui-dropdown .sa\:dui-dropdown-content {
        opacity: 0;
        scale: .95;
      }
    }

    :is(.sa\:dui-dropdown:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-open, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):not(.sa\:dui-dropdown-hover):focus, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):focus-within) > [tabindex]:first-child {
      pointer-events: none;
    }

    :is(.sa\:dui-dropdown:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-open, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):not(.sa\:dui-dropdown-hover):focus, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close):focus-within) .sa\:dui-dropdown-content, .sa\:dui-dropdown:not(.sa\:dui-dropdown-close).sa\:dui-dropdown-hover:hover .sa\:dui-dropdown-content {
      opacity: 1;
      scale: 1;
    }

    .sa\:dui-dropdown:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .sa\:dui-dropdown:where([popover]) {
      background: none;
    }

    .sa\:dui-dropdown[popover] {
      color: inherit;
      position: fixed;
    }

    @supports not (position-area: bottom) {
      .sa\:dui-dropdown[popover] {
        margin: auto;
      }

      .sa\:dui-dropdown[popover].sa\:dui-dropdown-close {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: .95;
      }

      .sa\:dui-dropdown[popover].sa\:dui-dropdown-open:not(:popover-open) {
        transform-origin: top;
        opacity: 0;
        display: none;
        scale: .95;
      }

      .sa\:dui-dropdown[popover]::backdrop {
        background-color: oklab(0% none none / .3);
      }
    }

    :is(.sa\:dui-dropdown[popover].sa\:dui-dropdown-close, .sa\:dui-dropdown[popover]:not(.sa\:dui-dropdown-open, :popover-open)) {
      transform-origin: top;
      opacity: 0;
      display: none;
      scale: .95;
    }

    :where(.sa\:dui-btn) {
      width: unset;
    }

    .sa\:dui-btn {
      cursor: pointer;
      text-align: center;
      vertical-align: middle;
      outline-offset: 2px;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      padding-inline: var(--dui-btn-p);
      color: var(--dui-btn-fg);
      --tw-prose-links: var(--dui-btn-fg);
      height: var(--dui-size);
      font-size: var(--dui-fontsize, .875rem);
      outline-color: var(--dui-btn-color, var(--color-base-content));
      background-color: var(--dui-btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--dui-btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--dui-btn-border);
      text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
      touch-action: manipulation;
      box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--dui-btn-shadow);
      --dui-size: calc(var(--size-field, .25rem) * 10);
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
      --dui-btn-fg: var(--color-base-content);
      --dui-btn-p: 1rem;
      --dui-btn-border: var(--dui-btn-bg);
      border-start-start-radius: var(--dui-join-ss, var(--radius-field));
      border-start-end-radius: var(--dui-join-se, var(--radius-field));
      border-end-end-radius: var(--dui-join-ee, var(--radius-field));
      border-end-start-radius: var(--dui-join-es, var(--radius-field));
      flex-wrap: nowrap;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      gap: .375rem;
      font-weight: 600;
      transition-property: color, background-color, border-color, box-shadow;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn {
        --dui-btn-border: color-mix(in oklab, var(--dui-btn-bg), #000 calc(var(--depth) * 5%));
      }
    }

    .sa\:dui-btn {
      --dui-btn-shadow: 0 3px 2px -2px var(--dui-btn-bg),
      0 4px 3px -2px var(--dui-btn-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn {
        --dui-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000),
      0 4px 3px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000);
      }
    }

    .sa\:dui-btn {
      --dui-btn-noise: var(--dui-fx-noise);
    }

    @media (hover: hover) {
      .sa\:dui-btn:hover {
        --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
      }

      @supports (color: color-mix(in lab, red, red)) {
        .sa\:dui-btn:hover {
          --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
        }
      }
    }

    .sa\:dui-btn:focus-visible, .sa\:dui-btn:has(:focus-visible) {
      isolation: isolate;
      outline-width: 2px;
      outline-style: solid;
    }

    .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
      translate: 0 .5px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
        --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 5%);
      }
    }

    .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
      --dui-btn-border: var(--dui-btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
        --dui-btn-border: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
      }
    }

    .sa\:dui-btn:active:not(.sa\:dui-btn-active) {
      --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
    }

    .sa\:dui-btn:is(input[type="checkbox"], input[type="radio"]) {
      appearance: none;
    }

    .sa\:dui-btn:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
      --tw-content: attr(aria-label);
      content: var(--tw-content);
    }

    .sa\:dui-btn:where(input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
      --dui-btn-color: var(--color-primary);
      --dui-btn-fg: var(--color-primary-content);
      isolation: isolate;
    }

    .sa\:dui-loading {
      pointer-events: none;
      aspect-ratio: 1;
      vertical-align: middle;
      width: calc(var(--size-selector, .25rem) * 6);
      background-color: currentColor;
      display: inline-block;
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }

    .sa\:dui-collapse {
      border-radius: var(--radius-box, 1rem);
      isolation: isolate;
      grid-template-rows: max-content 0fr;
      grid-template-columns: minmax(0, 1fr);
      width: 100%;
      display: grid;
      position: relative;
      overflow: hidden;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse {
        transition: grid-template-rows .2s;
      }
    }

    .sa\:dui-collapse > input:is([type="checkbox"], [type="radio"]) {
      appearance: none;
      opacity: 0;
      z-index: 1;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color .2s ease-out;
    }

    .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)), .sa\:dui-collapse:not(.sa\:dui-collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
      grid-template-rows: max-content 1fr;
    }

    .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)) > .sa\:dui-collapse-content, .sa\:dui-collapse:not(.sa\:dui-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-content) {
      content-visibility: visible;
      min-height: fit-content;
    }

    @supports not (content-visibility: visible) {
      .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)) > .sa\:dui-collapse-content, .sa\:dui-collapse:not(.sa\:dui-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-content) {
        visibility: visible;
      }
    }

    .sa\:dui-collapse:focus-visible, .sa\:dui-collapse:has( > input:is([type="checkbox"], [type="radio"]):focus-visible), .sa\:dui-collapse:has(summary:focus-visible) {
      outline-color: var(--color-base-content);
      outline-offset: 2px;
      outline-width: 2px;
      outline-style: solid;
    }

    .sa\:dui-collapse:not(.sa\:dui-collapse-close) > input[type="checkbox"], .sa\:dui-collapse:not(.sa\:dui-collapse-close) > input[type="radio"]:not(:checked), .sa\:dui-collapse:not(.sa\:dui-collapse-close) > .sa\:dui-collapse-title {
      cursor: pointer;
    }

    :is(.sa\:dui-collapse[tabindex]:focus:not(.sa\:dui-collapse-close, .sa\:dui-collapse[open]), .sa\:dui-collapse[tabindex]:focus-within:not(.sa\:dui-collapse-close, .sa\:dui-collapse[open])) > .sa\:dui-collapse-title {
      cursor: unset;
    }

    .sa\:dui-collapse:is([open], [tabindex]:focus:not(.sa\:dui-collapse-close), [tabindex]:focus-within:not(.sa\:dui-collapse-close)) > :where(.sa\:dui-collapse-content), .sa\:dui-collapse:not(.sa\:dui-collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-content) {
      padding-bottom: 1rem;
    }

    .sa\:dui-collapse:is(details) {
      width: 100%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse:is(details)::details-content {
        transition: content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;
        interpolate-size: allow-keywords;
        height: 0;
      }

      .sa\:dui-collapse:is(details):where([open])::details-content {
        height: auto;
      }
    }

    .sa\:dui-collapse:is(details) summary {
      display: block;
      position: relative;
    }

    .sa\:dui-collapse:is(details) summary::-webkit-details-marker {
      display: none;
    }

    .sa\:dui-collapse:is(details) > .sa\:dui-collapse-content {
      content-visibility: visible;
    }

    .sa\:dui-collapse:is(details) summary {
      outline: none;
    }

    .sa\:dui-collapse-content {
      content-visibility: hidden;
      min-height: 0;
      cursor: unset;
      grid-row-start: 2;
      grid-column-start: 1;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    @supports not (content-visibility: hidden) {
      .sa\:dui-collapse-content {
        visibility: hidden;
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse-content {
        transition: content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out;
      }
    }

    .sa\:dui-input {
      cursor: text;
      border: var(--border) solid #0000;
      appearance: none;
      background-color: var(--color-base-100);
      vertical-align: middle;
      white-space: nowrap;
      width: clamp(3rem, 20rem, 100%);
      height: var(--dui-size);
      font-size: max(var(--dui-font-size, .875rem), .875rem);
      touch-action: manipulation;
      border-color: var(--dui-input-color);
      box-shadow: 0 1px var(--dui-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      border-start-start-radius: var(--dui-join-ss, var(--radius-field));
      border-start-end-radius: var(--dui-join-se, var(--radius-field));
      border-end-end-radius: var(--dui-join-ee, var(--radius-field));
      border-end-start-radius: var(--dui-join-es, var(--radius-field));
      flex-shrink: 1;
      align-items: center;
      gap: .5rem;
      padding-inline: .75rem;
      display: inline-flex;
      position: relative;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-input {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .sa\:dui-input {
      --dui-size: calc(var(--size-field, .25rem) * 10);
      --dui-input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-input {
        --dui-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .sa\:dui-input:where(input) {
      display: inline-flex;
    }

    .sa\:dui-input :where(input) {
      appearance: none;
      background-color: #0000;
      border: none;
      width: 100%;
      height: 100%;
      display: inline-flex;
    }

    .sa\:dui-input :where(input):focus, .sa\:dui-input :where(input):focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-input :where(input):focus, .sa\:dui-input :where(input):focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-input :where(input[type="url"]), .sa\:dui-input :where(input[type="email"]) {
      direction: ltr;
    }

    .sa\:dui-input :where(input[type="date"]) {
      display: inline-flex;
    }

    .sa\:dui-input:focus, .sa\:dui-input:focus-within {
      --dui-input-color: var(--color-base-content);
      box-shadow: 0 1px var(--dui-input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-input:focus, .sa\:dui-input:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .sa\:dui-input:focus, .sa\:dui-input:focus-within {
      outline: 2px solid var(--dui-input-color);
      outline-offset: 2px;
      isolation: isolate;
    }

    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .sa\:dui-input:focus, .sa\:dui-input:focus-within {
          --dui-font-size: 1rem;
        }
      }
    }

    .sa\:dui-input:has( > input[disabled]), .sa\:dui-input:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-input {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-input:has( > input[disabled]), .sa\:dui-input:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-input {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.sa\:dui-input:has( > input[disabled]), .sa\:dui-input:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-input)::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.sa\:dui-input:has( > input[disabled]), .sa\:dui-input:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-input)::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-input:has( > input[disabled]), .sa\:dui-input:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-input {
      box-shadow: none;
    }

    .sa\:dui-input:has( > input[disabled]) > input[disabled] {
      cursor: not-allowed;
    }

    .sa\:dui-input::-webkit-date-and-time-value {
      text-align: inherit;
    }

    .sa\:dui-input[type="number"]::-webkit-inner-spin-button {
      margin-block: -.75rem;
      margin-inline-end: -.75rem;
    }

    .sa\:dui-input::-webkit-calendar-picker-indicator {
      position: absolute;
      inset-inline-end: .75em;
    }

    .sa\:dui-input:has( > input[type="date"]) :where(input[type="date"]) {
      webkit-appearance: none;
      appearance: none;
      display: inline-flex;
    }

    .sa\:dui-input:has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
      cursor: pointer;
      width: 1em;
      height: 1em;
      position: absolute;
      inset-inline-end: .75em;
    }

    .sa\:dui-select {
      border: var(--border) solid #0000;
      appearance: none;
      background-color: var(--color-base-100);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      height: var(--dui-size);
      touch-action: manipulation;
      white-space: nowrap;
      text-overflow: ellipsis;
      box-shadow: 0 1px var(--dui-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
      background-repeat: no-repeat;
      background-size: 4px 4px, 4px 4px;
      border-start-start-radius: var(--dui-join-ss, var(--radius-field));
      border-start-end-radius: var(--dui-join-se, var(--radius-field));
      border-end-end-radius: var(--dui-join-ee, var(--radius-field));
      border-end-start-radius: var(--dui-join-es, var(--radius-field));
      flex-shrink: 1;
      align-items: center;
      gap: .375rem;
      padding-inline: .75rem 1.75rem;
      font-size: .875rem;
      display: inline-flex;
      position: relative;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .sa\:dui-select {
      border-color: var(--dui-input-color);
      --dui-input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select {
        --dui-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .sa\:dui-select {
      --dui-size: calc(var(--size-field, .25rem) * 10);
    }

    [dir="rtl"] .sa\:dui-select {
      background-position: 12px calc(1px + 50%), 16px calc(1px + 50%);
    }

    [dir="rtl"] .sa\:dui-select::picker(select) {
      translate: .5rem;
    }

    [dir="rtl"] .sa\:dui-select select::picker(select) {
      translate: .5rem;
    }

    .sa\:dui-select[multiple] {
      background-image: none;
      height: auto;
      padding-block: .75rem;
      padding-inline-end: .75rem;
      overflow: auto;
    }

    .sa\:dui-select select {
      appearance: none;
      width: calc(100% + 2.75rem);
      height: calc(100% - calc(var(--border) * 2));
      background: inherit;
      border-radius: inherit;
      border-style: none;
      align-items: center;
      margin-inline: -.75rem -1.75rem;
      padding-inline: .75rem 1.75rem;
    }

    .sa\:dui-select select:focus, .sa\:dui-select select:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-select select:focus, .sa\:dui-select select:focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-select select:not(:last-child) {
      background-image: none;
      margin-inline-end: -1.375rem;
    }

    .sa\:dui-select:focus, .sa\:dui-select:focus-within {
      --dui-input-color: var(--color-base-content);
      box-shadow: 0 1px var(--dui-input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select:focus, .sa\:dui-select:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .sa\:dui-select:focus, .sa\:dui-select:focus-within {
      outline: 2px solid var(--dui-input-color);
      outline-offset: 2px;
      isolation: isolate;
    }

    .sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select)::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.sa\:dui-select:has( > select[disabled]), .sa\:dui-select:is(:disabled, [disabled]), fieldset:disabled .sa\:dui-select)::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-select:has( > select[disabled]) > select[disabled] {
      cursor: not-allowed;
    }

    @supports (appearance: base-select) {
      .sa\:dui-select, .sa\:dui-select select {
        appearance: base-select;
      }

      :is(.sa\:dui-select, .sa\:dui-select select)::picker(select) {
        appearance: base-select;
      }
    }

    :is(.sa\:dui-select, .sa\:dui-select select)::picker(select) {
      color: inherit;
      border: var(--border) solid var(--color-base-200);
      border-radius: var(--radius-box);
      background-color: inherit;
      max-height: min(24rem, 70dvh);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0 / .2);
      box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * .1));
      margin-block: .5rem;
      margin-inline: .5rem;
      padding: .5rem;
      translate: -.5rem;
    }

    :is(.sa\:dui-select, .sa\:dui-select select)::picker-icon {
      display: none;
    }

    :is(.sa\:dui-select, .sa\:dui-select select) optgroup {
      padding-top: .5em;
    }

    :is(.sa\:dui-select, .sa\:dui-select select) optgroup option:first-child {
      margin-top: .5em;
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option {
      border-radius: var(--radius-field);
      white-space: normal;
      padding-block: .375rem;
      padding-inline: .75rem;
      transition-property: color, background-color;
      transition-duration: .2s;
      transition-timing-function: cubic-bezier(0, 0, .2, 1);
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
      cursor: pointer;
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):hover, :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):focus-visible {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    :is(.sa\:dui-select, .sa\:dui-select select) option:not(:disabled):active {
      background-color: var(--color-neutral);
      color: var(--color-neutral-content);
      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
    }

    .sa\:dui-collapse-title {
      grid-row-start: 1;
      grid-column-start: 1;
      width: 100%;
      min-height: 1lh;
      padding: 1rem;
      padding-inline-end: 3rem;
      transition: background-color .2s ease-out;
      position: relative;
    }

    .sa\:dui-drawer {
      grid-auto-columns: max-content auto;
      width: 100%;
      display: grid;
      position: relative;
    }

    .sa\:dui-textarea {
      border: var(--border) solid #0000;
      appearance: none;
      border-radius: var(--radius-field);
      background-color: var(--color-base-100);
      vertical-align: middle;
      width: clamp(3rem, 20rem, 100%);
      min-height: 5rem;
      font-size: max(var(--dui-font-size, .875rem), .875rem);
      touch-action: manipulation;
      border-color: var(--dui-input-color);
      box-shadow: 0 1px var(--dui-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      flex-shrink: 1;
      padding-block: .5rem;
      padding-inline: .75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-textarea {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
      }
    }

    .sa\:dui-textarea {
      --dui-input-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-textarea {
        --dui-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
      }
    }

    .sa\:dui-textarea textarea {
      appearance: none;
      background-color: #0000;
      border: none;
    }

    .sa\:dui-textarea textarea:focus, .sa\:dui-textarea textarea:focus-within {
      --tw-outline-style: none;
      outline-style: none;
    }

    @media (forced-colors: active) {
      .sa\:dui-textarea textarea:focus, .sa\:dui-textarea textarea:focus-within {
        outline-offset: 2px;
        outline: 2px solid #0000;
      }
    }

    .sa\:dui-textarea:focus, .sa\:dui-textarea:focus-within {
      --dui-input-color: var(--color-base-content);
      box-shadow: 0 1px var(--dui-input-color);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-textarea:focus, .sa\:dui-textarea:focus-within {
        box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000);
      }
    }

    .sa\:dui-textarea:focus, .sa\:dui-textarea:focus-within {
      outline: 2px solid var(--dui-input-color);
      outline-offset: 2px;
      isolation: isolate;
    }

    @media (pointer: coarse) {
      @supports (-webkit-touch-callout: none) {
        .sa\:dui-textarea:focus, .sa\:dui-textarea:focus-within {
          --dui-font-size: 1rem;
        }
      }
    }

    .sa\:dui-textarea:has( > textarea[disabled]), .sa\:dui-textarea:is(:disabled, [disabled]) {
      cursor: not-allowed;
      border-color: var(--color-base-200);
      background-color: var(--color-base-200);
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-textarea:has( > textarea[disabled]), .sa\:dui-textarea:is(:disabled, [disabled]) {
        color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
      }
    }

    :is(.sa\:dui-textarea:has( > textarea[disabled]), .sa\:dui-textarea:is(:disabled, [disabled]))::placeholder {
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.sa\:dui-textarea:has( > textarea[disabled]), .sa\:dui-textarea:is(:disabled, [disabled]))::placeholder {
        color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-textarea:has( > textarea[disabled]), .sa\:dui-textarea:is(:disabled, [disabled]) {
      box-shadow: none;
    }

    .sa\:dui-textarea:has( > textarea[disabled]) > textarea[disabled] {
      cursor: not-allowed;
    }

    .sa\:dui-modal-backdrop {
      color: #0000;
      z-index: -1;
      grid-row-start: 1;
      grid-column-start: 1;
      place-self: stretch stretch;
      display: grid;
    }

    .sa\:dui-modal-backdrop button {
      cursor: pointer;
    }

    .sa\:dui-modal-box {
      background-color: var(--color-base-100);
      border-top-left-radius: var(--dui-modal-tl, var(--radius-box));
      border-top-right-radius: var(--dui-modal-tr, var(--radius-box));
      border-bottom-left-radius: var(--dui-modal-bl, var(--radius-box));
      border-bottom-right-radius: var(--dui-modal-br, var(--radius-box));
      opacity: 0;
      overscroll-behavior: contain;
      grid-row-start: 1;
      grid-column-start: 1;
      width: 91.6667%;
      max-width: 32rem;
      max-height: 100vh;
      padding: 1.5rem;
      transition: translate .3s ease-out, scale .3s ease-out, opacity .2s ease-out 50ms, box-shadow .3s ease-out;
      overflow-y: auto;
      scale: .95;
      box-shadow: 0 25px 50px -12px oklch(0% 0 0 / .25);
    }

    .sa\:dui-drawer-content {
      grid-row-start: 1;
      grid-column-start: 2;
      min-width: 0;
    }

    .sa\:dui-status {
      aspect-ratio: 1;
      border-radius: var(--radius-selector);
      background-color: var(--color-base-content);
      width: .5rem;
      height: .5rem;
      display: inline-block;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-status {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

    .sa\:dui-status {
      vertical-align: middle;
      color: #0000004d;
      background-position: center;
      background-repeat: no-repeat;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-status {
        color: color-mix(in oklab, var(--color-black) 30%, transparent);
      }
    }

    .sa\:dui-status {
      background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);
      box-shadow: 0 2px 3px -1px;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-status {
        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
      }
    }

    .sa\:dui-tabs {
      --dui-tabs-height: auto;
      --dui-tabs-direction: row;
      --dui-tab-height: calc(var(--size-field, .25rem) * 10);
      height: var(--dui-tabs-height);
      flex-wrap: wrap;
      flex-direction: var(--dui-tabs-direction);
      display: flex;
    }

    .sa\:dui-btn-primary {
      --dui-btn-color: var(--color-primary);
      --dui-btn-fg: var(--color-primary-content);
    }

    .sa\:dui-btn-secondary {
      --dui-btn-color: var(--color-secondary);
      --dui-btn-fg: var(--color-secondary-content);
    }
  }

  @layer daisyui.l1.l2 {
    .sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      transition: visibility 0s allow-discrete, background-color .3s ease-out, opacity .1s ease-out;
      background-color: oklch(0% 0 0 / .4);
    }

    :is(.sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal) .sa\:dui-modal-box {
      opacity: 1;
      translate: 0;
      scale: 1;
    }

    :root:has(:is(.sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal)) {
      --dui-page-has-backdrop: 1;
      --dui-page-overflow: hidden;
      --dui-page-scroll-bg: var(--dui-page-scroll-bg-on);
      --dui-page-scroll-gutter: stable;
      --dui-page-scroll-transition: var(--dui-page-scroll-transition-on);
      animation: forwards set-page-has-scroll;
      animation-timeline: scroll();
    }

    @starting-style {
      .sa\:dui-modal.sa\:dui-modal-open, .sa\:dui-modal[open], .sa\:dui-modal:target, .sa\:modal-toggle:checked + .sa\:dui-modal {
        opacity: 0;
      }
    }

    :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) {
      pointer-events: auto;
      visibility: visible;
      opacity: 1;
      overflow-y: auto;
    }

    :where(.sa\:dui-drawer-toggle:checked ~ .sa\:dui-drawer-side) > :not(.sa\:dui-drawer-overlay) {
      translate: 0%;
    }

    .sa\:dui-drawer-toggle:focus-visible ~ .sa\:dui-drawer-content label.sa\:dui-drawer-button {
      outline-offset: 2px;
      outline: 2px solid;
    }

    .sa\:dui-tooltip\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip\![data-tip]:before {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-off) 50% !important;
    }

    .sa\:dui-tooltip\!:after {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-tail) 50% !important;
    }

    .sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
      width: .5rem;
      height: .5rem;
      display: block;
      position: absolute;
      transform: translateY(-100%) rotate(45deg);
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
        transition-property: all;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      }
    }

    .sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
      content: "";
      transform-origin: 75% 75%;
      pointer-events: none;
      top: 50%;
      inset-inline-end: 1.4rem;
      box-shadow: 2px 2px;
    }

    .sa\:dui-btn:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-btn:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      box-shadow: none;
    }

    .sa\:dui-btn:disabled {
      pointer-events: none;
      --dui-btn-border: #0000;
      --dui-btn-noise: none;
      --dui-btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn:disabled {
        --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }

    .sa\:dui-btn[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
        background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
      }
    }

    .sa\:dui-btn[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      box-shadow: none;
    }

    .sa\:dui-btn[disabled] {
      pointer-events: none;
      --dui-btn-border: #0000;
      --dui-btn-noise: none;
      --dui-btn-fg: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:dui-btn[disabled] {
        --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
      }
    }

    @media (prefers-reduced-motion: no-preference) {
      .sa\:dui-collapse[open].sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after, .sa\:dui-collapse.sa\:dui-collapse-open.sa\:dui-collapse-arrow > .sa\:dui-collapse-title:after {
        transform: translateY(-50%) rotate(225deg);
      }
    }

    .sa\:dui-collapse.sa\:dui-collapse-open.sa\:dui-collapse-plus > .sa\:dui-collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    :is(.sa\:dui-collapse[tabindex].sa\:dui-collapse-arrow:focus:not(.sa\:dui-collapse-close), .sa\:dui-collapse.sa\:dui-collapse-arrow[tabindex]:focus-within:not(.sa\:dui-collapse-close)) > .sa\:dui-collapse-title:after, .sa\:dui-collapse.sa\:dui-collapse-arrow:not(.sa\:dui-collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-title:after {
      transform: translateY(-50%) rotate(225deg);
    }

    .sa\:dui-collapse[open].sa\:dui-collapse-plus > .sa\:dui-collapse-title:after, .sa\:dui-collapse[tabindex].sa\:dui-collapse-plus:focus:not(.sa\:dui-collapse-close) > .sa\:dui-collapse-title:after, .sa\:dui-collapse.sa\:dui-collapse-plus:not(.sa\:dui-collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .sa\:dui-collapse-title:after {
      --tw-content: "−";
      content: var(--tw-content);
    }

    .sa\:dui-tooltip-top\! > .sa\:dui-tooltip-content, .sa\:dui-tooltip-top\![data-tip]:before {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-off) 50% !important;
    }

    .sa\:dui-tooltip-top\!:after {
      transform: translateX(-50%) translateY(var(--dui-tt-pos, .25rem)) !important;
      inset: auto auto var(--dui-tt-tail) 50% !important;
    }

    .sa\:dui-dropdown-right {
      --dui-anchor-h: right;
      --dui-anchor-v: span-bottom;
    }

    .sa\:dui-dropdown-right .sa\:dui-dropdown-content {
      transform-origin: 0;
      inset-inline-start: 100%;
      top: 0;
      bottom: auto;
    }

    .sa\:dui-dropdown-left {
      --dui-anchor-h: left;
      --dui-anchor-v: span-bottom;
    }

    .sa\:dui-dropdown-left .sa\:dui-dropdown-content {
      transform-origin: 100%;
      inset-inline-end: 100%;
      top: 0;
      bottom: auto;
    }

    .sa\:dui-dropdown-center {
      --dui-anchor-h: center;
    }

    .sa\:dui-dropdown-center :where(.sa\:dui-dropdown-content) {
      inset-inline-end: 50%;
      translate: 50%;
    }

    [dir="rtl"] :is(.sa\:dui-dropdown-center :where(.sa\:dui-dropdown-content)) {
      translate: -50%;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-left {
      --dui-anchor-h: left;
      --dui-anchor-v: center;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-left .sa\:dui-dropdown-content {
      top: auto;
      bottom: 50%;
      translate: 0 50%;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-right {
      --dui-anchor-h: right;
      --dui-anchor-v: center;
    }

    .sa\:dui-dropdown-center.sa\:dui-dropdown-right .sa\:dui-dropdown-content {
      top: auto;
      bottom: 50%;
      translate: 0 50%;
    }

    .sa\:dui-dropdown-end {
      --dui-anchor-h: span-left;
    }

    .sa\:dui-dropdown-end :where(.sa\:dui-dropdown-content) {
      inset-inline-end: 0;
      translate: 0;
    }

    [dir="rtl"] :is(.sa\:dui-dropdown-end :where(.sa\:dui-dropdown-content)) {
      translate: 0;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-left {
      --dui-anchor-h: left;
      --dui-anchor-v: span-top;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-left .sa\:dui-dropdown-content {
      top: auto;
      bottom: 0;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-right {
      --dui-anchor-h: right;
      --dui-anchor-v: span-top;
    }

    .sa\:dui-dropdown-end.sa\:dui-dropdown-right .sa\:dui-dropdown-content {
      top: auto;
      bottom: 0;
    }

    .sa\:dui-dropdown-bottom {
      --dui-anchor-v: bottom;
    }

    .sa\:dui-dropdown-bottom .sa\:dui-dropdown-content {
      transform-origin: top;
      top: 100%;
      bottom: auto;
    }

    .sa\:dui-btn-circle {
      width: var(--dui-size);
      height: var(--dui-size);
      border-radius: 3.40282e38px;
      padding-inline: 0;
    }

    .sa\:dui-loading-sm {
      width: calc(var(--size-selector, .25rem) * 5);
    }

    .sa\:dui-menu-xs :where(li:not(.sa\:dui-menu-title) > :not(ul, details, .sa\:dui-menu-title)), .sa\:dui-menu-xs :where(li:not(.sa\:dui-menu-title) > details > summary:not(.sa\:dui-menu-title)) {
      border-radius: var(--radius-field);
      padding-block: .25rem;
      padding-inline: .5rem;
      font-size: .6875rem;
    }

    .sa\:dui-menu-xs .sa\:dui-menu-title {
      padding-block: .25rem;
      padding-inline: .5rem;
    }

    .sa\:dui-badge-outline {
      color: var(--dui-badge-color);
      --dui-badge-bg: #0000;
      background-image: none;
      border-color: currentColor;
    }

    .sa\:dui-status-success {
      background-color: var(--color-success);
      color: var(--color-success);
    }

    .sa\:dui-loading-spinner {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
    }

    .sa\:dui-btn-sm {
      --dui-fontsize: .75rem;
      --dui-btn-p: .75rem;
      --dui-size: calc(var(--size-field, .25rem) * 8);
    }

    .sa\:dui-select-primary, .sa\:dui-select-primary:focus, .sa\:dui-select-primary:focus-within {
      --dui-input-color: var(--color-primary);
    }
  }

  .sa\:prose :where(a.sa\:dui-btn:not(.sa\:dui-btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-decoration-line: none;
  }

  .sa\:dui-collapse:not(td, tr, colgroup) {
    visibility: revert-layer;
  }

  .sa\:sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .sa\:absolute {
    position: absolute;
  }

  .sa\:absolute\! {
    position: absolute !important;
  }

  .sa\:relative {
    position: relative;
  }

  .sa\:static\! {
    position: static !important;
  }

  .sa\:sticky {
    position: sticky;
  }

  .sa\:inset-x-0 {
    inset-inline: calc(var(--sa-spacing) * 0);
  }

  .sa\:top-0 {
    top: calc(var(--sa-spacing) * 0);
  }

  .sa\:top-2 {
    top: calc(var(--sa-spacing) * 2);
  }

  .sa\:top-4 {
    top: calc(var(--sa-spacing) * 4);
  }

  .sa\:top-14 {
    top: calc(var(--sa-spacing) * 14);
  }

  .sa\:top-16 {
    top: calc(var(--sa-spacing) * 16);
  }

  .sa\:top-32 {
    top: calc(var(--sa-spacing) * 32);
  }

  .sa\:right-2 {
    right: calc(var(--sa-spacing) * 2);
  }

  .sa\:right-4 {
    right: calc(var(--sa-spacing) * 4);
  }

  .sa\:dui-join {
    --dui-join-ss: 0;
    --dui-join-se: 0;
    --dui-join-es: 0;
    --dui-join-ee: 0;
    align-items: stretch;
    display: inline-flex;
  }

  .sa\:dui-join :where(.sa\:dui-join-item) {
    border-start-start-radius: var(--dui-join-ss, 0);
    border-start-end-radius: var(--dui-join-se, 0);
    border-end-end-radius: var(--dui-join-ee, 0);
    border-end-start-radius: var(--dui-join-es, 0);
  }

  .sa\:dui-join :where(.sa\:dui-join-item) * {
    --dui-join-ss: var(--radius-field);
    --dui-join-se: var(--radius-field);
    --dui-join-es: var(--radius-field);
    --dui-join-ee: var(--radius-field);
  }

  .sa\:dui-join > .sa\:dui-join-item:where(:first-child), .sa\:dui-join :first-child:not(:last-child) :where(.sa\:dui-join-item) {
    --dui-join-ss: var(--radius-field);
    --dui-join-se: 0;
    --dui-join-es: var(--radius-field);
    --dui-join-ee: 0;
  }

  .sa\:dui-join > .sa\:dui-join-item:where(:last-child), .sa\:dui-join :last-child:not(:first-child) :where(.sa\:dui-join-item) {
    --dui-join-ss: 0;
    --dui-join-se: var(--radius-field);
    --dui-join-es: 0;
    --dui-join-ee: var(--radius-field);
  }

  .sa\:dui-join > .sa\:dui-join-item:where(:only-child), .sa\:dui-join :only-child :where(.sa\:dui-join-item) {
    --dui-join-ss: var(--radius-field);
    --dui-join-se: var(--radius-field);
    --dui-join-es: var(--radius-field);
    --dui-join-ee: var(--radius-field);
  }

  .sa\:dui-join > :where(:focus, :has(:focus)) {
    z-index: 1;
  }

  @media (hover: hover) {
    .sa\:dui-join > :where(.sa\:dui-btn:hover, :has(.sa\:dui-btn:hover)) {
      isolation: isolate;
    }
  }

  .sa\:-z-10 {
    z-index: calc(10 * -1);
  }

  .sa\:z-0 {
    z-index: 0;
  }

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

  .sa\:order-1 {
    order: 1;
  }

  .sa\:order-2 {
    order: 2;
  }

  .sa\:order-last {
    order: 9999;
  }

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

  .sa\:col-span-1\! {
    grid-column: span 1 / span 1 !important;
  }

  .sa\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sa\:col-span-2\! {
    grid-column: span 2 / span 2 !important;
  }

  .sa\:col-span-3 {
    grid-column: span 3 / span 3;
  }

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

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

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

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

  .sa\:col-span-full\! {
    grid-column: 1 / -1 !important;
  }

  .sa\:m-0 {
    margin: calc(var(--sa-spacing) * 0);
  }

  .sa\:m-auto {
    margin: auto;
  }

  .sa\:mx-auto {
    margin-inline: auto;
  }

  .sa\:my-8 {
    margin-block: calc(var(--sa-spacing) * 8);
  }

  .sa\:dui-join-item:where(:not(:first-child, :disabled, [disabled], .sa\:dui-btn-disabled)) {
    margin-block-start: 0;
    margin-inline-start: calc(var(--border, 1px) * -1);
  }

  .sa\:dui-join-item:where(:is(:disabled, [disabled], .sa\:dui-btn-disabled)) {
    border-width: var(--border, 1px) 0 var(--border, 1px) var(--border, 1px);
  }

  .sa\:-mt-12 {
    margin-top: calc(var(--sa-spacing) * -12);
  }

  .sa\:-mt-\[10\%\] {
    margin-top: -10%;
  }

  .sa\:mt-0 {
    margin-top: calc(var(--sa-spacing) * 0);
  }

  .sa\:mt-1 {
    margin-top: calc(var(--sa-spacing) * 1);
  }

  .sa\:mt-2 {
    margin-top: calc(var(--sa-spacing) * 2);
  }

  .sa\:mt-4 {
    margin-top: calc(var(--sa-spacing) * 4);
  }

  .sa\:mt-5 {
    margin-top: calc(var(--sa-spacing) * 5);
  }

  .sa\:mt-10 {
    margin-top: calc(var(--sa-spacing) * 10);
  }

  .sa\:mt-12 {
    margin-top: calc(var(--sa-spacing) * 12);
  }

  .sa\:mt-16 {
    margin-top: calc(var(--sa-spacing) * 16);
  }

  .sa\:mr-2 {
    margin-right: calc(var(--sa-spacing) * 2);
  }

  .sa\:mr-auto {
    margin-right: auto;
  }

  .sa\:mb-1 {
    margin-bottom: calc(var(--sa-spacing) * 1);
  }

  .sa\:mb-4 {
    margin-bottom: calc(var(--sa-spacing) * 4);
  }

  .sa\:mb-5 {
    margin-bottom: calc(var(--sa-spacing) * 5);
  }

  .sa\:mb-8 {
    margin-bottom: calc(var(--sa-spacing) * 8);
  }

  .sa\:mb-10 {
    margin-bottom: calc(var(--sa-spacing) * 10);
  }

  .sa\:mb-16 {
    margin-bottom: calc(var(--sa-spacing) * 16);
  }

  .sa\:ml-2 {
    margin-left: calc(var(--sa-spacing) * 2);
  }

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

  .sa\:block {
    display: block;
  }

  .sa\:flex {
    display: flex;
  }

  .sa\:flex\! {
    display: flex !important;
  }

  .sa\:grid {
    display: grid;
  }

  .sa\:hidden {
    display: none;
  }

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

  .sa\:size-3 {
    width: calc(var(--sa-spacing) * 3);
    height: calc(var(--sa-spacing) * 3);
  }

  .sa\:size-3\.5 {
    width: calc(var(--sa-spacing) * 3.5);
    height: calc(var(--sa-spacing) * 3.5);
  }

  .sa\:size-4 {
    width: calc(var(--sa-spacing) * 4);
    height: calc(var(--sa-spacing) * 4);
  }

  .sa\:size-5 {
    width: calc(var(--sa-spacing) * 5);
    height: calc(var(--sa-spacing) * 5);
  }

  .sa\:size-6 {
    width: calc(var(--sa-spacing) * 6);
    height: calc(var(--sa-spacing) * 6);
  }

  .sa\:size-8 {
    width: calc(var(--sa-spacing) * 8);
    height: calc(var(--sa-spacing) * 8);
  }

  .sa\:size-16 {
    width: calc(var(--sa-spacing) * 16);
    height: calc(var(--sa-spacing) * 16);
  }

  .sa\:size-full\! {
    width: 100% !important;
    height: 100% !important;
  }

  .sa\:h-5 {
    height: calc(var(--sa-spacing) * 5);
  }

  .sa\:h-6 {
    height: calc(var(--sa-spacing) * 6);
  }

  .sa\:h-9 {
    height: calc(var(--sa-spacing) * 9);
  }

  .sa\:h-12 {
    height: calc(var(--sa-spacing) * 12);
  }

  .sa\:h-18\! {
    height: calc(var(--sa-spacing) * 18) !important;
  }

  .sa\:h-60 {
    height: calc(var(--sa-spacing) * 60);
  }

  .sa\:h-80 {
    height: calc(var(--sa-spacing) * 80);
  }

  .sa\:h-96 {
    height: calc(var(--sa-spacing) * 96);
  }

  .sa\:h-140 {
    height: calc(var(--sa-spacing) * 140);
  }

  .sa\:h-\[calc\(100vh-3\.5rem\)\] {
    height: calc(100vh - 3.5rem);
  }

  .sa\:h-full {
    height: 100%;
  }

  .sa\:max-h-\[650px\] {
    max-height: 650px;
  }

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

  .sa\:min-h-88\! {
    min-height: calc(var(--sa-spacing) * 88) !important;
  }

  .sa\:min-h-150 {
    min-height: calc(var(--sa-spacing) * 150);
  }

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

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

  .sa\:w-5 {
    width: calc(var(--sa-spacing) * 5);
  }

  .sa\:w-6 {
    width: calc(var(--sa-spacing) * 6);
  }

  .sa\:w-8 {
    width: calc(var(--sa-spacing) * 8);
  }

  .sa\:w-10 {
    width: calc(var(--sa-spacing) * 10);
  }

  .sa\:w-40 {
    width: calc(var(--sa-spacing) * 40);
  }

  .sa\:w-44 {
    width: calc(var(--sa-spacing) * 44);
  }

  .sa\:w-72 {
    width: calc(var(--sa-spacing) * 72);
  }

  .sa\:w-80 {
    width: calc(var(--sa-spacing) * 80);
  }

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

  .sa\:w-full {
    width: 100%;
  }

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

  .sa\:max-w-\[calc\(100\%-120px\)\] {
    max-width: calc(100% - 120px);
  }

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

  .sa\:max-w-screen {
    max-width: 100vw;
  }

  .sa\:max-w-xs {
    max-width: var(--sa-container-xs);
  }

  .sa\:flex-1 {
    flex: 1;
  }

  .sa\:-rotate-90 {
    rotate: -90deg;
  }

  .sa\:rotate-90 {
    rotate: 90deg;
  }

  .sa\:rotate-180 {
    rotate: 180deg;
  }

  .sa\:animate-bounce {
    animation: var(--sa-animate-bounce);
  }

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

  .sa\:scroll-m-20 {
    scroll-margin: calc(var(--sa-spacing) * 20);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .sa\:justify-between {
    justify-content: space-between;
  }

  .sa\:justify-center {
    justify-content: center;
  }

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

  .sa\:justify-start {
    justify-content: flex-start;
  }

  .sa\:gap-1 {
    gap: calc(var(--sa-spacing) * 1);
  }

  .sa\:gap-2 {
    gap: calc(var(--sa-spacing) * 2);
  }

  .sa\:gap-4 {
    gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:gap-5 {
    gap: calc(var(--sa-spacing) * 5);
  }

  .sa\:gap-6 {
    gap: calc(var(--sa-spacing) * 6);
  }

  .sa\:gap-8 {
    gap: calc(var(--sa-spacing) * 8);
  }

  .sa\:gap-16 {
    gap: calc(var(--sa-spacing) * 16);
  }

  .sa\:gap-20 {
    gap: calc(var(--sa-spacing) * 20);
  }

  :where(.sa\:space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--sa-spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--sa-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.sa\:space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--sa-spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--sa-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .sa\:gap-x-4 {
    column-gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:gap-x-6 {
    column-gap: calc(var(--sa-spacing) * 6);
  }

  :where(.sa\:space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--sa-spacing) * 1) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--sa-spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
  }

  .sa\:gap-y-16 {
    row-gap: calc(var(--sa-spacing) * 16);
  }

  .sa\:overflow-auto {
    overflow: auto;
  }

  .sa\:overflow-hidden {
    overflow: hidden;
  }

  .sa\:overflow-visible\! {
    overflow: visible !important;
  }

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

  .sa\:rounded-box {
    border-radius: var(--radius-box);
  }

  .sa\:rounded-lg {
    border-radius: var(--sa-radius-lg);
  }

  .sa\:rounded-md {
    border-radius: var(--sa-radius-md);
  }

  .sa\:rounded-sm {
    border-radius: var(--sa-radius-sm);
  }

  .sa\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .sa\:border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .sa\:border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .sa\:border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .sa\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .sa\:border-base-100\/10 {
    border-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:border-base-100\/10 {
      border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
    }
  }

  .sa\:border-base-300 {
    border-color: var(--color-base-300);
  }

  .sa\:border-base-content\/10 {
    border-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:border-base-content\/10 {
      border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .sa\:border-black\/10 {
    border-color: var(--sa-color-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:border-black\/10 {
      border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
    }
  }

  .sa\:border-primary {
    border-color: var(--color-primary);
  }

  .sa\:border-red-500\! {
    border-color: var(--sa-color-red-500) !important;
  }

  .sa\:border-transparent {
    border-color: #0000;
  }

  .sa\:bg-base-100, .sa\:bg-base-100\/5 {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:bg-base-100\/5 {
      background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
    }
  }

  .sa\:bg-base-100\/10 {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:bg-base-100\/10 {
      background-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
    }
  }

  .sa\:bg-base-200 {
    background-color: var(--color-base-200);
  }

  .sa\:bg-base-200\/80\! {
    background-color: var(--color-base-200) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:bg-base-200\/80\! {
      background-color: color-mix(in oklab, var(--color-base-200) 80%, transparent) !important;
    }
  }

  .sa\:bg-gray-50 {
    background-color: var(--sa-color-gray-50);
  }

  .sa\:bg-primary {
    background-color: var(--color-primary);
  }

  .sa\:bg-transparent {
    background-color: #0000;
  }

  .sa\:bg-transparent\! {
    background-color: #0000 !important;
  }

  .sa\:bg-white {
    background-color: var(--sa-color-white);
  }

  .sa\:bg-white\! {
    background-color: var(--sa-color-white) !important;
  }

  .sa\:bg-zinc-950 {
    background-color: var(--sa-color-zinc-950);
  }

  .sa\:bg-linear-to-bl {
    --tw-gradient-position: to bottom left;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .sa\:bg-linear-to-bl {
      --tw-gradient-position: to bottom left in oklab;
    }
  }

  .sa\:bg-linear-to-bl {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .sa\:bg-\[url\(\'\/assets\/vector-graphics\/svgo-optimized\/banner\/blue-shape-bg\.svg\'\)\] {
    background-image: url("/assets/vector-graphics/svgo-optimized/banner/blue-shape-bg.svg");
  }

  .sa\:bg-\[url\(\'\/assets\/vector-graphics\/svgo-optimized\/banner\/gradient-blue-black-bg\.svg\'\)\] {
    background-image: url("/assets/vector-graphics/svgo-optimized/banner/gradient-blue-black-bg.svg");
  }

  .sa\:from-\[\#17191a\] {
    --tw-gradient-from: #17191a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:from-slate-900 {
    --tw-gradient-from: var(--sa-color-slate-900);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:to-\[\#293539\] {
    --tw-gradient-to: #293539;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:to-slate-800 {
    --tw-gradient-to: var(--sa-color-slate-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .sa\:bg-cover {
    background-size: cover;
  }

  .sa\:bg-center {
    background-position: center;
  }

  .sa\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .sa\:p-1 {
    padding: calc(var(--sa-spacing) * 1);
  }

  .sa\:p-2 {
    padding: calc(var(--sa-spacing) * 2);
  }

  .sa\:p-4 {
    padding: calc(var(--sa-spacing) * 4);
  }

  .sa\:p-8 {
    padding: calc(var(--sa-spacing) * 8);
  }

  .sa\:p-10 {
    padding: calc(var(--sa-spacing) * 10);
  }

  .sa\:px-0 {
    padding-inline: calc(var(--sa-spacing) * 0);
  }

  .sa\:px-1 {
    padding-inline: calc(var(--sa-spacing) * 1);
  }

  .sa\:px-2 {
    padding-inline: calc(var(--sa-spacing) * 2);
  }

  .sa\:px-4 {
    padding-inline: calc(var(--sa-spacing) * 4);
  }

  .sa\:px-5 {
    padding-inline: calc(var(--sa-spacing) * 5);
  }

  .sa\:py-0\.5 {
    padding-block: calc(var(--sa-spacing) * .5);
  }

  .sa\:py-1 {
    padding-block: calc(var(--sa-spacing) * 1);
  }

  .sa\:py-4 {
    padding-block: calc(var(--sa-spacing) * 4);
  }

  .sa\:py-6 {
    padding-block: calc(var(--sa-spacing) * 6);
  }

  .sa\:py-8 {
    padding-block: calc(var(--sa-spacing) * 8);
  }

  .sa\:py-16 {
    padding-block: calc(var(--sa-spacing) * 16);
  }

  .sa\:py-24 {
    padding-block: calc(var(--sa-spacing) * 24);
  }

  .sa\:pt-0 {
    padding-top: calc(var(--sa-spacing) * 0);
  }

  .sa\:pt-2 {
    padding-top: calc(var(--sa-spacing) * 2);
  }

  .sa\:pt-4 {
    padding-top: calc(var(--sa-spacing) * 4);
  }

  .sa\:pt-12 {
    padding-top: calc(var(--sa-spacing) * 12);
  }

  .sa\:pt-24 {
    padding-top: calc(var(--sa-spacing) * 24);
  }

  .sa\:pb-2 {
    padding-bottom: calc(var(--sa-spacing) * 2);
  }

  .sa\:pb-8 {
    padding-bottom: calc(var(--sa-spacing) * 8);
  }

  .sa\:pb-14 {
    padding-bottom: calc(var(--sa-spacing) * 14);
  }

  .sa\:pl-4 {
    padding-left: calc(var(--sa-spacing) * 4);
  }

  .sa\:text-center {
    text-align: center;
  }

  .sa\:text-end {
    text-align: end;
  }

  .sa\:text-left {
    text-align: left;
  }

  .sa\:text-start {
    text-align: start;
  }

  .sa\:font-heading {
    font-family: var(--sa-font-heading);
  }

  .sa\:font-mono {
    font-family: var(--sa-font-mono);
  }

  .sa\:text-2xl {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }

  .sa\:text-3xl {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }

  .sa\:text-base {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  .sa\:text-xl {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:text-xs {
    font-size: var(--sa-text-xs);
    line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  }

  .sa\:text-\[0\.5rem\] {
    font-size: .5rem;
  }

  .sa\:text-md {
    font-size: var(--sa-text-md);
  }

  .sa\:font-bold {
    --tw-font-weight: var(--sa-font-weight-bold);
    font-weight: var(--sa-font-weight-bold);
  }

  .sa\:font-medium {
    --tw-font-weight: var(--sa-font-weight-medium);
    font-weight: var(--sa-font-weight-medium);
  }

  .sa\:font-normal {
    --tw-font-weight: var(--sa-font-weight-normal);
    font-weight: var(--sa-font-weight-normal);
  }

  .sa\:font-semibold {
    --tw-font-weight: var(--sa-font-weight-semibold);
    font-weight: var(--sa-font-weight-semibold);
  }

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

  .sa\:text-base-100 {
    color: var(--color-base-100);
  }

  .sa\:text-black {
    color: var(--sa-color-black);
  }

  .sa\:text-error {
    color: var(--color-error);
  }

  .sa\:text-gray-50 {
    color: var(--sa-color-gray-50);
  }

  .sa\:text-gray-500 {
    color: var(--sa-color-gray-500);
  }

  .sa\:text-gray-900 {
    color: var(--sa-color-gray-900);
  }

  .sa\:text-green-500 {
    color: var(--sa-color-green-500);
  }

  .sa\:text-neutral-content\/70 {
    color: var(--color-neutral-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:text-neutral-content\/70 {
      color: color-mix(in oklab, var(--color-neutral-content) 70%, transparent);
    }
  }

  .sa\:text-primary {
    color: var(--color-primary);
  }

  .sa\:text-primary\! {
    color: var(--color-primary) !important;
  }

  .sa\:text-primary-500 {
    color: var(--sa-color-primary-500);
  }

  .sa\:text-red-500 {
    color: var(--sa-color-red-500);
  }

  .sa\:text-success {
    color: var(--color-success);
  }

  .sa\:text-white {
    color: var(--sa-color-white);
  }

  .sa\:text-zinc-300\! {
    color: var(--sa-color-zinc-300) !important;
  }

  .sa\:uppercase {
    text-transform: uppercase;
  }

  .sa\:italic {
    font-style: italic;
  }

  @layer daisyui.l1 {
    .sa\:dui-btn-link {
      --dui-btn-border: #0000;
      --dui-btn-bg: #0000;
      --dui-btn-noise: none;
      --dui-btn-shadow: "";
      outline-color: currentColor;
      text-decoration-line: underline;
    }

    .sa\:dui-btn-link:not(.sa\:dui-btn-disabled, .sa\:dui-btn:disabled, .sa\:dui-btn[disabled]) {
      --dui-btn-fg: var(--dui-btn-color, var(--color-primary));
    }

    .sa\:dui-btn-link:is(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible) {
      --dui-btn-border: #0000;
      --dui-btn-bg: #0000;
    }

    .sa\:dui-btn-ghost:not(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
      --dui-btn-shadow: "";
      --dui-btn-bg: #0000;
      --dui-btn-border: #0000;
      --dui-btn-noise: none;
    }

    .sa\:dui-btn-ghost:not(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)):not(:disabled, [disabled], .sa\:dui-btn-disabled) {
      --dui-btn-fg: var(--dui-btn-color, currentColor);
      outline-color: currentColor;
    }

    @media (hover: none) {
      .sa\:dui-btn-ghost:not(.sa\:dui-btn-active, :active, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)):hover {
        --dui-btn-shadow: "";
        --dui-btn-bg: #0000;
        --dui-btn-fg: var(--dui-btn-color, currentColor);
        --dui-btn-border: #0000;
        --dui-btn-noise: none;
        outline-color: currentColor;
      }
    }

    .sa\:dui-btn-outline:not(.sa\:dui-btn-active, :hover, :active:focus, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn), :disabled, [disabled], .sa\:dui-btn-disabled) {
      --dui-btn-shadow: "";
      --dui-btn-bg: #0000;
      --dui-btn-fg: var(--dui-btn-color);
      --dui-btn-border: var(--dui-btn-color);
      --dui-btn-noise: none;
    }

    @media (hover: none) {
      .sa\:dui-btn-outline:not(.sa\:dui-btn-active, :active, :focus-visible, input:checked:not(.sa\:dui-filter .sa\:dui-btn)):hover {
        --dui-btn-shadow: "";
        --dui-btn-bg: #0000;
        --dui-btn-fg: var(--dui-btn-color);
        --dui-btn-border: var(--dui-btn-color);
        --dui-btn-noise: none;
      }
    }
  }

  .sa\:no-underline {
    text-decoration-line: none;
  }

  .sa\:underline {
    text-decoration-line: underline;
  }

  .sa\:opacity-60 {
    opacity: .6;
  }

  .sa\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .sa\:shadow-\[8px_24px_54px_0px_rgba\(0\,0\,0\,\.15\)\] {
    --tw-shadow: 8px 24px 54px 0px var(--tw-shadow-color, #00000026);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .sa\:backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--sa-blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .sa\:backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--sa-blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .sa\:transition-colors {
    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(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .sa\:after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--sa-spacing) * 0);
  }

  .sa\:after\:-z-10:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .sa\:after\:w-full\!:after {
    content: var(--tw-content);
    width: 100% !important;
  }

  .sa\:after\:bg-\[url\(\/assets\/vector-graphics\/svgo-optimized\/banner\/world-tech-bg\.svg\)\]:after {
    content: var(--tw-content);
    background-image: url("/assets/vector-graphics/svgo-optimized/banner/world-tech-bg.svg");
  }

  .sa\:after\:bg-cover:after {
    content: var(--tw-content);
    background-size: cover;
  }

  .sa\:after\:bg-center:after {
    content: var(--tw-content);
    background-position: center;
  }

  .sa\:after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .sa\:after\:text-primary:after {
    content: var(--tw-content);
    color: var(--color-primary);
  }

  @media (hover: hover) {
    .sa\:hover\:overflow-y-auto:hover {
      overflow-y: auto;
    }

    .sa\:hover\:bg-gray-100:hover {
      background-color: var(--sa-color-gray-100);
    }

    .sa\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  .sa\:focus-visible\:ring-2:focus-visible {
    --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);
  }

  .sa\:focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .sa\:focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  @media not all and (min-width: 80rem) {
    .sa\:max-xl\:block {
      display: block;
    }
  }

  @media not all and (min-width: 64rem) {
    .sa\:max-lg\:order-2 {
      order: 2;
    }

    .sa\:max-lg\:col-span-full {
      grid-column: 1 / -1;
    }
  }

  @media not all and (min-width: 48rem) {
    .sa\:max-md\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  }

  @media not all and (min-width: 40rem) {
    .sa\:max-sm\:hidden {
      display: none;
    }

    .sa\:max-sm\:h-max {
      height: max-content;
    }

    .sa\:max-sm\:flex-col {
      flex-direction: column;
    }

    .sa\:max-sm\:px-2 {
      padding-inline: calc(var(--sa-spacing) * 2);
    }

    .sa\:max-sm\:py-4 {
      padding-block: calc(var(--sa-spacing) * 4);
    }

    @layer daisyui.l1.l2 {
      .sa\:max-sm\:dui-btn-sm {
        --dui-fontsize: .75rem;
        --dui-btn-p: .75rem;
        --dui-size: calc(var(--size-field, .25rem) * 8);
      }
    }

    .sa\:max-sm\:\[writing-mode\:vertical-lr\] {
      writing-mode: vertical-lr;
    }
  }

  @media (min-width: 40rem) {
    .sa\:sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .sa\:sm\:justify-between {
      justify-content: space-between;
    }

    .sa\:sm\:px-8 {
      padding-inline: calc(var(--sa-spacing) * 8);
    }

    .sa\:sm\:py-24 {
      padding-block: calc(var(--sa-spacing) * 24);
    }
  }

  @media (min-width: 48rem) {
    .sa\:md\:order-1 {
      order: 1;
    }

    .sa\:md\:order-none {
      order: 0;
    }

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

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

    .sa\:md\:mb-16 {
      margin-bottom: calc(var(--sa-spacing) * 16);
    }

    .sa\:md\:grid {
      display: grid;
    }

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

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

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

    .sa\:md\:grid-cols-\[220px_minmax\(0\,1fr\)\] {
      grid-template-columns: 220px minmax(0, 1fr);
    }

    .sa\:md\:gap-0 {
      gap: calc(var(--sa-spacing) * 0);
    }

    .sa\:md\:gap-6 {
      gap: calc(var(--sa-spacing) * 6);
    }

    .sa\:md\:p-8 {
      padding: calc(var(--sa-spacing) * 8);
    }
  }

  @media not all and (min-width: 64rem) {
    @media (min-width: 48rem) {
      .sa\:max-lg\:md\:col-span-6 {
        grid-column: span 6 / span 6;
      }
    }
  }

  @media (min-width: 64rem) {
    .sa\:lg\:-top-72 {
      top: calc(var(--sa-spacing) * -72);
    }

    .sa\:lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sa\:lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sa\:lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sa\:lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }

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

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

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

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

    .sa\:lg\:h-305 {
      height: calc(var(--sa-spacing) * 305);
    }

    .sa\:lg\:min-h-12 {
      min-height: calc(var(--sa-spacing) * 12);
    }

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

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

    .sa\:lg\:grid-cols-\[240px_minmax\(0\,1fr\)\] {
      grid-template-columns: 240px minmax(0, 1fr);
    }

    .sa\:lg\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }

    .sa\:lg\:flex-col {
      flex-direction: column;
    }

    .sa\:lg\:justify-center {
      justify-content: center;
    }

    .sa\:lg\:justify-end {
      justify-content: flex-end;
    }

    .sa\:lg\:gap-10 {
      gap: calc(var(--sa-spacing) * 10);
    }

    .sa\:lg\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 80rem) {
    .sa\:xl\:order-1 {
      order: 1;
    }

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

    .sa\:xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sa\:xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .sa\:xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }

    .sa\:xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }

    .sa\:xl\:col-span-5\! {
      grid-column: span 5 / span 5 !important;
    }

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

    .sa\:xl\:hidden {
      display: none;
    }

    .sa\:xl\:max-w-5xl {
      max-width: var(--sa-container-5xl);
    }

    .sa\:xl\:max-w-screen-lg {
      max-width: var(--sa-breakpoint-lg);
    }

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

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

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

    .sa\:xl\:gap-4 {
      gap: calc(var(--sa-spacing) * 4);
    }

    .sa\:xl\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .sa\:xl\:border-black\/10 {
      border-color: var(--sa-color-black);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .sa\:xl\:border-black\/10 {
        border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
      }
    }

    .sa\:xl\:py-16 {
      padding-block: calc(var(--sa-spacing) * 16);
    }

    .sa\:xl\:ps-3 {
      padding-inline-start: calc(var(--sa-spacing) * 3);
    }

    .sa\:xl\:pr-6 {
      padding-right: calc(var(--sa-spacing) * 6);
    }
  }

  @media (min-width: 96rem) {
    .sa\:2xl\:max-w-7xl {
      max-width: var(--sa-container-7xl);
    }

    .sa\:2xl\:max-w-screen-xl {
      max-width: var(--sa-breakpoint-xl);
    }

    .sa\:2xl\:pt-24 {
      padding-top: calc(var(--sa-spacing) * 24);
    }
  }

  @media (min-width: 120rem) {
    .sa\:3xl\:max-w-screen-2xl {
      max-width: var(--sa-breakpoint-2xl);
    }

    .sa\:3xl\:pt-24 {
      padding-top: calc(var(--sa-spacing) * 24);
    }
  }

  .sa\:dark\:bg-zinc-900:where([data-theme="dark"], [data-theme="dark"] *) {
    background-color: var(--sa-color-zinc-900);
  }

  .sa\:dark\:text-zinc-700\!:where([data-theme="dark"], [data-theme="dark"] *) {
    color: var(--sa-color-zinc-700) !important;
  }

  .sa\:\[\&_\.box-bullet-item\]\:min-h-auto\! .box-bullet-item {
    min-height: auto !important;
  }

  .sa\:\[\&_\.box-bullet-item\]\:after\:opacity-20\! .box-bullet-item:after {
    content: var(--tw-content);
    opacity: .2 !important;
  }

  .sa\:\[\&_\.box-bullet-item\:hover\]\:translate-y-0\! .box-bullet-item:hover {
    --tw-translate-y: calc(var(--sa-spacing) * 0) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }

  .sa\:\[\&_\.marketos-card-body\]\:justify-center .marketos-card-body {
    justify-content: center;
  }

  .sa\:\[\&_\.marketos-card-body\]\:p-6\! .marketos-card-body {
    padding: calc(var(--sa-spacing) * 6) !important;
  }

  .sa\:\[\&_\.marketos-card-body\]\:text-center\! .marketos-card-body {
    text-align: center !important;
  }

  .sa\:\[\&_\.marketos-item\]\:flex .marketos-item {
    display: flex;
  }

  .sa\:\[\&_\.marketos-item\]\:h-full .marketos-item {
    height: 100%;
  }

  .sa\:\[\&_\.marketos-item\]\:flex-1 .marketos-item {
    flex: 1;
  }

  .sa\:\[\&_\.marketos-item\]\:flex-col .marketos-item {
    flex-direction: column;
  }

  .sa\:\[\&_\.marketos-item\]\:gap-2 .marketos-item {
    gap: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&_\.marketos-item\]\:border-b-4 .marketos-item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
  }

  .sa\:\[\&_\.marketos-item\]\:border-l-4 .marketos-item {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .sa\:\[\&_\.marketos-item\]\:border-base-100\/10 .marketos-item {
    border-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&_\.marketos-item\]\:border-base-100\/10 .marketos-item {
      border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
    }
  }

  .sa\:\[\&_\.marketos-item\]\:border-primary .marketos-item {
    border-color: var(--color-primary);
  }

  .sa\:\[\&_\.marketos-item\]\:bg-base-100\/5 .marketos-item {
    background-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&_\.marketos-item\]\:bg-base-100\/5 .marketos-item {
      background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
    }
  }

  .sa\:\[\&_\.marketos-item\]\:p-4 .marketos-item {
    padding: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_\.marketos-item\]\:py-2 .marketos-item {
    padding-block: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&_\.marketos-item\]\:ps-4 .marketos-item {
    padding-inline-start: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_\.marketos-item\]\:transition-all .marketos-item {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:\[\&_a\]\:block a {
    display: block;
  }

  .sa\:\[\&_a\]\:text-sm a {
    font-size: var(--sa-text-sm);
    line-height: var(--tw-leading, var(--sa-text-sm--line-height));
  }

  @media (hover: hover) {
    .sa\:hover\:\[\&_a\]\:no-underline:hover a {
      text-decoration-line: none;
    }
  }

  .sa\:\[\&_a\:hover_\.marketos-item\]\:border-primary a:hover .marketos-item {
    border-color: var(--color-primary);
  }

  .sa\:\[\&_blockquote_strong\]\:block blockquote strong {
    display: block;
  }

  .sa\:\[\&_figure\]\:flex figure {
    display: flex;
  }

  .sa\:\[\&_figure\]\:flex-col figure {
    flex-direction: column;
  }

  .sa\:\[\&_figure\]\:gap-4 figure {
    gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_h3\]\:text-xl h3 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:\[\&_h3\]\:text-primary h3 {
    color: var(--color-primary);
  }

  .sa\:\[\&_h4\]\:flex h4 {
    display: flex;
  }

  .sa\:\[\&_h4\]\:flex-1 h4 {
    flex: 1;
  }

  .sa\:\[\&_h4\]\:items-center h4 {
    align-items: center;
  }

  .sa\:\[\&_h4\]\:gap-4 h4 {
    gap: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&_h4\]\:text-lg h4 {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  .sa\:\[\&_hr\:last-child\]\:hidden hr:last-child {
    display: none;
  }

  @media (min-width: 64rem) {
    .sa\:lg\:\[\&_p\]\:line-clamp-1 p {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }

  .sa\:\[\&_small\]\:uppercase small {
    text-transform: uppercase;
  }

  .sa\:\[\&_span\]\:capitalize span {
    text-transform: capitalize;
  }

  .sa\:\[\&_strong\]\:text-xl strong {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:\[\&_summary\]\:sticky summary {
    position: sticky;
  }

  .sa\:\[\&_summary\]\:top-0 summary {
    top: calc(var(--sa-spacing) * 0);
  }

  .sa\:\[\&_summary\]\:z-50 summary {
    z-index: 50;
  }

  .sa\:\[\&_summary\]\:bg-base-200 summary {
    background-color: var(--color-base-200);
  }

  .sa\:\[\&_summary\]\:text-lg summary {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  .sa\:\[\&_summary\]\:font-medium summary {
    --tw-font-weight: var(--sa-font-weight-medium);
    font-weight: var(--sa-font-weight-medium);
  }

  .sa\:\[\&\>\.marketos-item\]\:relative > .marketos-item {
    position: relative;
  }

  .sa\:\[\&\>\.marketos-item\]\:z-0 > .marketos-item {
    z-index: 0;
  }

  .sa\:\[\&\>\.marketos-item\]\:flex > .marketos-item {
    display: flex;
  }

  .sa\:\[\&\>\.marketos-item\]\:flex-col > .marketos-item {
    flex-direction: column;
  }

  .sa\:\[\&\>\.marketos-item\]\:items-start > .marketos-item {
    align-items: flex-start;
  }

  .sa\:\[\&\>\.marketos-item\]\:gap-8 > .marketos-item {
    gap: calc(var(--sa-spacing) * 8);
  }

  .sa\:\[\&\>\.marketos-item\]\:overflow-hidden > .marketos-item {
    overflow: hidden;
  }

  .sa\:\[\&\>\.marketos-item\]\:border > .marketos-item {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .sa\:\[\&\>\.marketos-item\]\:border-base-100\/20 > .marketos-item {
    border-color: var(--color-base-100);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:border-base-100\/20 > .marketos-item {
      border-color: color-mix(in oklab, var(--color-base-100) 20%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:border-white\/20 > .marketos-item {
    border-color: var(--sa-color-white);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:border-white\/20 > .marketos-item {
      border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:bg-base-200\/50 > .marketos-item {
    background-color: var(--color-base-200);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:bg-base-200\/50 > .marketos-item {
      background-color: color-mix(in oklab, var(--color-base-200) 50%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:px-5 > .marketos-item {
    padding-inline: calc(var(--sa-spacing) * 5);
  }

  .sa\:\[\&\>\.marketos-item\]\:px-6 > .marketos-item {
    padding-inline: calc(var(--sa-spacing) * 6);
  }

  .sa\:\[\&\>\.marketos-item\]\:py-8 > .marketos-item {
    padding-block: calc(var(--sa-spacing) * 8);
  }

  .sa\:\[\&\>\.marketos-item\]\:py-16 > .marketos-item {
    padding-block: calc(var(--sa-spacing) * 16);
  }

  .sa\:\[\&\>\.marketos-item\]\:text-center > .marketos-item {
    text-align: center;
  }

  .sa\:\[\&\>\.marketos-item\]\:transition-all > .marketos-item {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:absolute > .marketos-item:after {
    content: var(--tw-content);
    position: absolute;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:inset-0 > .marketos-item:after {
    content: var(--tw-content);
    inset: calc(var(--sa-spacing) * 0);
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:-z-10 > .marketos-item:after {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:m-auto > .marketos-item:after {
    content: var(--tw-content);
    margin: auto;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:h-56 > .marketos-item:after {
    content: var(--tw-content);
    height: calc(var(--sa-spacing) * 56);
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:w-full > .marketos-item:after {
    content: var(--tw-content);
    width: 100%;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:rounded-full > .marketos-item:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:bg-primary\/50 > .marketos-item:after {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>\.marketos-item\]\:after\:bg-primary\/50 > .marketos-item:after {
      background-color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:opacity-20 > .marketos-item:after {
    content: var(--tw-content);
    opacity: .2;
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:blur-2xl > .marketos-item:after {
    content: var(--tw-content);
    --tw-blur: blur(var(--sa-blur-2xl));
    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, );
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:transition-all > .marketos-item:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
  }

  .sa\:\[\&\>\.marketos-item\]\:after\:content-\[\'\'\] > .marketos-item:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  @media not all and (min-width: 48rem) {
    .sa\:max-md\:\[\&\>\.marketos-item\]\:border > .marketos-item {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .sa\:md\:\[\&\>\.marketos-item\]\:border-r > .marketos-item {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .sa\:md\:\[\&\>\.marketos-item\]\:border-b > .marketos-item {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .sa\:md\:\[\&\>\.marketos-item\:nth-child\(2n\)\]\:border-r-0 > .marketos-item:nth-child(2n) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }

    .sa\:md\:\[\&\>\.marketos-item\:nth-last-child\(-n\+1\)\]\:border-b-0 > .marketos-item:nth-last-child(-n+1), .sa\:md\:\[\&\>\.marketos-item\:nth-last-child\(-n\+2\)\]\:border-b-0 > .marketos-item:nth-last-child(-n+2) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:absolute > .marketos-item > a {
    position: absolute;
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:bottom-6 > .marketos-item > a {
    bottom: calc(var(--sa-spacing) * 6);
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:after\:absolute > .marketos-item > a:after {
    content: var(--tw-content);
    position: absolute;
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:after\:inset-0 > .marketos-item > a:after {
    content: var(--tw-content);
    inset: calc(var(--sa-spacing) * 0);
  }

  .sa\:\[\&\>\.marketos-item\>a\]\:after\:content-\[\'\'\] > .marketos-item > a:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:mb-5 > .marketos-item > h3 {
    margin-bottom: calc(var(--sa-spacing) * 5);
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:line-clamp-2 > .marketos-item > h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:text-base > .marketos-item > h3 {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:text-lg > .marketos-item > h3 {
    font-size: var(--sa-text-lg);
    line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  }

  .sa\:\[\&\>\.marketos-item\>h3\]\:text-xl > .marketos-item > h3 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }

  .sa\:\[\&\>figure\]\:flex > figure {
    display: flex;
  }

  .sa\:\[\&\>figure\]\:grid > figure {
    display: grid;
  }

  .sa\:\[\&\>figure\]\:h-20 > figure {
    height: calc(var(--sa-spacing) * 20);
  }

  .sa\:\[\&\>figure\]\:w-full > figure {
    width: 100%;
  }

  .sa\:\[\&\>figure\]\:flex-col > figure {
    flex-direction: column;
  }

  .sa\:\[\&\>figure\]\:place-content-center > figure {
    place-content: center;
  }

  .sa\:\[\&\>figure\]\:gap-3 > figure {
    gap: calc(var(--sa-spacing) * 3);
  }

  .sa\:\[\&\>figure\]\:border > figure {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .sa\:\[\&\>figure\]\:border-black\/10 > figure {
    border-color: var(--sa-color-black);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .sa\:\[\&\>figure\]\:border-black\/10 > figure {
      border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
    }
  }

  .sa\:\[\&\>figure\:not\(\:nth-child\(2n\)\,\:last-child\)\]\:border-r-0 > figure:not(:nth-child(2n), :last-child) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  @media (min-width: 80rem) {
    .sa\:xl\:\[\&\>figure\:not\(\:nth-child\(4n\)\,\:last-child\)\]\:border-r-0 > figure:not(:nth-child(4n), :last-child) {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }
  }

  .sa\:\[\&\>figure\:not\(\:nth-last-child\(-n\+2\)\)\]\:border-b-0 > figure:not(:nth-last-child(-n+2)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (min-width: 40rem) {
    .sa\:sm\:\[\&\>figure\:not\(\:nth-last-child\(-n\+2\)\)\]\:border-b > figure:not(:nth-last-child(-n+2)) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }

  @media (min-width: 80rem) {
    .sa\:xl\:\[\&\>figure\:not\(\:nth-last-child\(-n\+4\)\)\]\:border-b-0 > figure:not(:nth-last-child(-n+4)) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
  }

  .sa\:\[\&\>figure\>figcaption\]\:flex > figure > figcaption {
    display: flex;
  }

  .sa\:\[\&\>figure\>figcaption\]\:flex-col > figure > figcaption {
    flex-direction: column;
  }

  .sa\:\[\&\>figure\>figcaption\]\:gap-1 > figure > figcaption {
    gap: calc(var(--sa-spacing) * 1);
  }

  .sa\:\[\&\>figure\>figcaption\>a\]\:block > figure > figcaption > a {
    display: block;
  }

  .sa\:\[\&\>figure\>img\]\:h-20 > figure > img {
    height: calc(var(--sa-spacing) * 20);
  }

  .sa\:\[\&\>figure\>img\]\:w-36 > figure > img {
    width: calc(var(--sa-spacing) * 36);
  }

  .sa\:\[\&\>figure\>img\]\:object-contain > figure > img {
    object-fit: contain;
  }

  .sa\:\[\&\>figure\>img\]\:p-4 > figure > img {
    padding: calc(var(--sa-spacing) * 4);
  }

  .sa\:\[\&\>h1\]\:text-white > h1 {
    color: var(--sa-color-white);
  }

  .sa\:\[\&\>h2\>span\]\:mb-3 > h2 > span {
    margin-bottom: calc(var(--sa-spacing) * 3);
  }

  .sa\:\[\&\>li_ul\]\:my-2 > li ul {
    margin-block: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&\>p\]\:text-base > p {
    font-size: var(--sa-text-base);
    line-height: var(--tw-leading, var(--sa-text-base--line-height));
  }

  .sa\:\[\&\>p\]\:leading-8 > p {
    --tw-leading: calc(var(--sa-spacing) * 8);
    line-height: calc(var(--sa-spacing) * 8);
  }

  .sa\:\[\&\>p\]\:tracking-wider > p {
    --tw-tracking: var(--sa-tracking-wider);
    letter-spacing: var(--sa-tracking-wider);
  }

  .sa\:\[\&\>p\]\:text-white > p {
    color: var(--sa-color-white);
  }

  @media (min-width: 96rem) {
    .sa\:2xl\:\[\&\>p\]\:text-lg > p {
      font-size: var(--sa-text-lg);
      line-height: var(--tw-leading, var(--sa-text-lg--line-height));
    }

    .sa\:2xl\:\[\&\>p\]\:leading-10 > p {
      --tw-leading: calc(var(--sa-spacing) * 10);
      line-height: calc(var(--sa-spacing) * 10);
    }
  }

  .sa\:\[\&\>span\]\:flex > span {
    display: flex;
  }

  .sa\:\[\&\>span\]\:flex-col > span {
    flex-direction: column;
  }

  .sa\:\[\&\>span\]\:items-center > span {
    align-items: center;
  }

  .sa\:\[\&\>span\]\:gap-2 > span {
    gap: calc(var(--sa-spacing) * 2);
  }

  .sa\:\[\&\>span\>strong\]\:text-4xl > span > strong {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }

  .sa\:\[\&\>span\>strong\]\:text-primary > span > strong {
    color: var(--color-primary);
  }
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/inter/v20/UcCo3FwrK3iLTcviYwY.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Red Hat Display;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/redhatdisplay/v21/8vIQ7wUr0m80wwYf0QCXZzYzUoTg8z6hVYs.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Red Hat Display;
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/redhatdisplay/v21/8vIQ7wUr0m80wwYf0QCXZzYzUoTg_T6h.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Red Hat Display;
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/redhatdisplay/v21/8vIS7wUr0m80wwYf0QCXZzYzUoTg-A6tTY_9CQ.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Red Hat Display;
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/redhatdisplay/v21/8vIS7wUr0m80wwYf0QCXZzYzUoTg-A6jTY8.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD1OwG_TA.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbV2o-flEEny0FZhsfKu5WU4xD7OwE.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: italic;
  font-weight: 100 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-Cw2nSHrV.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono;
  font-style: italic;
  font-weight: 100 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbX2o-flEEny0FZhsfKu5WU4xD-CwOnSA.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --brandOS-font-inter: "Inter Variable", "Inter", system-ui, sans-serif;
  --brandOS-font-red-hat: "Red Hat Display", sans-serif;
  --brandOS-font-jetbrains: "JetBrains Mono Variable", "JetBrains Mono", monospace;
  --brandOS-ease-linear: linear;
  --brandOS-ease-snappy: cubic-bezier(.2, 0, 0, 1);
  --brandOS-ease-smooth: cubic-bezier(.4, 0, .2, 1);
  --brandOS-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
  --brandOS-ease-strokeDraw: cubic-bezier(.65, 0, .35, 1);
  --brandOS-ease-stroke-draw: cubic-bezier(.65, 0, .35, 1);
  --brandOS-ease-enter: cubic-bezier(0, 0, .2, 1);
  --brandOS-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --brandOS-duration-instant: 50ms;
  --brandOS-duration-fast: .15s;
  --brandOS-duration-normal: .3s;
  --brandOS-duration-page: .4s;
  --brandOS-duration-slow: .5s;
  --brandOS-duration-reduced: 1ms;
  --brandOS-radius-sm: .125rem;
  --brandOS-radius-default: .25rem;
  --brandOS-radius-md: .375rem;
  --brandOS-radius-lg: .5rem;
  --brandOS-radius-xl: .75rem;
  --brandOS-radius-2xl: 1rem;
  --brandOS-radius-full: 9999px;
  --brandOS-shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .05);
  --brandOS-shadow-default: 0 1px 3px 0 oklch(0% 0 0 / .1), 0 1px 2px -1px oklch(0% 0 0 / .1);
  --brandOS-shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1), 0 2px 4px -2px oklch(0% 0 0 / .1);
  --brandOS-shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .1), 0 4px 6px -4px oklch(0% 0 0 / .1);
  --brandOS-shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / .1), 0 8px 10px -6px oklch(0% 0 0 / .1);
  --brandOS-space-0: 0;
  --brandOS-space-1: .25rem;
  --brandOS-space-2: .5rem;
  --brandOS-space-3: .75rem;
  --brandOS-space-4: 1rem;
  --brandOS-space-5: 1.25rem;
  --brandOS-space-6: 1.5rem;
  --brandOS-space-8: 2rem;
  --brandOS-space-10: 2.5rem;
  --brandOS-space-12: 3rem;
  --brandOS-space-14: 3.5rem;
  --brandOS-space-16: 4rem;
  --brandOS-space-18: 4.5rem;
  --brandOS-space-20: 5rem;
  --brandOS-space-24: 6rem;
  --brandOS-z-base: 0;
  --brandOS-z-docked: 10;
  --brandOS-z-sticky: 100;
  --brandOS-z-overlay: 500;
  --brandOS-z-drawer: 700;
  --brandOS-z-dialog: 800;
  --brandOS-z-dropdown: 900;
  --brandOS-z-toast: 950;
  --brandOS-z-tooltip: 1000;
  --brandOS-input-height-sm: 1.875rem;
  --brandOS-input-height-md: 2.5rem;
  --brandOS-input-height-lg: 3.125rem;
  --brandOS-toggle-size-sm: .875rem;
  --brandOS-toggle-size-md: 1.125rem;
  --brandOS-toggle-size-lg: 1.375rem;
  --brandOS-switch-width: 2.625rem;
  --brandOS-switch-height: 1.625rem;
  --brandOS-switch-thumb-size: 1.125rem;
  --brandOS-badge-height-sm: 1.5rem;
  --brandOS-badge-height-md: 2rem;
  --brandOS-border-width-default: 1px;
  --brandOS-border-width-focus: 2px;
  --brandOS-focus-ring-offset: 1px;
  --brandOS-tooltip-arrow-size: 6px;
  --brandOS-text-xs: clamp(.625rem, .7rem + .25vw, .75rem);
  --brandOS-text-sm: clamp(.75rem, .8rem + .375vw, .875rem);
  --brandOS-text-base: clamp(.875rem, .9rem + .5vw, 1rem);
  --brandOS-text-md: clamp(1.0625rem, 1rem + .3vw, 1.125rem);
  --brandOS-text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);
  --brandOS-text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);
  --brandOS-text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --brandOS-text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  --brandOS-text-4xl: clamp(2.5rem, 1.75rem + 3.75vw, 4rem);
  --brandOS-text-5xl: clamp(3rem, 2rem + 5vw, 5rem);
  --brandOS-text-6xl: clamp(3.5rem, 2.5rem + 5vw, 6rem);
  --brandOS-text-7xl: clamp(4rem, 3rem + 5vw, 7rem);
  --brandOS-text-8xl: clamp(4.5rem, 3rem + 6vw, 8rem);
  --brandOS-text-9xl: clamp(5rem, 3rem + 8vw, 9rem);
  --brandOS-font-weight-thin: 100;
  --brandOS-font-weight-light: 300;
  --brandOS-font-weight-regular: 400;
  --brandOS-font-weight-medium: 500;
  --brandOS-font-weight-semibold: 600;
  --brandOS-font-weight-bold: 700;
  --brandOS-font-weight-bolder: 900;
  --brandOS-leading-none: 1;
  --brandOS-leading-tight: 1.1;
  --brandOS-leading-snug: 1.25;
  --brandOS-leading-normal: 1.5;
  --brandOS-leading-relaxed: 1.625;
  --brandOS-leading-loose: 2;
  --brandOS-tracking-denser: -.03em;
  --brandOS-tracking-dense: -.015em;
  --brandOS-tracking-normal: normal;
  --brandOS-tracking-loose: .075em;
  --brandOS-tracking-looser: .15em;
  --brandOS-accent-matrix-100: oklch(92% .12 145);
  --brandOS-accent-matrix-200: oklch(86% .16 145);
  --brandOS-accent-matrix-300: oklch(78% .2 145);
  --brandOS-accent-matrix-400: oklch(70% .24 145);
  --brandOS-accent-matrix-500: oklch(82% .28 145);
  --brandOS-accent-matrix-600: oklch(72% .3 145);
  --brandOS-accent-matrix-700: oklch(33% .28 145);
  --brandOS-accent-matrix-800: oklch(28% .24 145);
  --brandOS-accent-matrix-900: oklch(23% .2 145);
  --brandOS-accent-matrix-950: oklch(18% .16 145);
  --brandOS-accent-matrix-050: oklch(96% .08 145);
  --brandOS-accent-matrix-light: var(--brandOS-accent-matrix-500);
  --brandOS-accent-matrix-base: var(--brandOS-accent-matrix-600);
  --brandOS-accent-matrix-dark: var(--brandOS-accent-matrix-700);
  --brandOS-accent-matrix-hover: var(--brandOS-accent-matrix-400);
  --brandOS-accent-matrix-active: var(--brandOS-accent-matrix-800);
  --brandOS-accent-cyan-100: oklch(92% .09 195);
  --brandOS-accent-cyan-200: oklch(86% .12 195);
  --brandOS-accent-cyan-300: oklch(78% .15 195);
  --brandOS-accent-cyan-400: oklch(70% .17 195);
  --brandOS-accent-cyan-500: oklch(82% .18 195);
  --brandOS-accent-cyan-600: oklch(72% .2 195);
  --brandOS-accent-cyan-700: oklch(34% .18 195);
  --brandOS-accent-cyan-800: oklch(28% .16 195);
  --brandOS-accent-cyan-900: oklch(23% .14 195);
  --brandOS-accent-cyan-950: oklch(18% .12 195);
  --brandOS-accent-cyan-050: oklch(96% .06 195);
  --brandOS-accent-cyan-light: var(--brandOS-accent-cyan-500);
  --brandOS-accent-cyan-base: var(--brandOS-accent-cyan-600);
  --brandOS-accent-cyan-dark: var(--brandOS-accent-cyan-700);
  --brandOS-accent-cyan-hover: var(--brandOS-accent-cyan-400);
  --brandOS-accent-cyan-active: var(--brandOS-accent-cyan-800);
  --brandOS-accent-magenta-100: oklch(92% .1 330);
  --brandOS-accent-magenta-200: oklch(86% .14 330);
  --brandOS-accent-magenta-300: oklch(78% .17 330);
  --brandOS-accent-magenta-400: oklch(70% .2 330);
  --brandOS-accent-magenta-500: oklch(82% .22 330);
  --brandOS-accent-magenta-600: oklch(72% .25 330);
  --brandOS-accent-magenta-700: oklch(30% .22 330);
  --brandOS-accent-magenta-800: oklch(25% .18 330);
  --brandOS-accent-magenta-900: oklch(20% .15 330);
  --brandOS-accent-magenta-950: oklch(16% .12 330);
  --brandOS-accent-magenta-050: oklch(96% .07 330);
  --brandOS-accent-magenta-light: var(--brandOS-accent-magenta-500);
  --brandOS-accent-magenta-base: var(--brandOS-accent-magenta-600);
  --brandOS-accent-magenta-dark: var(--brandOS-accent-magenta-700);
  --brandOS-accent-magenta-hover: var(--brandOS-accent-magenta-400);
  --brandOS-accent-magenta-active: var(--brandOS-accent-magenta-800);
  --brandOS-accent-electric-100: oklch(92% .09 260);
  --brandOS-accent-electric-200: oklch(86% .13 260);
  --brandOS-accent-electric-300: oklch(78% .16 260);
  --brandOS-accent-electric-400: oklch(70% .18 260);
  --brandOS-accent-electric-500: oklch(82% .2 260);
  --brandOS-accent-electric-600: oklch(72% .22 260);
  --brandOS-accent-electric-700: oklch(33% .2 260);
  --brandOS-accent-electric-800: oklch(28% .17 260);
  --brandOS-accent-electric-900: oklch(23% .14 260);
  --brandOS-accent-electric-950: oklch(18% .11 260);
  --brandOS-accent-electric-050: oklch(96% .06 260);
  --brandOS-accent-electric-light: var(--brandOS-accent-electric-500);
  --brandOS-accent-electric-base: var(--brandOS-accent-electric-600);
  --brandOS-accent-electric-dark: var(--brandOS-accent-electric-700);
  --brandOS-accent-electric-hover: var(--brandOS-accent-electric-400);
  --brandOS-accent-electric-active: var(--brandOS-accent-electric-800);
  --brandOS-accent-coral-100: oklch(92% .09 25);
  --brandOS-accent-coral-200: oklch(86% .12 25);
  --brandOS-accent-coral-300: oklch(78% .15 25);
  --brandOS-accent-coral-400: oklch(70% .17 25);
  --brandOS-accent-coral-500: oklch(82% .16 25);
  --brandOS-accent-coral-600: oklch(72% .18 25);
  --brandOS-accent-coral-700: oklch(32% .16 25);
  --brandOS-accent-coral-800: oklch(28% .16 25);
  --brandOS-accent-coral-900: oklch(23% .14 25);
  --brandOS-accent-coral-950: oklch(18% .12 25);
  --brandOS-accent-coral-050: oklch(96% .06 25);
  --brandOS-accent-coral-light: var(--brandOS-accent-coral-500);
  --brandOS-accent-coral-base: var(--brandOS-accent-coral-600);
  --brandOS-accent-coral-dark: var(--brandOS-accent-coral-700);
  --brandOS-accent-coral-hover: var(--brandOS-accent-coral-400);
  --brandOS-accent-coral-active: var(--brandOS-accent-coral-800);
  --brandOS-accent-amber-100: oklch(92% .1 80);
  --brandOS-accent-amber-200: oklch(86% .13 80);
  --brandOS-accent-amber-300: oklch(78% .15 80);
  --brandOS-accent-amber-400: oklch(70% .16 80);
  --brandOS-accent-amber-500: oklch(82% .14 80);
  --brandOS-accent-amber-600: oklch(72% .16 80);
  --brandOS-accent-amber-700: oklch(35% .14 80);
  --brandOS-accent-amber-800: oklch(30% .14 80);
  --brandOS-accent-amber-900: oklch(25% .12 80);
  --brandOS-accent-amber-950: oklch(20% .1 80);
  --brandOS-accent-amber-050: oklch(96% .07 80);
  --brandOS-accent-amber-light: var(--brandOS-accent-amber-500);
  --brandOS-accent-amber-base: var(--brandOS-accent-amber-600);
  --brandOS-accent-amber-dark: var(--brandOS-accent-amber-700);
  --brandOS-accent-amber-hover: var(--brandOS-accent-amber-400);
  --brandOS-accent-amber-active: var(--brandOS-accent-amber-800);
  --brandOS-accent-lime-100: oklch(92% .09 130);
  --brandOS-accent-lime-200: oklch(86% .12 130);
  --brandOS-accent-lime-300: oklch(78% .15 130);
  --brandOS-accent-lime-400: oklch(70% .17 130);
  --brandOS-accent-lime-500: oklch(82% .18 130);
  --brandOS-accent-lime-600: oklch(72% .2 130);
  --brandOS-accent-lime-700: oklch(35% .18 130);
  --brandOS-accent-lime-800: oklch(30% .15 130);
  --brandOS-accent-lime-900: oklch(25% .12 130);
  --brandOS-accent-lime-950: oklch(20% .1 130);
  --brandOS-accent-lime-050: oklch(96% .06 130);
  --brandOS-accent-lime-light: var(--brandOS-accent-lime-500);
  --brandOS-accent-lime-base: var(--brandOS-accent-lime-600);
  --brandOS-accent-lime-dark: var(--brandOS-accent-lime-700);
  --brandOS-accent-lime-hover: var(--brandOS-accent-lime-400);
  --brandOS-accent-lime-active: var(--brandOS-accent-lime-800);
  --brandOS-accent-teal-100: oklch(92% .08 180);
  --brandOS-accent-teal-200: oklch(86% .1 180);
  --brandOS-accent-teal-300: oklch(78% .12 180);
  --brandOS-accent-teal-400: oklch(70% .13 180);
  --brandOS-accent-teal-500: oklch(82% .1 180);
  --brandOS-accent-teal-600: oklch(72% .12 180);
  --brandOS-accent-teal-700: oklch(34% .1 180);
  --brandOS-accent-teal-800: oklch(30% .1 180);
  --brandOS-accent-teal-900: oklch(25% .08 180);
  --brandOS-accent-teal-950: oklch(20% .06 180);
  --brandOS-accent-teal-050: oklch(96% .06 180);
  --brandOS-accent-teal-light: var(--brandOS-accent-teal-500);
  --brandOS-accent-teal-base: var(--brandOS-accent-teal-600);
  --brandOS-accent-teal-dark: var(--brandOS-accent-teal-700);
  --brandOS-accent-teal-hover: var(--brandOS-accent-teal-400);
  --brandOS-accent-teal-active: var(--brandOS-accent-teal-800);
  --brandOS-accent-azure-100: oklch(92% .06 250);
  --brandOS-accent-azure-200: oklch(86% .08 250);
  --brandOS-accent-azure-300: oklch(78% .1 250);
  --brandOS-accent-azure-400: oklch(70% .12 250);
  --brandOS-accent-azure-500: oklch(82% .13 250);
  --brandOS-accent-azure-600: oklch(72% .15 250);
  --brandOS-accent-azure-700: oklch(35% .13 250);
  --brandOS-accent-azure-800: oklch(30% .11 250);
  --brandOS-accent-azure-900: oklch(25% .09 250);
  --brandOS-accent-azure-950: oklch(20% .07 250);
  --brandOS-accent-azure-050: oklch(96% .04 250);
  --brandOS-accent-azure-light: var(--brandOS-accent-azure-500);
  --brandOS-accent-azure-base: var(--brandOS-accent-azure-600);
  --brandOS-accent-azure-dark: var(--brandOS-accent-azure-700);
  --brandOS-accent-azure-hover: var(--brandOS-accent-azure-400);
  --brandOS-accent-azure-active: var(--brandOS-accent-azure-800);
  --brandOS-accent-violet-100: oklch(92% .09 290);
  --brandOS-accent-violet-200: oklch(86% .12 290);
  --brandOS-accent-violet-300: oklch(78% .15 290);
  --brandOS-accent-violet-400: oklch(70% .17 290);
  --brandOS-accent-violet-500: oklch(82% .18 290);
  --brandOS-accent-violet-600: oklch(72% .2 290);
  --brandOS-accent-violet-700: oklch(34% .18 290);
  --brandOS-accent-violet-800: oklch(28% .15 290);
  --brandOS-accent-violet-900: oklch(23% .12 290);
  --brandOS-accent-violet-950: oklch(18% .1 290);
  --brandOS-accent-violet-050: oklch(96% .06 290);
  --brandOS-accent-violet-light: var(--brandOS-accent-violet-500);
  --brandOS-accent-violet-base: var(--brandOS-accent-violet-600);
  --brandOS-accent-violet-dark: var(--brandOS-accent-violet-700);
  --brandOS-accent-violet-hover: var(--brandOS-accent-violet-400);
  --brandOS-accent-violet-active: var(--brandOS-accent-violet-800);
  --brandOS-accent-rose-100: oklch(92% .08 350);
  --brandOS-accent-rose-200: oklch(86% .1 350);
  --brandOS-accent-rose-300: oklch(78% .13 350);
  --brandOS-accent-rose-400: oklch(70% .15 350);
  --brandOS-accent-rose-500: oklch(82% .16 350);
  --brandOS-accent-rose-600: oklch(72% .18 350);
  --brandOS-accent-rose-700: oklch(33% .16 350);
  --brandOS-accent-rose-800: oklch(28% .13 350);
  --brandOS-accent-rose-900: oklch(23% .11 350);
  --brandOS-accent-rose-950: oklch(18% .09 350);
  --brandOS-accent-rose-050: oklch(96% .06 350);
  --brandOS-accent-rose-light: var(--brandOS-accent-rose-500);
  --brandOS-accent-rose-base: var(--brandOS-accent-rose-600);
  --brandOS-accent-rose-dark: var(--brandOS-accent-rose-700);
  --brandOS-accent-rose-hover: var(--brandOS-accent-rose-400);
  --brandOS-accent-rose-active: var(--brandOS-accent-rose-800);
  --brandOS-accent-slate-100: oklch(92% .008 250);
  --brandOS-accent-slate-200: oklch(86% .01 250);
  --brandOS-accent-slate-300: oklch(78% .014 250);
  --brandOS-accent-slate-400: oklch(70% .017 250);
  --brandOS-accent-slate-500: oklch(82% .02 250);
  --brandOS-accent-slate-600: oklch(72% .02 250);
  --brandOS-accent-slate-700: oklch(35% .02 250);
  --brandOS-accent-slate-800: oklch(30% .017 250);
  --brandOS-accent-slate-900: oklch(25% .014 250);
  --brandOS-accent-slate-950: oklch(20% .01 250);
  --brandOS-accent-slate-050: oklch(96% .005 250);
  --brandOS-accent-slate-light: var(--brandOS-accent-slate-500);
  --brandOS-accent-slate-base: var(--brandOS-accent-slate-600);
  --brandOS-accent-slate-dark: var(--brandOS-accent-slate-700);
  --brandOS-accent-slate-hover: var(--brandOS-accent-slate-400);
  --brandOS-accent-slate-active: var(--brandOS-accent-slate-800);
  --brandOS-font-body: var(--brandOS-font-body-display);
  --brandOS-font-heading: var(--brandOS-font-heading-display);
  --brandOS-font-mono: var(--brandOS-font-jetbrains);
  --brandOS-switch-thumb-offset: var(--brandOS-space-1);
  --brandOS-switch-translate-x: var(--brandOS-space-4);
  --brandOS-badge-radius: var(--brandOS-radius-md);
  --brandOS-badge-font-size-sm: var(--brandOS-text-xs);
  --brandOS-badge-font-size-md: var(--brandOS-text-sm);
  --brandOS-badge-padding-x-sm: var(--brandOS-space-2);
  --brandOS-badge-padding-x-md: var(--brandOS-space-3);
  --brandOS-focus-ring-style: solid;
  --brandOS-overlay-bg: var(--brandOS-background-overlay);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --brandOS-duration-instant: var(--brandOS-duration-reduced);
    --brandOS-duration-fast: var(--brandOS-duration-reduced);
    --brandOS-duration-normal: var(--brandOS-duration-reduced);
    --brandOS-duration-page: var(--brandOS-duration-reduced);
    --brandOS-duration-slow: var(--brandOS-duration-reduced);
  }
}

[data-brand="snyder"] {
  --colors-raw-babyblue-050-v-oklch: .9688 .0128 247.67;
  --colors-raw-babyblue-100-v-oklch: .9376 .0258 247.15;
  --colors-raw-babyblue-150-v-oklch: .9064 .039 246.56;
  --colors-raw-babyblue-200-v-oklch: .8752 .0526 245.89;
  --colors-raw-babyblue-250-v-oklch: .8441 .0666 245.15;
  --colors-raw-babyblue-300-v-oklch: .8129 .0809 244.3;
  --colors-raw-babyblue-350-v-oklch: .7819 .0957 243.35;
  --colors-raw-babyblue-400-v-oklch: .7508 .1111 242.26;
  --colors-raw-babyblue-450-v-oklch: .7197 .1271 241.02;
  --colors-raw-babyblue-500-v-oklch: .6887 .144 239.61;
  --colors-raw-babyblue-550-v-oklch: .6336 .1292 239.84;
  --colors-raw-babyblue-600-v-oklch: .5785 .1144 240.1;
  --colors-raw-babyblue-650-v-oklch: .5234 .0997 240.42;
  --colors-raw-babyblue-700-v-oklch: .4683 .085 240.81;
  --colors-raw-babyblue-750-v-oklch: .4132 .0704 241.3;
  --colors-raw-babyblue-800-v-oklch: .3582 .0558 241.93;
  --colors-raw-babyblue-850-v-oklch: .3031 .0414 242.75;
  --colors-raw-babyblue-900-v-oklch: .248 .0271 243.89;
  --colors-raw-babyblue-950-v-oklch: .1918 .0142 243.04;
  --colors-raw-gray-050-v-oklch: 1 0 0;
  --colors-raw-gray-100-v-oklch: .956 0 0;
  --colors-raw-gray-150-v-oklch: .912 0 0;
  --colors-raw-gray-200-v-oklch: .868 0 0;
  --colors-raw-gray-250-v-oklch: .824 0 0;
  --colors-raw-gray-300-v-oklch: .78 0 0;
  --colors-raw-gray-350-v-oklch: .736 0 0;
  --colors-raw-gray-400-v-oklch: .692 0 0;
  --colors-raw-gray-450-v-oklch: .648 0 0;
  --colors-raw-gray-500-v-oklch: .604 0 0;
  --colors-raw-gray-550-v-oklch: .56 0 0;
  --colors-raw-gray-600-v-oklch: .5178 0 0;
  --colors-raw-gray-650-v-oklch: .4756 0 0;
  --colors-raw-gray-700-v-oklch: .4334 0 0;
  --colors-raw-gray-750-v-oklch: .3912 0 0;
  --colors-raw-gray-800-v-oklch: .3489 0 0;
  --colors-raw-gray-850-v-oklch: .3068 0 0;
  --colors-raw-gray-900-v-oklch: .2646 0 0;
  --colors-raw-gray-950-v-oklch: .2223 0 0;
  --colors-raw-gray-1000-v-oklch: 0 0 0;
  --colors-raw-neutral-fg-light-v-oklch: 0 0 0;
  --colors-raw-neutral-bg-light-v-oklch: 1 0 0;
  --colors-raw-neutral-fg-dark-v-oklch: 1 0 0;
  --colors-raw-neutral-bg-dark-v-oklch: 0 0 0;
  --colors-raw-base-bg1-light-v-oklch: 1 0 0;
  --colors-raw-base-bg2-light-v-oklch: .956 0 0;
  --colors-raw-base-bg3-light-v-oklch: .868 0 0;
  --colors-raw-base-bg1-dark-v-oklch: .2223 0 0;
  --colors-raw-base-bg2-dark-v-oklch: .2646 0 0;
  --colors-raw-base-bg3-dark-v-oklch: 0 0 0;
  --semantic-surface-1-light: oklch(var(--colors-raw-base-bg1-light-v-oklch));
  --semantic-surface-1-dark: oklch(var(--colors-raw-base-bg1-dark-v-oklch));
  --semantic-surface-2-light: oklch(var(--colors-raw-base-bg2-light-v-oklch));
  --semantic-surface-2-dark: oklch(var(--colors-raw-base-bg2-dark-v-oklch));
  --semantic-surface-3-light: oklch(var(--colors-raw-base-bg3-light-v-oklch));
  --semantic-surface-3-dark: oklch(var(--colors-raw-base-bg3-dark-v-oklch));
  --semantic-content-primary-light: oklch(var(--colors-raw-neutral-fg-light-v-oklch));
  --semantic-content-primary-dark: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
  --semantic-content-muted-light: oklch(var(--colors-raw-gray-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-gray-400-v-oklch));
  --semantic-content-inverse-light: oklch(var(--colors-raw-neutral-bg-light-v-oklch));
  --semantic-content-inverse-dark: oklch(var(--colors-raw-neutral-bg-dark-v-oklch));
  --semantic-border-subtle-light: oklch(var(--colors-raw-gray-200-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-gray-800-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-gray-300-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-gray-700-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-babyblue-750-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-babyblue-650-v-oklch));
  --semantic-brand-accent-light: var(--brandOS-accent-azure-600);
  --semantic-brand-accent-dark: var(--brandOS-accent-azure-600);
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-neutral-base-light: oklch(var(--colors-raw-neutral-bg-light-v-oklch));
  --semantic-neutral-base-dark: oklch(var(--colors-raw-neutral-bg-dark-v-oklch));
  --semantic-neutral-content-light: oklch(var(--colors-raw-neutral-fg-light-v-oklch));
  --semantic-neutral-content-dark: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
  --semantic-status-info-light: var(--brandOS-accent-azure-600);
  --semantic-status-info-dark: var(--brandOS-accent-azure-500);
  --semantic-status-info-content-light: var(--brandOS-accent-azure-050);
  --semantic-status-info-content-dark: var(--brandOS-accent-azure-950);
  --semantic-status-success-light: var(--brandOS-accent-lime-600);
  --semantic-status-success-dark: var(--brandOS-accent-lime-500);
  --semantic-status-success-content-light: var(--brandOS-accent-lime-050);
  --semantic-status-success-content-dark: var(--brandOS-accent-lime-950);
  --semantic-status-warning-light: var(--brandOS-accent-amber-600);
  --semantic-status-warning-dark: var(--brandOS-accent-amber-500);
  --semantic-status-warning-content-light: var(--brandOS-accent-amber-050);
  --semantic-status-warning-content-dark: var(--brandOS-accent-amber-950);
  --semantic-status-error-light: var(--brandOS-accent-coral-600);
  --semantic-status-error-dark: var(--brandOS-accent-coral-500);
  --semantic-status-error-content-light: var(--brandOS-accent-coral-050);
  --semantic-status-error-content-dark: var(--brandOS-accent-coral-950);
  --colors-raw-babyblue-050-hex: #eef6fd;
  --colors-raw-babyblue-100-hex: #ddecfb;
  --colors-raw-babyblue-150-hex: #cce3f9;
  --colors-raw-babyblue-200-hex: #badaf7;
  --colors-raw-babyblue-250-hex: #a8d1f5;
  --colors-raw-babyblue-300-hex: #95c8f3;
  --colors-raw-babyblue-350-hex: #81bff1;
  --colors-raw-babyblue-400-hex: #6ab6ef;
  --colors-raw-babyblue-450-hex: #50aeec;
  --colors-raw-babyblue-500-hex: #2aa5ea;
  --colors-raw-babyblue-550-hex: #2b93d0;
  --colors-raw-babyblue-600-hex: #2a82b6;
  --colors-raw-babyblue-650-hex: #29709d;
  --colors-raw-babyblue-700-hex: #276085;
  --colors-raw-babyblue-750-hex: #23506e;
  --colors-raw-babyblue-800-hex: #204057;
  --colors-raw-babyblue-850-hex: #1b3142;
  --colors-raw-babyblue-900-hex: #16232d;
  --colors-raw-babyblue-950-hex: #0f151a;
  --colors-raw-gray-050-hex: #fff;
  --colors-raw-gray-100-hex: #f0f0f0;
  --colors-raw-gray-150-hex: #e2e2e2;
  --colors-raw-gray-200-hex: #d3d3d3;
  --colors-raw-gray-250-hex: #c5c5c5;
  --colors-raw-gray-300-hex: #b7b7b7;
  --colors-raw-gray-350-hex: #a9a9a9;
  --colors-raw-gray-400-hex: #9c9c9c;
  --colors-raw-gray-450-hex: #8e8e8e;
  --colors-raw-gray-500-hex: #818181;
  --colors-raw-gray-550-hex: #747474;
  --colors-raw-gray-600-hex: #686868;
  --colors-raw-gray-650-hex: #5c5c5c;
  --colors-raw-gray-700-hex: #515151;
  --colors-raw-gray-750-hex: #454545;
  --colors-raw-gray-800-hex: #3a3a3a;
  --colors-raw-gray-850-hex: #2f2f2f;
  --colors-raw-gray-900-hex: #252525;
  --colors-raw-gray-950-hex: #1b1b1b;
  --colors-raw-gray-1000-hex: #000;
  --color-primary: var(--semantic-brand-primary);
  --color-primary-content: var(--semantic-brand-primary-content);
  --color-secondary: var(--semantic-brand-secondary);
  --color-secondary-content: var(--semantic-brand-primary-content);
  --color-accent: var(--semantic-brand-accent);
  --color-accent-content: var(--semantic-brand-accent-content);
  --root-bg: var(--semantic-surface-1);
  --color-base-100: var(--semantic-surface-1);
  --color-base-200: var(--semantic-surface-2);
  --color-base-300: var(--semantic-surface-3);
  --color-base-content: var(--semantic-content-primary);
  --color-neutral: var(--semantic-neutral-base);
  --color-neutral-content: var(--semantic-neutral-content);
  --color-info: var(--semantic-status-info);
  --color-info-content: var(--semantic-status-info-content);
  --color-success: var(--semantic-status-success);
  --color-success-content: var(--semantic-status-success-content);
  --color-warning: var(--semantic-status-warning);
  --color-warning-content: var(--semantic-status-warning-content);
  --color-error: var(--semantic-status-error);
  --color-error-content: var(--semantic-status-error-content);
}

[data-brand="snyder"][data-theme="light"] {
  --mui-palette-primary-main: var(--brandOS-primary-500);
  --mui-palette-primary-light: var(--brandOS-primary-300);
  --mui-palette-primary-dark: var(--brandOS-primary-700);
  --mui-palette-primary-contrastText: var(--brandOS-primary-050);
  --mui-palette-secondary-main: var(--brandOS-primary-750);
  --mui-palette-secondary-light: var(--brandOS-primary-500);
  --mui-palette-secondary-dark: var(--brandOS-primary-900);
  --mui-palette-secondary-contrastText: var(--brandOS-primary-050);
  --mui-palette-error-main: var(--brandOS-accent-coral-600);
  --mui-palette-error-light: var(--brandOS-accent-coral-400);
  --mui-palette-error-dark: var(--brandOS-accent-coral-800);
  --mui-palette-error-contrastText: var(--brandOS-accent-coral-050);
  --mui-palette-warning-main: var(--brandOS-accent-amber-600);
  --mui-palette-warning-light: var(--brandOS-accent-amber-400);
  --mui-palette-warning-dark: var(--brandOS-accent-amber-800);
  --mui-palette-warning-contrastText: var(--brandOS-accent-amber-050);
  --mui-palette-info-main: var(--brandOS-accent-azure-600);
  --mui-palette-info-light: var(--brandOS-accent-azure-400);
  --mui-palette-info-dark: var(--brandOS-accent-azure-800);
  --mui-palette-info-contrastText: var(--brandOS-accent-azure-050);
  --mui-palette-success-main: var(--brandOS-accent-lime-600);
  --mui-palette-success-light: var(--brandOS-accent-lime-400);
  --mui-palette-success-dark: var(--brandOS-accent-lime-800);
  --mui-palette-success-contrastText: var(--brandOS-accent-lime-050);
  --mui-palette-background-default: var(--brandOS-background-primary);
  --mui-palette-background-paper: var(--brandOS-background-elevated);
  --mui-palette-text-primary: var(--brandOS-text-primary);
  --mui-palette-text-secondary: var(--brandOS-text-secondary);
  --mui-palette-text-disabled: var(--brandOS-text-tertiary);
  --mui-palette-divider: var(--brandOS-border-default);
  --mui-palette-action-active: var(--brandOS-text-secondary);
  --mui-palette-action-hover: var(--brandOS-interactive-secondary);
  --mui-palette-action-selected: var(--brandOS-interactive-secondary-hover);
  --mui-palette-action-focus: var(--brandOS-border-focus);
}

[data-brand="snyder"][data-theme="dark"] {
  --mui-palette-primary-main: var(--brandOS-primary-400);
  --mui-palette-primary-light: var(--brandOS-primary-300);
  --mui-palette-primary-dark: var(--brandOS-primary-600);
  --mui-palette-primary-contrastText: var(--brandOS-primary-950);
  --mui-palette-secondary-main: var(--brandOS-primary-500);
  --mui-palette-secondary-light: var(--brandOS-primary-400);
  --mui-palette-secondary-dark: var(--brandOS-primary-700);
  --mui-palette-secondary-contrastText: var(--brandOS-primary-050);
  --mui-palette-error-main: var(--brandOS-accent-coral-500);
  --mui-palette-error-light: var(--brandOS-accent-coral-300);
  --mui-palette-error-dark: var(--brandOS-accent-coral-700);
  --mui-palette-error-contrastText: var(--brandOS-accent-coral-950);
  --mui-palette-warning-main: var(--brandOS-accent-amber-500);
  --mui-palette-warning-light: var(--brandOS-accent-amber-300);
  --mui-palette-warning-dark: var(--brandOS-accent-amber-700);
  --mui-palette-warning-contrastText: var(--brandOS-accent-amber-950);
  --mui-palette-info-main: var(--brandOS-accent-azure-500);
  --mui-palette-info-light: var(--brandOS-accent-azure-300);
  --mui-palette-info-dark: var(--brandOS-accent-azure-700);
  --mui-palette-info-contrastText: var(--brandOS-accent-azure-950);
  --mui-palette-success-main: var(--brandOS-accent-lime-500);
  --mui-palette-success-light: var(--brandOS-accent-lime-300);
  --mui-palette-success-dark: var(--brandOS-accent-lime-700);
  --mui-palette-success-contrastText: var(--brandOS-accent-lime-950);
  --mui-palette-background-default: var(--brandOS-background-primary);
  --mui-palette-background-paper: var(--brandOS-background-elevated);
  --mui-palette-text-primary: var(--brandOS-text-primary);
  --mui-palette-text-secondary: var(--brandOS-text-secondary);
  --mui-palette-text-disabled: var(--brandOS-text-tertiary);
  --mui-palette-divider: var(--brandOS-border-default);
  --mui-palette-action-active: var(--brandOS-text-secondary);
  --mui-palette-action-hover: var(--brandOS-interactive-secondary);
  --mui-palette-action-selected: var(--brandOS-interactive-secondary-hover);
  --mui-palette-action-focus: var(--brandOS-border-focus);
}

[data-brand="snyder"] {
  --semantic-surface-1: light-dark(var(--semantic-surface-1-light), var(--semantic-surface-1-dark));
  --semantic-surface-2: light-dark(var(--semantic-surface-2-light), var(--semantic-surface-2-dark));
  --semantic-surface-3: light-dark(var(--semantic-surface-3-light), var(--semantic-surface-3-dark));
  --semantic-content-primary: light-dark(var(--semantic-content-primary-light), var(--semantic-content-primary-dark));
  --semantic-content-muted: light-dark(var(--semantic-content-muted-light), var(--semantic-content-muted-dark));
  --semantic-content-inverse: light-dark(var(--semantic-content-inverse-light), var(--semantic-content-inverse-dark));
  --semantic-border-subtle: light-dark(var(--semantic-border-subtle-light), var(--semantic-border-subtle-dark));
  --semantic-border-default: light-dark(var(--semantic-border-default-light), var(--semantic-border-default-dark));
  --semantic-brand-primary: light-dark(var(--semantic-brand-primary-light), var(--semantic-brand-primary-dark));
  --semantic-brand-primary-content: light-dark(var(--semantic-brand-primary-content-light), var(--semantic-brand-primary-content-dark));
  --semantic-brand-secondary: light-dark(var(--semantic-brand-secondary-light), var(--semantic-brand-secondary-dark));
  --semantic-brand-accent: light-dark(var(--semantic-brand-accent-light), var(--semantic-brand-accent-dark));
  --semantic-brand-accent-content: light-dark(var(--semantic-brand-accent-content-light), var(--semantic-brand-accent-content-dark));
  --semantic-neutral-base: light-dark(var(--semantic-neutral-base-light), var(--semantic-neutral-base-dark));
  --semantic-neutral-content: light-dark(var(--semantic-neutral-content-light), var(--semantic-neutral-content-dark));
  --semantic-status-info: light-dark(var(--semantic-status-info-light), var(--semantic-status-info-dark));
  --semantic-status-info-content: light-dark(var(--semantic-status-info-content-light), var(--semantic-status-info-content-dark));
  --semantic-status-success: light-dark(var(--semantic-status-success-light), var(--semantic-status-success-dark));
  --semantic-status-success-content: light-dark(var(--semantic-status-success-content-light), var(--semantic-status-success-content-dark));
  --semantic-status-warning: light-dark(var(--semantic-status-warning-light), var(--semantic-status-warning-dark));
  --semantic-status-warning-content: light-dark(var(--semantic-status-warning-content-light), var(--semantic-status-warning-content-dark));
  --semantic-status-error: light-dark(var(--semantic-status-error-light), var(--semantic-status-error-dark));
  --semantic-status-error-content: light-dark(var(--semantic-status-error-content-light), var(--semantic-status-error-content-dark));
  --semantic-on-accent: oklch(100% 0 0);
  --semantic-on-accent-muted: oklch(100% 0 0 / .85);
  --semantic-on-accent-subtle: oklch(100% 0 0 / .7);
  --semantic-on-accent-shine: oklch(100% 0 0 / .18);
  --semantic-tile-dim: oklch(0% 0 0 / .08);
}

[data-brand="snyder"][data-theme="light"] {
  color-scheme: light;
}

[data-brand="snyder"][data-theme="dark"] {
  color-scheme: dark;
}

:root[data-brand="snyder"] {
  --brandOS-brand: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));
  --brandOS-text-primary: light-dark(var(--brandOS-gray-900), var(--brandOS-gray-050));
  --brandOS-text-secondary: light-dark(var(--brandOS-gray-600), var(--brandOS-gray-300));
  --brandOS-text-tertiary: light-dark(var(--brandOS-gray-500), var(--brandOS-gray-400));
  --brandOS-text-inverted: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-text-on-primary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-050));
  --brandOS-text-link: light-dark(var(--brandOS-primary-600), var(--brandOS-primary-400));
  --brandOS-text-link-hover: light-dark(var(--brandOS-primary-700), var(--brandOS-primary-300));
  --brandOS-background-primary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-950));
  --brandOS-background-secondary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-background-tertiary: light-dark(var(--brandOS-gray-100), var(--brandOS-gray-800));
  --brandOS-background-elevated: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-background-overlay: light-dark(oklch(from var(--brandOS-gray-950) l c h / .5), oklch(from var(--brandOS-gray-950) l c h / .7));
  --brandOS-root-bg: light-dark(oklch(var(--colors-raw-base-bg1-light-v-oklch)), oklch(var(--colors-raw-base-bg1-dark-v-oklch)));
  --brandOS-base-100: light-dark(oklch(var(--colors-raw-base-bg1-light-v-oklch)), oklch(var(--colors-raw-base-bg1-dark-v-oklch)));
  --brandOS-base-200: light-dark(oklch(var(--colors-raw-base-bg2-light-v-oklch)), oklch(var(--colors-raw-base-bg2-dark-v-oklch)));
  --brandOS-base-300: light-dark(oklch(var(--colors-raw-base-bg3-light-v-oklch)), oklch(var(--colors-raw-base-bg3-dark-v-oklch)));
  --brandOS-base-content: light-dark(oklch(var(--colors-raw-neutral-fg-dark-v-oklch)), oklch(var(--colors-raw-neutral-fg-light-v-oklch)));
  --brandOS-border-subtle: light-dark(var(--brandOS-gray-200), var(--brandOS-gray-800));
  --brandOS-border-default: light-dark(var(--brandOS-gray-300), var(--brandOS-gray-700));
  --brandOS-border-strong: light-dark(var(--brandOS-gray-400), var(--brandOS-gray-600));
  --brandOS-border-focus: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));
  --brandOS-interactive-primary: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));
  --brandOS-interactive-primary-hover: light-dark(var(--brandOS-primary-600), var(--brandOS-primary-300));
  --brandOS-interactive-secondary: light-dark(var(--brandOS-gray-100), var(--brandOS-gray-800));
  --brandOS-interactive-secondary-hover: light-dark(var(--brandOS-gray-200), var(--brandOS-gray-700));
  --brandOS-status-success: light-dark(var(--brandOS-accent-lime-600), var(--brandOS-accent-lime-500));
  --brandOS-status-warning: light-dark(var(--brandOS-accent-amber-600), var(--brandOS-accent-amber-500));
  --brandOS-status-error: light-dark(var(--brandOS-accent-coral-600), var(--brandOS-accent-coral-500));
  --brandOS-status-info: light-dark(var(--brandOS-accent-azure-600), var(--brandOS-accent-azure-500));
}

[data-brand="snyder"] {
  --brandOS-primary-050: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --brandOS-primary-100: oklch(var(--colors-raw-babyblue-100-v-oklch));
  --brandOS-primary-150: oklch(var(--colors-raw-babyblue-150-v-oklch));
  --brandOS-primary-200: oklch(var(--colors-raw-babyblue-200-v-oklch));
  --brandOS-primary-250: oklch(var(--colors-raw-babyblue-250-v-oklch));
  --brandOS-primary-300: oklch(var(--colors-raw-babyblue-300-v-oklch));
  --brandOS-primary-350: oklch(var(--colors-raw-babyblue-350-v-oklch));
  --brandOS-primary-400: oklch(var(--colors-raw-babyblue-400-v-oklch));
  --brandOS-primary-450: oklch(var(--colors-raw-babyblue-450-v-oklch));
  --brandOS-primary-500: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --brandOS-primary-550: oklch(var(--colors-raw-babyblue-550-v-oklch));
  --brandOS-primary-600: oklch(var(--colors-raw-babyblue-600-v-oklch));
  --brandOS-primary-650: oklch(var(--colors-raw-babyblue-650-v-oklch));
  --brandOS-primary-700: oklch(var(--colors-raw-babyblue-700-v-oklch));
  --brandOS-primary-750: oklch(var(--colors-raw-babyblue-750-v-oklch));
  --brandOS-primary-800: oklch(var(--colors-raw-babyblue-800-v-oklch));
  --brandOS-primary-850: oklch(var(--colors-raw-babyblue-850-v-oklch));
  --brandOS-primary-900: oklch(var(--colors-raw-babyblue-900-v-oklch));
  --brandOS-primary-950: oklch(var(--colors-raw-babyblue-950-v-oklch));
  --brandOS-gray-050: oklch(var(--colors-raw-gray-050-v-oklch));
  --brandOS-gray-100: oklch(var(--colors-raw-gray-100-v-oklch));
  --brandOS-gray-150: oklch(var(--colors-raw-gray-150-v-oklch));
  --brandOS-gray-200: oklch(var(--colors-raw-gray-200-v-oklch));
  --brandOS-gray-250: oklch(var(--colors-raw-gray-250-v-oklch));
  --brandOS-gray-300: oklch(var(--colors-raw-gray-300-v-oklch));
  --brandOS-gray-350: oklch(var(--colors-raw-gray-350-v-oklch));
  --brandOS-gray-400: oklch(var(--colors-raw-gray-400-v-oklch));
  --brandOS-gray-450: oklch(var(--colors-raw-gray-450-v-oklch));
  --brandOS-gray-500: oklch(var(--colors-raw-gray-500-v-oklch));
  --brandOS-gray-550: oklch(var(--colors-raw-gray-550-v-oklch));
  --brandOS-gray-600: oklch(var(--colors-raw-gray-600-v-oklch));
  --brandOS-gray-650: oklch(var(--colors-raw-gray-650-v-oklch));
  --brandOS-gray-700: oklch(var(--colors-raw-gray-700-v-oklch));
  --brandOS-gray-750: oklch(var(--colors-raw-gray-750-v-oklch));
  --brandOS-gray-800: oklch(var(--colors-raw-gray-800-v-oklch));
  --brandOS-gray-850: oklch(var(--colors-raw-gray-850-v-oklch));
  --brandOS-gray-900: oklch(var(--colors-raw-gray-900-v-oklch));
  --brandOS-gray-950: oklch(var(--colors-raw-gray-950-v-oklch));
  --brandOS-gray-1000: oklch(var(--colors-raw-gray-1000-v-oklch));
  --brandOS-font-heading-display: var(--brandOS-font-red-hat);
  --brandOS-font-body-display: var(--brandOS-font-inter);
}

:root {
  --radius-selector: var(--brandOS-radius-lg);
  --radius-field: var(--brandOS-radius-default);
  --radius-box: var(--brandOS-radius-lg);
  --size-selector: .25rem;
  --size-field: .25rem;
  --border: 1px;
  --depth: 1;
  --noise: 0;
}

:is(html[data-environment="production"], html[data-environment="devtest"]) .marketos-hide-if-not-development {
  display: none;
}

html, body {
  scroll-behavior: smooth;
  background-color: var(--color-base-100);
  font-family: var(--sa-font-body);
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  --tw-font-weight: var(--sa-font-weight-normal);
  font-weight: var(--sa-font-weight-normal);
  color: var(--color-neutral-content);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--sa-font-heading);
  --tw-font-weight: var(--sa-font-weight-semibold);
  font-weight: var(--sa-font-weight-semibold);
  text-transform: uppercase;
  --tw-leading: var(--sa-leading-tight) !important;
  line-height: var(--sa-leading-tight) !important;
}

:is(h1, h2, h3, h4, h5, h6) mark {
  color: var(--color-primary);
  background-color: #0000;
}

:is(h1, h2, h3, h4, h5, h6):not(h1) span {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  display: block;
}

@media (min-width: 48rem) {
  :is(h1, h2, h3, h4, h5, h6):not(h1) span {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }
}

h1 {
  font-size: var(--sa-text-3xl);
  line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
}

@media (min-width: 96rem) {
  h1 {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }
}

@media (min-width: 120rem) {
  h1 {
    font-size: var(--sa-text-5xl);
    line-height: var(--tw-leading, var(--sa-text-5xl--line-height));
  }
}

h2 {
  font-size: var(--sa-text-2xl);
  line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
}

@media (min-width: 96rem) {
  h2 {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }
}

@media (min-width: 120rem) {
  h2 {
    font-size: var(--sa-text-4xl);
    line-height: var(--tw-leading, var(--sa-text-4xl--line-height));
  }
}

h3 {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

@media (min-width: 96rem) {
  h3 {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }
}

@media (min-width: 120rem) {
  h3 {
    font-size: var(--sa-text-3xl);
    line-height: var(--tw-leading, var(--sa-text-3xl--line-height));
  }
}

h4 {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
}

@media (min-width: 96rem) {
  h4 {
    font-size: var(--sa-text-xl);
    line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  }
}

@media (min-width: 120rem) {
  h4 {
    font-size: var(--sa-text-2xl);
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height));
  }
}

p {
  --tw-font-weight: var(--sa-font-weight-normal);
  font-weight: var(--sa-font-weight-normal);
}

p br {
  display: none;
}

@media (min-width: 80rem) {
  p br {
    display: block;
  }
}

b, strong {
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
}

@layer daisyui.l1.l2.l3 {
  input, textarea {
    cursor: text;
    border: var(--border) solid #0000;
    appearance: none;
    background-color: var(--color-base-100);
    vertical-align: middle;
    white-space: nowrap;
    width: clamp(3rem, 20rem, 100%);
    height: var(--dui-size);
    font-size: max(var(--dui-font-size, .875rem), .875rem);
    touch-action: manipulation;
    border-color: var(--dui-input-color);
    box-shadow: 0 1px var(--dui-input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    border-start-start-radius: var(--dui-join-ss, var(--radius-field));
    border-start-end-radius: var(--dui-join-se, var(--radius-field));
    border-end-end-radius: var(--dui-join-ee, var(--radius-field));
    border-end-start-radius: var(--dui-join-es, var(--radius-field));
    flex-shrink: 1;
    align-items: center;
    gap: .5rem;
    padding-inline: .75rem;
    display: inline-flex;
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    input, textarea {
      box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    }
  }

  input, textarea {
    --dui-size: calc(var(--size-field, .25rem) * 10);
    --dui-input-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    input, textarea {
      --dui-input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
  }

  :is(input, textarea):where(input) {
    display: inline-flex;
  }

  :is(input, textarea) :where(input) {
    appearance: none;
    background-color: #0000;
    border: none;
    width: 100%;
    height: 100%;
    display: inline-flex;
  }

  :is(input, textarea) :where(input):focus, :is(input, textarea) :where(input):focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(input, textarea) :where(input):focus, :is(input, textarea) :where(input):focus-within {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(input, textarea) :where(input[type="url"]), :is(input, textarea) :where(input[type="email"]) {
    direction: ltr;
  }

  :is(input, textarea) :where(input[type="date"]) {
    display: inline-flex;
  }

  :is(input, textarea):focus, :is(input, textarea):focus-within {
    --dui-input-color: var(--color-base-content);
    box-shadow: 0 1px var(--dui-input-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(input, textarea):focus, :is(input, textarea):focus-within {
      box-shadow: 0 1px color-mix(in oklab, var(--dui-input-color) calc(var(--depth) * 10%), #0000);
    }
  }

  :is(input, textarea):focus, :is(input, textarea):focus-within {
    outline: 2px solid var(--dui-input-color);
    outline-offset: 2px;
    isolation: isolate;
  }

  @media (pointer: coarse) {
    @supports (-webkit-touch-callout: none) {
      :is(input, textarea):focus, :is(input, textarea):focus-within {
        --dui-font-size: 1rem;
      }
    }
  }

  :is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea) {
    cursor: not-allowed;
    border-color: var(--color-base-200);
    background-color: var(--color-base-200);
    color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea) {
      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
    }
  }

  :is(:is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea))::placeholder {
    color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea))::placeholder {
      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
    }
  }

  :is(input, textarea):has( > input[disabled]), :is(input, textarea):is(:disabled, [disabled]), fieldset:disabled :is(input, textarea) {
    box-shadow: none;
  }

  :is(input, textarea):has( > input[disabled]) > input[disabled] {
    cursor: not-allowed;
  }

  :is(input, textarea)::-webkit-date-and-time-value {
    text-align: inherit;
  }

  :is(input, textarea)[type="number"]::-webkit-inner-spin-button {
    margin-block: -.75rem;
    margin-inline-end: -.75rem;
  }

  :is(input, textarea)::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: .75em;
  }

  :is(input, textarea):has( > input[type="date"]) :where(input[type="date"]) {
    webkit-appearance: none;
    appearance: none;
    display: inline-flex;
  }

  :is(input, textarea):has( > input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    width: 1em;
    height: 1em;
    position: absolute;
    inset-inline-end: .75em;
  }

  input[type="checkbox"] {
    border: var(--border) solid var(--dui-input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    input[type="checkbox"] {
      border: var(--border) solid var(--dui-input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  input[type="checkbox"] {
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: var(--dui-size);
    height: var(--dui-size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    flex-shrink: 0;
    padding: .25rem;
    transition: background-color .2s, box-shadow .2s;
    display: inline-block;
    position: relative;
  }

  input[type="checkbox"]:before {
    --tw-content: "";
    content: var(--tw-content);
    opacity: 0;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    background-color: currentColor;
    font-size: 1rem;
    line-height: .75;
    transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
    display: block;
    rotate: 45deg;
  }

  input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--dui-input-color, currentColor);
    outline-offset: 2px;
  }

  input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"] {
    background-color: var(--dui-input-color, #0000);
    box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
  }

  :is(input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"]):before {
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
    opacity: 1;
  }

  @media (forced-colors: active) {
    :is(input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: 0deg;
    }
  }

  @media print {
    :is(input[type="checkbox"]:checked, input[type="checkbox"][aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: 0deg;
    }
  }

  input[type="checkbox"]:indeterminate {
    background-color: var(--input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    input[type="checkbox"]:indeterminate {
      background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  input[type="checkbox"]:indeterminate:before {
    opacity: 1;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
    translate: 0 -35%;
    rotate: 0deg;
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item {
    --dui-tt-bg: var(--color-neutral);
    --dui-tt-off: calc(100% + .5rem);
    --dui-tt-tail: calc(100% + 1px + .25rem);
    display: inline-block;
    position: relative;
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item > .sa\:dui-tooltip-content, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item[data-tip]:before {
    border-radius: var(--radius-field);
    text-align: center;
    white-space: normal;
    max-width: 20rem;
    color: var(--color-neutral-content);
    opacity: 0;
    background-color: var(--dui-tt-bg);
    pointer-events: none;
    z-index: 2;
    --tw-content: attr(data-tip);
    content: var(--tw-content);
    width: max-content;
    padding-block: .25rem;
    padding-inline: .5rem;
    font-size: .875rem;
    line-height: 1.25;
    position: absolute;
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:after {
    opacity: 0;
    background-color: var(--dui-tt-bg);
    content: "";
    pointer-events: none;
    --dui-mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
    width: .625rem;
    height: .25rem;
    -webkit-mask-position: -1px 0;
    mask-position: -1px 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--dui-mask-tooltip);
    -webkit-mask-image: var(--dui-mask-tooltip);
    mask-image: var(--dui-mask-tooltip);
    display: block;
    position: absolute;
  }

  @media (prefers-reduced-motion: no-preference) {
    .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item > .sa\:dui-tooltip-content, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item[data-tip]:before, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:after {
      transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms;
    }
  }

  :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
    opacity: 1;
    --dui-tt-pos: 0rem;
  }

  @media (prefers-reduced-motion: no-preference) {
    :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)) > .sa\:dui-tooltip-content, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before, :is(.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))).sa\:dui-tooltip-open, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:is([data-tip]:not([data-tip=""]), :has(.sa\:dui-tooltip-content:not(:empty))):has(:focus-visible)):after {
      transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1);
    }
  }

  .marketos-filter-sidebar-container input {
    border: var(--border) solid var(--dui-input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-filter-sidebar-container input {
      border: var(--border) solid var(--dui-input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  .marketos-filter-sidebar-container input {
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--color-base-content);
    box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: var(--dui-size);
    height: var(--dui-size);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    flex-shrink: 0;
    padding: .25rem;
    transition: background-color .2s, box-shadow .2s;
    display: inline-block;
    position: relative;
  }

  .marketos-filter-sidebar-container input:before {
    --tw-content: "";
    content: var(--tw-content);
    opacity: 0;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;
    background-color: currentColor;
    font-size: 1rem;
    line-height: .75;
    transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s;
    display: block;
    rotate: 45deg;
  }

  .marketos-filter-sidebar-container input:focus-visible {
    outline: 2px solid var(--dui-input-color, currentColor);
    outline-offset: 2px;
  }

  .marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"] {
    background-color: var(--dui-input-color, #0000);
    box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));
  }

  :is(.marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"]):before {
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
    opacity: 1;
  }

  @media (forced-colors: active) {
    :is(.marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: 0deg;
    }
  }

  @media print {
    :is(.marketos-filter-sidebar-container input:checked, .marketos-filter-sidebar-container input[aria-checked="true"]):before {
      --tw-content: "✔︎";
      clip-path: none;
      background-color: #0000;
      rotate: 0deg;
    }
  }

  .marketos-filter-sidebar-container input:indeterminate {
    background-color: var(--input-color, var(--color-base-content));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-filter-sidebar-container input:indeterminate {
      background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
    }
  }

  .marketos-filter-sidebar-container input:indeterminate:before {
    opacity: 1;
    clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
    translate: 0 -35%;
    rotate: 0deg;
  }

  .marketos-badge-list li {
    border-radius: var(--radius-selector);
    vertical-align: middle;
    color: var(--dui-badge-fg);
    border: var(--border) solid var(--dui-badge-color, var(--color-base-200));
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-fx-noise);
    background-color: var(--dui-badge-bg);
    --dui-badge-bg: var(--dui-badge-color, var(--color-base-100));
    --dui-badge-fg: var(--color-base-content);
    --dui-size: calc(var(--size-selector, .25rem) * 6);
    width: fit-content;
    height: var(--dui-size);
    padding-inline: calc(var(--dui-size) / 2 - var(--border));
    justify-content: center;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    display: inline-flex;
  }

  :where(.marketos-detail-content .p-tabs .p-tab button) {
    width: unset;
  }

  .marketos-detail-content .p-tabs .p-tab button {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    outline-offset: 2px;
    webkit-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-inline: var(--dui-btn-p);
    color: var(--dui-btn-fg);
    --tw-prose-links: var(--dui-btn-fg);
    height: var(--dui-size);
    font-size: var(--dui-fontsize, .875rem);
    outline-color: var(--dui-btn-color, var(--color-base-content));
    background-color: var(--dui-btn-bg);
    background-size: auto, calc(var(--noise) * 100%);
    background-image: none, var(--dui-btn-noise);
    border-width: var(--border);
    border-style: solid;
    border-color: var(--dui-btn-border);
    text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));
    touch-action: manipulation;
    box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--dui-btn-shadow);
    --dui-size: calc(var(--size-field, .25rem) * 10);
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    --dui-btn-fg: var(--color-base-content);
    --dui-btn-p: 1rem;
    --dui-btn-border: var(--dui-btn-bg);
    border-start-start-radius: var(--dui-join-ss, var(--radius-field));
    border-start-end-radius: var(--dui-join-se, var(--radius-field));
    border-end-end-radius: var(--dui-join-ee, var(--radius-field));
    border-end-start-radius: var(--dui-join-es, var(--radius-field));
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: .375rem;
    font-weight: 600;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button {
      --dui-btn-border: color-mix(in oklab, var(--dui-btn-bg), #000 calc(var(--depth) * 5%));
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-shadow: 0 3px 2px -2px var(--dui-btn-bg),
      0 4px 3px -2px var(--dui-btn-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button {
      --dui-btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000),
      0 4px 3px -2px color-mix(in oklab, var(--dui-btn-bg) calc(var(--depth) * 30%), #0000);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-noise: var(--dui-fx-noise);
  }

  @media (hover: hover) {
    .marketos-detail-content .p-tabs .p-tab button:hover {
      --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .marketos-detail-content .p-tabs .p-tab button:hover {
        --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
      }
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:focus-visible, .marketos-detail-content .p-tabs .p-tab button:has(:focus-visible) {
    isolation: isolate;
    outline-width: 2px;
    outline-style: solid;
  }

  .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
    translate: 0 .5px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
      --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 5%);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
    --dui-btn-border: var(--dui-btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
      --dui-btn-border: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:active:not(.sa\:dui-btn-active) {
    --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
  }

  .marketos-detail-content .p-tabs .p-tab button:is(input[type="checkbox"], input[type="radio"]) {
    appearance: none;
  }

  .marketos-detail-content .p-tabs .p-tab button:is(input[type="checkbox"], input[type="radio"])[aria-label]:after {
    --tw-content: attr(aria-label);
    content: var(--tw-content);
  }

  .marketos-detail-content .p-tabs .p-tab button:where(input:checked:not(.sa\:dui-filter .sa\:dui-btn)) {
    --dui-btn-color: var(--color-primary);
    --dui-btn-fg: var(--color-primary-content);
    isolation: isolate;
  }

  .marketos-detail-content .p-tabs .p-tab button:hover {
    --dui-btn-color: var(--color-primary);
    --dui-btn-fg: var(--color-primary-content);
  }

  .marketos-detail-content .p-tabs .p-tab.p-tab-active button {
    --dui-btn-color: var(--color-primary) !important;
    --dui-btn-fg: var(--color-primary-content) !important;
  }
}

input, textarea {
  width: 100%;
}

:is(input, textarea):-webkit-inner-spin-button {
  appearance: none;
}

:is(input, textarea):-webkit-outer-spin-button {
  appearance: none;
}

input[type="file"] {
  padding: calc(var(--sa-spacing) * 1) !important;
}

input[type="file"]::file-selector-button {
  margin-right: calc(var(--sa-spacing) * 4);
}

input[type="file"]::file-selector-button {
  border-radius: 3.40282e38px;
}

input[type="file"]::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}

input[type="file"]::file-selector-button {
  background-color: var(--color-primary-content);
}

input[type="file"]::file-selector-button {
  padding-inline: calc(var(--sa-spacing) * 2);
}

input[type="file"]::file-selector-button {
  padding-block: calc(var(--sa-spacing) * 1);
}

input[type="file"]::file-selector-button {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

input[type="file"]::file-selector-button {
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
}

input[type="file"]::file-selector-button {
  color: var(--color-primary);
}

@layer daisyui.l1.l2 {
  input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: .2;
  }

  input[type="checkbox"] {
    color: var(--color-primary-content);
    --dui-input-color: var(--color-primary);
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item > .sa\:dui-tooltip-content, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item[data-tip]:before {
    transform: translateX(calc(var(--dui-tt-pos, -.25rem) + .25rem)) translateY(-50%);
    inset: 50% auto auto var(--dui-tt-off);
  }

  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:after {
    transform: translateX(var(--dui-tt-pos, -.25rem)) translateY(-50%) rotate(90deg);
    inset: 50% auto auto calc(var(--dui-tt-tail) + 1px);
  }

  .marketos-filter-sidebar-container input:disabled {
    cursor: not-allowed;
    opacity: .2;
  }

  .marketos-filter-sidebar-container input {
    --dui-size: calc(var(--size-selector, .25rem) * 5);
    color: var(--color-primary-content);
    --dui-input-color: var(--color-primary);
    padding: .1875rem;
  }

  .marketos-badge-list li {
    --dui-size: calc(var(--size-selector, .25rem) * 7);
    font-size: 1rem;
  }

  .marketos-detail-content .p-tabs .p-tab button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button:disabled:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    box-shadow: none;
  }

  .marketos-detail-content .p-tabs .p-tab button:disabled {
    pointer-events: none;
    --dui-btn-border: #0000;
    --dui-btn-noise: none;
    --dui-btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button:disabled {
      --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    background-color: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button[disabled]:not(.sa\:dui-btn-link, .sa\:dui-btn-ghost) {
    box-shadow: none;
  }

  .marketos-detail-content .p-tabs .p-tab button[disabled] {
    pointer-events: none;
    --dui-btn-border: #0000;
    --dui-btn-noise: none;
    --dui-btn-fg: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button[disabled] {
      --dui-btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-bg: var(--dui-btn-color, var(--color-base-200));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marketos-detail-content .p-tabs .p-tab button {
      --dui-btn-bg: color-mix(in oklab, var(--dui-btn-color, var(--color-base-200)), #000 7%);
    }
  }

  .marketos-detail-content .p-tabs .p-tab button {
    --dui-btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0);
    isolation: isolate;
    --dui-fontsize: .75rem;
    --dui-btn-p: .75rem;
    --dui-size: calc(var(--size-field, .25rem) * 8);
  }
}

input[type="checkbox"] {
  height: calc(var(--sa-spacing) * 4);
  width: calc(var(--sa-spacing) * 4);
}

hr:where([data-theme="dark"], [data-theme="dark"] *) {
  border-color: var(--color-base-300);
}

.marketos-list, .marketos-detail-content ul {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

:is(.marketos-list, .marketos-detail-content ul) li {
  padding-left: calc(var(--sa-spacing) * 4);
  --tw-leading: var(--sa-leading-normal);
  line-height: var(--sa-leading-normal);
  text-wrap: balance;
  position: relative;
}

:is(.marketos-list, .marketos-detail-content ul) li:after {
  content: var(--tw-content);
  content: var(--tw-content);
  top: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  left: calc(var(--sa-spacing) * 0);
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 2);
  height: calc(var(--sa-spacing) * 2);
  content: var(--tw-content);
  background-color: var(--color-primary);
  position: absolute;
}

.markeos-gradient-section .marketos-detail-content ul li:after {
  content: var(--tw-content);
  background-color: var(--color-primary);
}

.markeos-primary-section .marketos-detail-content ul li:after {
  content: var(--tw-content);
  background-color: var(--sa-color-white);
}

.marketos-container {
  padding-inline: calc(var(--sa-spacing) * 4);
  margin-inline: auto;
}

@media (min-width: 80rem) {
  .marketos-container {
    max-width: var(--sa-container-5xl);
  }
}

@media (min-width: 96rem) {
  .marketos-container {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 120rem) {
  .marketos-container {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.marketos-toolbar-wrapper {
  top: calc(var(--sa-spacing) * 0);
  left: calc(var(--sa-spacing) * 4);
  z-index: 50;
  place-content: center;
  height: calc(100vh - 13.75rem);
  display: grid;
  position: fixed;
}

.marketos-toolbar-wrapper .marketos-tool-bar {
  height: max-content;
  width: calc(var(--sa-spacing) * 11);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar {
  background-color: var(--color-base-200);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    background-color: color-mix(in oklab, var(--color-base-200) 80%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media not all and (min-width: 80rem) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    display: none;
  }
}

@media (min-width: 80rem) {
  .marketos-toolbar-wrapper .marketos-tool-bar {
    display: block;
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar:after {
  content: var(--tw-content);
  width: calc(var(--sa-spacing) * 4);
  height: calc(var(--sa-spacing) * 4);
  content: var(--tw-content);
  background-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar:after {
    background-color: color-mix(in oklab, var(--sa-color-black) 50%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .sa\:dui-dropdown-content {
  z-index: 50;
  margin-left: calc(var(--sa-spacing) * 1.5);
  width: max-content;
  min-width: calc(var(--sa-spacing) * 40);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .sa\:dui-dropdown-content {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .sa\:dui-dropdown-content {
  background-color: var(--color-base-200);
  padding: calc(var(--sa-spacing) * 1.5);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item {
  margin: calc(var(--sa-spacing) * 0);
  height: calc(var(--sa-spacing) * 10);
  width: 100%;
  padding: calc(var(--sa-spacing) * 0);
  color: var(--sa-color-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item svg, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item img {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:hover, .marketos-toolbar-wrapper .marketos-tool-bar .marketos-tool-bar-container .marketos-item:focus-visible {
  background-color: var(--color-base-100);
}

.marketos-toolbar-wrapper .marketos-tool-bar .marketos-separator {
  background-color: var(--sa-color-white);
  height: 1px;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-toolbar-wrapper .marketos-tool-bar .marketos-separator {
    background-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

.marketos-post-loop {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

.marketos-filter-sidebar-container {
  gap: calc(var(--sa-spacing) * 4);
}

:is(.marketos-filter-sidebar-container *) {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-filter-sidebar-container label {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  padding: calc(var(--sa-spacing) * 2);
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
  display: flex;
}

.marketos-filter-sidebar-container button {
  padding: calc(var(--sa-spacing) * 0);
  --tw-font-weight: var(--sa-font-weight-medium);
  font-weight: var(--sa-font-weight-medium);
  text-transform: uppercase;
}

@media (hover: hover) {
  .marketos-filter-sidebar-container button:hover {
    text-decoration-line: none;
  }
}

.marketos-filter-sidebar-container > div {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.marketos-filter-sidebar-container > div p {
  flex-direction: column;
  display: flex;
}

.marketos-vertical-tabs .marketos-vertical-tab-list {
  grid-column: 1 / -1;
  overflow-x: auto;
  margin: calc(var(--sa-spacing) * 0) !important;
  padding: calc(var(--sa-spacing) * 0) !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tab-list {
    grid-column: span 1 / span 1;
    flex-direction: column !important;
  }
}

.marketos-vertical-tabs .marketos-vertical-tab-list button {
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--color-base-100);
  width: 100%;
  display: flex;
  margin-top: calc(var(--sa-spacing) * 0) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tab-list button {
    border-color: color-mix(in oklab, var(--color-base-100) 20%, transparent);
  }
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tab-list button {
    padding: calc(var(--sa-spacing) * 8);
  }
}

.marketos-vertical-tabs .marketos-vertical-tab-list button span {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-vertical-tabs .marketos-vertical-tab-list button[data-state="active"] {
  background-color: var(--color-base-100) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tab-list button[data-state="active"] {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent) !important;
  }
}

.marketos-vertical-tabs .marketos-vertical-tab-list button[data-state="active"] {
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.marketos-vertical-tabs .marketos-vertical-tabs-content {
  border-radius: var(--sa-radius-md);
  background-color: var(--color-base-100);
  grid-column: 1 / -1;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content {
  padding: calc(var(--sa-spacing) * 8);
  --tw-backdrop-blur: blur(var(--sa-blur-xs));
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content {
    grid-column: span 3 / span 3;
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content > div {
  margin-top: calc(var(--sa-spacing) * 0);
}

@media (min-width: 48rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content > div {
    min-height: calc(var(--sa-spacing) * 140);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
  gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure img {
  height: calc(var(--sa-spacing) * 60);
  border-radius: var(--sa-radius-sm);
  object-fit: cover;
  width: 100%;
  display: block;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption {
  margin-top: calc(var(--sa-spacing) * 4);
  gap: calc(var(--sa-spacing) * 1);
  flex-direction: column;
  display: flex;
  position: relative;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption svg {
  top: calc(var(--sa-spacing) * 0);
  right: calc(var(--sa-spacing) * 2);
  opacity: .5;
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  margin: auto;
  position: absolute;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption span {
  opacity: .5;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item figure figcaption strong {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  --tw-font-weight: var(--sa-font-weight-light);
  font-weight: var(--sa-font-weight-light);
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-listing .marketos-item:hover figure figcaption svg {
  opacity: 1;
  --tw-grayscale: grayscale(0%);
  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, );
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing {
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing a {
  display: block;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing h3 {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
  flex: 1;
  align-items: center;
  display: flex;
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing h4 {
  gap: calc(var(--sa-spacing) * 4);
}

@media (min-width: 64rem) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing p {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
  gap: calc(var(--sa-spacing) * 2);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 4px;
  border-color: var(--color-base-100);
  flex-direction: column;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
    border-color: color-mix(in oklab, var(--color-base-100) 10%, transparent);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
  background-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item {
  padding: calc(var(--sa-spacing) * 4);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

@media (hover: hover) {
  .marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-careers-listing .marketos-item:hover {
    border-color: var(--color-primary);
  }
}

.marketos-vertical-tabs .marketos-vertical-tabs-content .marketos-tab-content-not-found {
  height: 100%;
  max-width: var(--sa-container-2xl);
  text-align: center;
  margin: auto;
}

.marketos-value-delivered ul {
  gap: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

.marketos-value-delivered ul li {
  padding-left: calc(var(--sa-spacing) * 8);
  text-wrap: pretty;
  position: relative;
}

.marketos-value-delivered ul li:after {
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-value-delivered ul li:before {
  top: calc(var(--sa-spacing) * 0);
  left: calc(var(--sa-spacing) * 0);
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
  color: var(--color-primary);
  --tw-content: "✓";
  content: var(--tw-content);
  position: absolute;
}

.marketos-value-delivered ul li p {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-value-delivered ul li p strong {
  display: block;
}

.marketos-badge-list {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

.marketos-badge-list li {
  --tw-border-style: dashed;
  padding-inline: calc(var(--sa-spacing) * 3.5);
  padding-block: calc(var(--sa-spacing) * 2);
  text-transform: capitalize;
  border-style: dashed;
}

.marketos-badge-list li:last-child {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.marketos-techstack {
  padding-inline: calc(var(--sa-spacing) * 4);
  padding-block: calc(var(--sa-spacing) * 16);
  text-align: center;
  position: relative;
}

@media (min-width: 80rem) {
  .marketos-techstack {
    padding-inline: calc(var(--sa-spacing) * 18);
  }
}

.marketos-techstack p {
  margin: auto;
}

@media (min-width: 80rem) {
  .marketos-techstack p {
    width: 50%;
  }
}

.marketos-techstack .marketos-technology, .marketos-techstack .marketos-technology > div {
  grid-column: 1 / -1;
}

.marketos-techstack .marketos-technology .marketos-clients {
  justify-content: flex-start;
  gap: calc(var(--sa-spacing) * 2.5);
  flex-wrap: wrap;
  display: flex;
}

.marketos-techstack .marketos-technology .marketos-clients figure {
  min-height: calc(var(--sa-spacing) * 22) !important;
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-basis: calc(var(--sa-spacing) * 37) !important;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--sa-color-white) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-techstack .marketos-technology .marketos-clients figure {
    border-color: color-mix(in oklab, var(--sa-color-white) 10%, transparent) !important;
  }
}

.marketos-techstack .marketos-technology .marketos-clients figure {
  all: unset;
  padding-inline: calc(var(--sa-spacing) * 2) !important;
  padding-block: calc(var(--sa-spacing) * 4) !important;
}

@media (min-width: 96rem) {
  .marketos-techstack .marketos-technology .marketos-clients figure {
    max-width: calc(var(--sa-spacing) * 37) !important;
  }
}

.marketos-techstack .marketos-technology .marketos-clients figure img {
  margin: auto;
  margin-bottom: calc(var(--sa-spacing) * 3.5);
  width: calc(var(--sa-spacing) * 12.5);
  height: calc(var(--sa-spacing) * 12.5);
  object-fit: contain;
  object-position: center;
  padding: calc(var(--sa-spacing) * 0);
}

.marketos-techstack .marketos-technology .marketos-clients figure figcaption {
  padding: calc(var(--sa-spacing) * 0);
  color: var(--sa-color-white);
}

.marketos-opensource {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.marketos-opensource .marketos-content {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-opensource .marketos-content {
    grid-column: span 5 / span 5 !important;
  }
}

.marketos-opensource .sa\:col-span-2 {
  grid-column: 1 / -1;
}

@media (min-width: 80rem) {
  .marketos-opensource .sa\:col-span-2 {
    grid-column: span 7 / span 7;
  }
}

.marketos-opensource .marketos-clients {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-base-200);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-opensource .marketos-clients {
    border-color: color-mix(in oklab, var(--color-base-200) 5%, transparent);
  }
}

@media (min-width: 40rem) {
  .marketos-opensource .marketos-clients {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-opensource .marketos-clients {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 64rem) {
  .marketos-opensource .marketos-clients {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.marketos-opensource .marketos-clients figure {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
  border-color: var(--color-base-200) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-opensource .marketos-clients figure {
    border-color: color-mix(in oklab, var(--color-base-200) 5%, transparent) !important;
  }
}

.marketos-opensource .marketos-clients figure {
  all: unset;
  padding: calc(var(--sa-spacing) * 3) !important;
}

.marketos-opensource .marketos-clients figure:not(:last-child) {
  --tw-border-style: solid;
  border-style: solid;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}

.marketos-opensource .marketos-clients figure figcaption {
  display: none;
}

.marketos-opensource .marketos-clients figure:nth-child(-n+5):after {
  top: calc(var(--sa-spacing) * 2);
  margin-top: calc(var(--sa-spacing) * -8);
  text-align: center;
  font-size: var(--sa-text-xs);
  line-height: var(--tw-leading, var(--sa-text-xs--line-height));
  --tw-font-weight: var(--sa-font-weight-semibold);
  font-weight: var(--sa-font-weight-semibold);
  content: "SPONSOR";
  display: block;
  position: relative;
}

.marketos-opensource .marketos-clients figure:hover {
  --tw-shadow: 0px 4px 24px 0px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

.marketos-opensource .marketos-clients figure img {
  height: calc(var(--sa-spacing) * 24);
  object-fit: contain;
  object-position: center;
  margin: auto;
}

.marketos-content-wrapper .marketos-content-section {
  gap: calc(var(--sa-spacing) * 4);
  padding: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.marketos-content-wrapper .marketos-content-section:nth-child(2n) {
  background-color: var(--color-base-100);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-content-wrapper .marketos-content-section:nth-child(2n) {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-content-wrapper strong {
  display: block;
}

.marketos-detail-content {
  flex-direction: column;
  display: flex;
}

.marketos-detail-content h2 {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

@media (min-width: 96rem) {
  .marketos-detail-content h2 {
    font-size: var(--sa-text-2xl) !important;
    line-height: var(--tw-leading, var(--sa-text-2xl--line-height)) !important;
  }
}

.marketos-detail-content h3 {
  font-size: var(--sa-text-lg);
  line-height: var(--tw-leading, var(--sa-text-lg--line-height));
}

.marketos-detail-content h4 {
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
}

.marketos-detail-content h5 {
  font-size: var(--sa-text-sm);
  line-height: var(--tw-leading, var(--sa-text-sm--line-height));
}

.marketos-detail-content h6 {
  font-size: var(--sa-text-xs);
  line-height: var(--tw-leading, var(--sa-text-xs--line-height));
}

.marketos-detail-content ul {
  margin-left: calc(var(--sa-spacing) * 2);
  padding-left: calc(var(--sa-spacing) * 2);
}

.marketos-detail-content ul li p {
  text-wrap: pretty;
}

.marketos-detail-content blockquote {
  gap: calc(var(--sa-spacing) * 4);
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
  border-color: var(--color-primary);
  background-color: var(--color-base-100);
  flex-direction: column;
  height: 100%;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-detail-content blockquote {
    background-color: color-mix(in oklab, var(--color-base-100) 5%, transparent);
  }
}

.marketos-detail-content blockquote {
  padding: calc(var(--sa-spacing) * 4);
}

.marketos-detail-content ol {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

@container not (min-width: 24rem) {
  .marketos-detail-content ol {
    flex-direction: column;
  }
}

.marketos-detail-content ol {
  counter-reset: counter;
}

.marketos-detail-content ol li {
  flex: 50%;
}

.marketos-detail-content ol li blockquote {
  min-height: calc(var(--sa-spacing) * 52);
  gap: calc(var(--sa-spacing) * 8);
  background-color: #0000;
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (min-width: 40rem) {
  .marketos-detail-content ol li blockquote {
    flex-direction: row;
    align-items: center;
  }
}

@container not (min-width: 24rem) {
  .marketos-detail-content ol li blockquote {
    justify-content: space-around;
  }
}

.marketos-detail-content ol li blockquote:before {
  content: counter(counter);
  counter-increment: counter;
  --tw-font-weight: var(--sa-font-weight-black);
  font-weight: var(--sa-font-weight-black);
  color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-detail-content ol li blockquote:before {
    color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

@media not all and (min-width: 40rem) {
  .marketos-detail-content ol li blockquote:before {
    font-size: 6rem;
  }
}

@media (min-width: 40rem) {
  .marketos-detail-content ol li blockquote:before {
    font-size: 10rem;
  }
}

.marketos-detail-content ol li blockquote {
  border-left-style: var(--tw-border-style);
  border-left-width: 0;
}

.marketos-detail-content img {
  width: 100%;
}

.marketos-detail-content > :is(p, ul, ol, blockquote, figure, img, table, pre, hr) {
  margin-bottom: calc(var(--sa-spacing) * 8);
}

.marketos-detail-content > :last-child, .marketos-detail-content blockquote p:last-child {
  margin-bottom: calc(var(--sa-spacing) * 0);
}

@media (min-width: 40rem) {
  .marketos-detail-content.marketos-headline-list-section ul {
    margin-left: calc(var(--sa-spacing) * 10);
    padding-left: calc(var(--sa-spacing) * 10);
  }
}

@container not (min-width: 24rem) {
  .marketos-detail-content.marketos-headline-list-section ul {
    margin-left: calc(var(--sa-spacing) * 5);
    padding-left: calc(var(--sa-spacing) * 5);
  }
}

.marketos-detail-content.marketos-headline-list-section ul li {
  padding-left: calc(var(--sa-spacing) * 8);
}

.marketos-detail-content .p-tabs .p-tablist-tab-list {
  border-style: var(--tw-border-style);
  border-width: 0;
  background-color: var(--sa-color-white) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .marketos-detail-content .p-tabs .p-tablist-tab-list {
    background-color: color-mix(in oklab, var(--sa-color-white) 5%, transparent) !important;
  }
}

@media (min-width: 80rem) {
  .marketos-detail-content .p-tabs .p-tablist-tab-list {
    justify-content: center;
  }
}

.marketos-detail-content .p-tabs .p-tab {
  padding-block: calc(var(--sa-spacing) * 2);
}

.sa\:prose :where(a:is(.marketos-detail-content .p-tabs .p-tab button):not(.sa\:dui-btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-decoration-line: none;
}

.marketos-detail-content .p-tabs .p-tab button {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #0000;
  border-color: #0000;
}

.marketos-detail-content .p-tabs .p-tabpanels {
  padding-inline: calc(var(--sa-spacing) * 0);
  padding-top: calc(var(--sa-spacing) * 11);
  background-color: #0000;
}

.marketos-intro-wrapper {
  --tw-shadow: 8px 24px 54px 0px var(--tw-shadow-color, #00000026);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.marketos-intro-wrapper .marketos-intro-section {
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  display: grid;
}

@media (min-width: 80rem) {
  .marketos-intro-wrapper .marketos-intro-section {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.marketos-intro-wrapper .marketos-intro-section .marketos-intro-content {
  gap: calc(var(--sa-spacing) * 4);
  padding: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  display: flex;
}

@media (min-width: 48rem) {
  .marketos-intro-wrapper .marketos-intro-section .marketos-intro-content {
    padding: calc(var(--sa-spacing) * 8);
  }
}

.marketos-intro-wrapper .marketos-intro-section .marketos-intro-model {
  height: 100%;
  overflow: hidden;
}

.marketos-intro-wrapper .marketos-intro-section .marketos-intro-model img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.marketos-headline-list-section h2 {
  margin-bottom: calc(var(--sa-spacing) * 5);
}

.marketos-headline-list-section .marketos-content-section {
  padding-inline: calc(var(--sa-spacing) * 0);
  padding-block: calc(var(--sa-spacing) * 14);
}

.marketos-headline-list-section .marketos-content-section:last-child {
  padding-bottom: calc(var(--sa-spacing) * 0);
}

.marketos-headline-list-section .marketos-content-section p {
  font-size: var(--sa-text-xl);
  line-height: var(--tw-leading, var(--sa-text-xl--line-height));
}

.marketos-about {
  gap: calc(var(--sa-spacing) * 4);
  display: grid;
}

@media not all and (min-width: 80rem) {
  .marketos-about {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-about {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketos-about .marketos-content {
    grid-column: span 2 / span 2;
  }

  .marketos-about figure {
    grid-column: span 1 / span 1;
  }
}

.marketos-about figure img {
  width: 100%;
}

.marketos-about figure adastra-particle-renderer {
  inset: calc(var(--sa-spacing) * 0);
  height: calc(var(--sa-spacing) * 150);
  --tw-scale-x: 50%;
  --tw-scale-y: 50%;
  --tw-scale-z: 50%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  margin: auto;
  position: absolute;
}

.marketos-offline-page {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 15rem);
  display: flex;
}

.adastra-content-inner--squeeze {
  gap: calc(var(--sa-spacing) * 12);
  width: 100%;
  padding-inline: calc(var(--sa-spacing) * 4);
  flex-direction: column;
  margin-inline: auto;
  display: flex;
}

@media (min-width: 80rem) {
  .adastra-content-inner--squeeze {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 96rem) {
  .adastra-content-inner--squeeze {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.adastra-content-inner--wide {
  width: 100%;
  padding-inline: calc(var(--sa-spacing) * 4);
  margin-inline: auto;
}

@media (min-width: 80rem) {
  .adastra-content-inner--wide {
    max-width: var(--sa-container-5xl);
  }
}

@media (min-width: 96rem) {
  .adastra-content-inner--wide {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 120rem) {
  .adastra-content-inner--wide {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.adastra-content-inner--edge {
  width: 100%;
  padding-inline: calc(var(--sa-spacing) * 4);
}

@media (min-width: 80rem) {
  .adastra-content-inner--edge {
    max-width: var(--sa-container-5xl);
  }
}

@media (min-width: 96rem) {
  .adastra-content-inner--edge {
    max-width: var(--sa-container-7xl);
  }
}

@media (min-width: 120rem) {
  .adastra-content-inner--edge {
    max-width: var(--sa-breakpoint-2xl);
  }
}

.adastra-content-outer--section {
  gap: calc(var(--sa-spacing) * 24);
  flex-direction: column;
  display: flex;
}

.adastra-content-outer--banner {
  gap: calc(var(--sa-spacing) * 12);
  flex-direction: column;
  display: flex;
}

@media (min-width: 80rem) {
  .adastra-content-outer--banner {
    justify-content: space-between;
  }
}

@media (min-width: 96rem) {
  .adastra-content-outer--banner {
    gap: calc(var(--sa-spacing) * 24);
  }
}

@media (min-width: 120rem) {
  .adastra-content-outer--banner {
    gap: calc(var(--sa-spacing) * 40);
  }
}

.adastra-content-outer--inner-banner {
  justify-content: center;
  gap: calc(var(--sa-spacing) * 12);
  flex-direction: column;
  display: flex;
}

@media not all and (min-width: 48rem) {
  .adastra-content-outer--inner-banner {
    min-height: calc(var(--sa-spacing) * 110);
  }
}

@media (min-width: 48rem) {
  .adastra-content-outer--inner-banner {
    min-height: calc(var(--sa-spacing) * 150);
  }
}

@media (min-width: 96rem) {
  .adastra-content-outer--inner-banner {
    gap: calc(var(--sa-spacing) * 24);
  }
}

@media (min-width: 120rem) {
  .adastra-content-outer--inner-banner {
    gap: calc(var(--sa-spacing) * 40);
  }
}

.adastra-content-outer--edge {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.marketos-partners {
  padding-block: calc(var(--sa-spacing) * 10);
}

:is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
  z-index: 0;
  align-items: flex-start;
  gap: calc(var(--sa-spacing) * 4);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-white);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
    border-color: color-mix(in oklab, var(--sa-color-white) 20%, transparent);
  }
}

:is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
  padding-inline: calc(var(--sa-spacing) * 6);
  padding-block: calc(var(--sa-spacing) * 8);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--sa-default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--sa-default-transition-duration));
}

@media (hover: hover) {
  :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item:hover {
    background-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item:hover {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
}

@media (min-width: 64rem) {
  :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item {
    min-height: calc(var(--sa-spacing) * 80);
  }
}

@media (min-width: 80rem) {
  @media (hover: hover) {
    :is(.adastra-content-box-bullets--standard:not(.marketos-approach-lisitng), .adastra-content-box-bullets--basic:not(.marketos-approach-lisitng)) .box-bullet-item:hover {
      --tw-translate-y: calc(var(--sa-spacing) * -10);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}

:is(.adastra-content-box-bullets--standard, .adastra-content-box-bullets--basic) .box-bullet-item h3, :is(.adastra-content-box-bullets--standard, .adastra-content-box-bullets--basic) .box-bullet-item h4 {
  -webkit-line-clamp: 2;
  font-size: var(--sa-text-base);
  line-height: var(--tw-leading, var(--sa-text-base--line-height));
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

:is(.adastra-content-box-bullets--standard, .adastra-content-box-bullets--basic) .box-bullet-item p {
  --tw-leading: calc(var(--sa-spacing) * 6);
  line-height: calc(var(--sa-spacing) * 6);
}

.box-bullet-item a {
  align-items: center;
  gap: calc(var(--sa-spacing) * 1.5);
  padding-inline: calc(var(--sa-spacing) * 0);
  color: var(--color-primary);
  display: flex;
}

.marketos-btn-group {
  align-items: center;
  gap: calc(var(--sa-spacing) * 4);
  flex-wrap: wrap;
  display: flex;
}

.marketos-case-studies {
  gap: calc(var(--sa-spacing) * 4);
  display: grid;
  position: relative;
}

@media not all and (min-width: 48rem) {
  .marketos-case-studies {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .marketos-case-studies {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 80rem) {
  .marketos-case-studies {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.marketos-case-studies .p-carousel-prev-button button, .marketos-case-studies .p-carousel-next-button button {
  top: calc(var(--sa-spacing) * -24);
  right: calc(var(--sa-spacing) * 0);
  border-radius: 3.40282e38px;
  position: absolute;
  background-color: var(--color-base-200) !important;
}

:is(.marketos-case-studies .p-carousel-prev-button button, .marketos-case-studies .p-carousel-next-button button):hover {
  background-color: var(--color-primary) !important;
  color: var(--sa-color-white) !important;
}

.marketos-case-studies .p-carousel-prev-button button {
  right: calc(var(--sa-spacing) * 12);
}

.marketos-presence {
  z-index: 0;
  position: relative;
}

.marketos-presence > svg {
  inset: calc(var(--sa-spacing) * 0);
  z-index: calc(10 * -1);
  height: calc(var(--sa-spacing) * 50);
  width: 100%;
  margin: auto;
  position: absolute;
}

.marketos-presence .marketos-presence-listing {
  gap: calc(var(--sa-spacing) * 8);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  display: grid;
}

@media (min-width: 40rem) {
  .marketos-presence .marketos-presence-listing {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marketos-presence .marketos-presence-listing .marketos-item {
  gap: calc(var(--sa-spacing) * 2);
  flex-direction: column;
  display: flex;
}

.marketos-presence .marketos-presence-listing .marketos-item figcaption {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  display: flex;
}

.marketos-presence .marketos-presence-listing .marketos-item figcaption .marketos-status-holder {
  align-items: center;
  gap: calc(var(--sa-spacing) * 2);
  margin-inline-start: calc(var(--sa-spacing) * 2);
  display: flex;
}

.marketos-presence .marketos-presence-listing .marketos-item figcaption svg, .marketos-presence .marketos-presence-listing .marketos-item figcaption img {
  margin-top: calc(var(--sa-spacing) * 1);
  width: calc(var(--sa-spacing) * 5);
  height: calc(var(--sa-spacing) * 5);
}

.marketos-partner-items {
  margin-top: calc(var(--sa-spacing) * 5);
  grid-template-columns: repeat(1, minmax(0, 1fr));
  position: relative;
}

.marketos-partner-items .marketos-clients {
  all: inherit !important;
}

.marketos-partner-items figure {
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
  all: inherit !important;
}

.marketos-partner-items figure img {
  height: calc(var(--sa-spacing) * 12);
  width: calc(var(--sa-spacing) * 28);
  object-fit: contain;
  object-position: center;
  padding: calc(var(--sa-spacing) * 0);
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}

swiper-container {
  width: 100%;
}

swiper-container.ticker-swiper::part(wrapper) {
  --tw-ease: var(--sa-ease-linear) !important;
  transition-timing-function: var(--sa-ease-linear) !important;
}

input, textarea, select {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  input, textarea, select {
    border-color: color-mix(in oklab, var(--sa-color-black) 10%, transparent);
  }
}

input, textarea, select {
  background-color: var(--sa-color-gray-50);
  color: var(--sa-color-black);
}

:is(input, textarea, select)::placeholder {
  color: var(--sa-color-black);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(input, textarea, select)::placeholder {
    color: color-mix(in oklab, var(--sa-color-black) 70%, transparent);
  }
}

:is(input, textarea, select)::-webkit-calendar-picker-indicator {
  cursor: pointer;
  --tw-invert: invert(50%);
  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, );
}

.sa\:dui-btn.sa\:dui-btn-link {
  height: auto;
  min-height: auto;
  padding-inline: calc(var(--sa-spacing) * 0);
  text-decoration-line: none;
}

@keyframes enter {
  from {
    opacity: var(--p-enter-opacity, 1);
    transform: translate3d(var(--p-enter-translate-x, 0), var(--p-enter-translate-y, 0), 0) scale3d(var(--p-enter-scale, 1), var(--p-enter-scale, 1), var(--p-enter-scale, 1)) rotate(var(--p-enter-rotate, 0));
  }
}

@keyframes leave {
  to {
    opacity: var(--p-leave-opacity, 1);
    transform: translate3d(var(--p-leave-translate-x, 0), var(--p-leave-translate-y, 0), 0) scale3d(var(--p-leave-scale, 1), var(--p-leave-scale, 1), var(--p-leave-scale, 1)) rotate(var(--p-leave-rotate, 0));
  }
}

@keyframes rating {
  0%, 40% {
    filter: brightness(1.05) contrast(1.05);
    scale: 1.1;
  }
}

@keyframes dropdown {
  0% {
    opacity: 0;
  }
}

@keyframes radio {
  0% {
    padding: 5px;
  }

  50% {
    padding: 3px;
  }
}

@keyframes toast {
  0% {
    opacity: 0;
    scale: .9;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

@keyframes rotator {
  89.9999%, 100% {
    --dui-first-item-position: 0 0%;
  }

  90%, 99.9999% {
    --dui-first-item-position: 0 calc(var(--dui-items) * 100%);
  }

  100% {
    translate: 0 -100%;
  }
}

@keyframes skeleton {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
}

@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

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

@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-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@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-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-leading {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@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-ease {
  syntax: "*";
  inherits: false
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}
.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}
.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}
.lg-outer.lg-animate-thumb .lg-thumb {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*# sourceMappingURL=lg-thumbnail.css.map */.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}
.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}
.lg-icon.lg-actual-size {
  font-size: 20px;
}
.lg-icon.lg-actual-size:after {
  content: "\e033";
}
.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

/*# sourceMappingURL=lg-zoom.css.map */@font-face {
  font-family: "lg";
  src: url("data:font/woff2;base64,d09GMgABAAAAAAkcAAsAAAAAEogAAAjNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgSQRCAqcLJZKCzoAATYCJANwBCAFgkoHIBupDgDm53Gzej8JpU0wqygVVyoWwphIsuuw60jpmBY6ppTa7mk7jtx57UQ0V2ulvfmteSIQji061T2HvfDEECASKizU5VUQXFjFRtgYTVg+woiYDVezOThR4tAvr/YYgOO/RZ+BAABzYtMA8Kl8Neg3UIDCoCkOyWBuLcCvSHycH78QvhFxmUCK03A0RwGSvXBAHgR8UB8DMvocJYAgbiZiJnqmYGbXjG3mz7P8nHhe8Uvxr0j+fzwPABAjWT1E83IJHh/x87G/jv1l7JtYR+y+WF2MKAai/qfDtfIRt7hBikI8D1IpipXqWqYSDgDBfwE7qDLw5EEALqFRDMKAsApNwchXAJgFL/WETMbKcDVSifR6QkjwkDaRTEugqlBtKVcL6Smi1dHlIqUmuii6Pic1JTIlFTX3uRenMNpiCiKOCZBm2ges0b/ScigDVgcb2MEHfloel7e1z208KrZUeQFjK0dIkbl6FOFczRhFE6zaRklPlz52tOXcKtmpdqisgHnbxRatg66vsZNHaWMPQ/eZmH6jaavlNASsipbKwVZSYrRm1mywI0670UEdhLy+yuscolSZJHKwg5IyNzRJQbKRZiicwnYiChjO1vSbKCBpkAgCjGIb6KCvA5GL0VHeUDwAQEHkSC2ToBJhKN9KAneim2ekLf1vENf3mjT3vAS295XY2MMgzRpSqTVWpt4ang+ksXynRUQPlkFOu+b6Yw0jBp8krbXbYbjc5mn6KpsNWKtqtcNz0D8xTTQKzthbZYAxLev3NkFgyYWsngBjGo8jg6a9Y3rKR9Pfqun10RvJi9X9foZGvrltMkJgWR7dhI7SSITEaBWIQQTMUSOJkTi5nlqpZUfNKcYD1Do/ZdkbR8UeVpKLSbMVgKLX0flzQYqCrLpll+/vus2IM9+lbdTgWWRLQJqvaq7eHKulgL2ssp7LrpxR2DBI/ja1zXvi7cS1E0Gr0uhy7PUGwPmdkkdjEYOjpGnQRXowC/GBq51eymLRXrsXsTzXX37VlXzeVxoI6m8Gy67oBnzsB6DoQYY7GHM2fbT4oS9zON45lPnwbmww2BL0G89EnfaVPi5eJ3NZFtjc277Wb9M1A+UWG2WZyrj6PMKmLHRoH04iZLuivlsHTmm9/qYJ1r2Z90DtuKYduK6SdNZ3dRRxHAoE+l4HGM6MyIe+0se+zHEfsP4s2sqqnVdSTE/8lCVYMRVsuBVEJOvT3fa1Xr4X2iDZflVFmxyDmpu1r8b9IsVzXUB9w1/l9ccf7WCszaI1ATtUx7oRztk1dtbBcciudJAi83Vv2yaTg9uON6toxLlIM2GVxClo2eVBt5gcOHRwHLIpptC92TeKRi3MjtBkTAOaoU+6P1q364+kdgt/+xh2fRvlOf2p5xR4ut7P4s0sPwY63OguajQWuYqMjUWaA9100ya6yHdHr/BMyxN9QmGa2zjPnbZr17KTy9weKwqXYtqjcMunRkgE9kP+Refvml14hAZw8WFQGmZnnaEi0eLUQTCc+tLSphVyaUH6lAJoXjF1MDiaFSOexNCRKYW8TOkhKzDEDjPDvHHI3c5hXbQLhujhUuPmBYd+N/EaktFsDqoDo4/G0yx70s3SSuXJDIvjMNsIQ7TDqb+/sv8NHGl6BvDAMOnsCpv9PQcP9tS6N294zEnwtNdt2tfTXSz7JGwAqALmbKpr90BaeqA9tlvduWP4/xa0thZcJMNDC6XqrFuy2xGF7YaiQkN7UfhEbMaNkOxQHezh7YVFBsP9TcoybgmzhaExmpxb/78Naf89LmVWthVvvSWh3rZUWtlMFStWENDf5uqEd2LiP/M/fvWEWUntjnTynpI2ainnLdjPUIvL2uGFJvoUQy0taZvPePLqxy0lK6mUo8yp6B+WtdyyTHivdrgLZrhbvAOlWMbQEJtJZ7JuXgRLC+hwe/kb90WvW4U4/PGGRUmLk995J1loWLRhQwVCKkve4JOS8YJASY+P8KQNe/vahGNU8TJRe/eCaaG7ozsrt6Ixu623v/ck0rvlG2EYBoAh6abIxoZ9UeHoNQAiMPKv/8pIi+47EAMHcfLh7dyX8q0Po+Iap94fFob+4fr/DXr96x+j1x2dhZ0dBfRqardjBIZ+M+S6Lo6ojE+4HKF7Kz7zG+eCOkwQ98UfOirDqrckKPVz3sR8srT/gsev3H0p3Rq7wkD1JLE/XZ+2Ze5pV5eqPiqqmBkc1PQYDBvlk5MdqQff21UyInvyhyjMsHXV33tD3zaQ7Us/NKfX44qLQ/8ffOtzXIjnymRNXampDWkGDR5yOyThG2/9UXC6liWEEz0hX+uR1Xg780i4eNOSig3Fk2pSkPpBqrrmx3/+TbB2ya9ePfrGJx98H8rvjKsRQoSh/G0s8cO6bhwwUI8vUz1c21B04cscrjVV1q8zzCVJkmv/T8y21/bLszJpxeqptculJZpleUyKrPX/X3QZBL+rl+hTWuR/2At7LhYVX9BBsULaqi9LWh+6xMDLW6V65dy2gsMbszemQ96XMDvrSfRM60ceo5R/oGDXB0KrxJsTACBhbV48S4Cd5IeyAVdU5Yg+2nPGKS+XAwmOljrwpIdMmdJPexI9ndnIXUIVgety83YzRdXD6E6YvF0gVGJRMhpOyQW6xGM0Zbq7zw8AoAcWAYa7cSOsARF+Fm8DBAAYgDUq07ZSWvm3UIoAAIAfde39SB7Hz+K/xR9vAkMBg0YE8PKEChkH47+9MDggitAdAEObxnBmZAFu5C4eyMxqN/2c3ZUK2qJ+tDUvrTR/BGHDbqZplsDNZVVQjIaim4XA6TE4YLCfEdweIwAKaArx8aN1JETYMNMDEWGYZdRjMJDAB4T7+EEiwAdiBKCBlRQCfnwjEgohbttG2AYb3yS+7tWIDW1rd/6mMedAM+yEHbAvWge0XgNevwdW20Cmdfb6NXBYqm+DtZHUyUW88R/abjA/OxeYpIa9sNmNGMqHbMgd2CAZPzVuOfQFg5H275pWwx73mQMODQAAAA==") format("woff2"), url("/assets/lg-oyjwlqP2.ttf?io9a6k") format("truetype"), url("/assets/lg-CosQH4Cu.woff?io9a6k") format("woff"), url("/assets/lg-B0dIV2BS.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}
.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  -o-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  -moz-transform: scale3d(0.5, 0.5, 0.5);
  -o-transform: scale3d(0.5, 0.5, 0.5);
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/assets/loading-BZOHaeKn.gif") no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  -o-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  -moz-transition: -moz-transform 0.35s ease-out 0s;
  -o-transition: -o-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

/*# sourceMappingURL=lightgallery.css.map *//*$vite$:1*/