/* [next]/internal/font/google/pinyon_script_f17a94db.module.css [app-client] (css) */
@font-face {
  font-family: Pinyon Script;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/f909a269f494b794-s.p.03cejzym9p802.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Pinyon Script;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/521c263860cc4ed1-s.p.082vh6smfhzu4.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Pinyon Script;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/db3f01ae0719bbb0-s.p.2c0pkezzij_il.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: Pinyon Script Fallback;
  src: local(Arial);
  ascent-override: 107.82%;
  descent-override: 48.0%;
  line-gap-override: 0.0%;
  size-adjust: 80.07%;
}

.pinyon_script_f17a94db-module__bcL8OG__className {
  font-family: Pinyon Script, Pinyon Script Fallback;
  font-style: normal;
  font-weight: 400;
}

.pinyon_script_f17a94db-module__bcL8OG__variable {
  --font-pinyon-script: "Pinyon Script", "Pinyon Script Fallback";
}

/* [project]/node_modules/slick-carousel/slick/slick.css [app-client] (css) */
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  display: block;
  position: relative;
}

.slick-list {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

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

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid #0000;
  height: auto;
  display: block;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* [project]/src/styles/global.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :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(--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(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

  sub, sup {
    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;
  }

  :where(:root), [data-theme="light"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f8f8f8;
    --color-base-300: #eee;
    --color-base-content: #18181b;
    --color-primary: #422ad5;
    --color-primary-content: #e0e7ff;
    --color-secondary: #f43098;
    --color-secondary-content: #f9e4f0;
    --color-accent: #00d1bb;
    --color-accent-content: #084d49;
    --color-neutral: #09090b;
    --color-neutral-content: #e4e4e7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff657f;
    --color-error-content: #4d0218;
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :where(:root), [data-theme="light"] {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(97.68% -.0000298023 .0000119209);
      --color-base-300: lab(94.2% 0 0);
      --color-base-content: lab(8.30603% .618205 -2.16572);
      --color-primary: lab(31.573% 49.867 -84.7065);
      --color-primary-content: lab(91.6577% 1.04591 -12.7199);
      --color-secondary: lab(56.234% 76.7852 -8.06803);
      --color-secondary-content: lab(92.6584% 9.01151 -3.1507);
      --color-accent: lab(75.1988% -53.3697 -2.27784);
      --color-accent-content: lab(28.81% -21.4781 -3.59725);
      --color-neutral: lab(2.45787% .239417 -.873864);
      --color-neutral-content: lab(90.6853% .399232 -1.45452);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25944 -21.1512);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(64.1803% 63.0275 19.2122);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

  :root:has(input.theme-controller[value="light"]:checked) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-base-100: #fff;
    --color-base-200: #f8f8f8;
    --color-base-300: #eee;
    --color-base-content: #18181b;
    --color-primary: #422ad5;
    --color-primary-content: #e0e7ff;
    --color-secondary: #f43098;
    --color-secondary-content: #f9e4f0;
    --color-accent: #00d1bb;
    --color-accent-content: #084d49;
    --color-neutral: #09090b;
    --color-neutral-content: #e4e4e7;
    --color-info: #00bafc;
    --color-info-content: #042e49;
    --color-success: #00d193;
    --color-success-content: #004c39;
    --color-warning: #f9b800;
    --color-warning-content: #793205;
    --color-error: #ff657f;
    --color-error-content: #4d0218;
    --radius-selector: .5rem;
    --radius-field: .25rem;
    --radius-box: .5rem;
    --size-selector: .25rem;
    --size-field: .25rem;
    --border: 1px;
    --depth: 1;
    --noise: 0;
  }

  @supports (color: lab(0% 0 0)) {
    :root:has(input.theme-controller[value="light"]:checked) {
      --color-base-100: lab(100% 0 0);
      --color-base-200: lab(97.68% -.0000298023 .0000119209);
      --color-base-300: lab(94.2% 0 0);
      --color-base-content: lab(8.30603% .618205 -2.16572);
      --color-primary: lab(31.573% 49.867 -84.7065);
      --color-primary-content: lab(91.6577% 1.04591 -12.7199);
      --color-secondary: lab(56.234% 76.7852 -8.06803);
      --color-secondary-content: lab(92.6584% 9.01151 -3.1507);
      --color-accent: lab(75.1988% -53.3697 -2.27784);
      --color-accent-content: lab(28.81% -21.4781 -3.59725);
      --color-neutral: lab(2.45787% .239417 -.873864);
      --color-neutral-content: lab(90.6853% .399232 -1.45452);
      --color-info: lab(69.9876% -23.5256 -45.9352);
      --color-info-content: lab(17.4794% -5.25944 -21.1512);
      --color-success: lab(74.4967% -60.7579 19.4189);
      --color-success-content: lab(27.9355% -26.9592 5.46191);
      --color-warning: lab(79.2305% 16.6936 100.392);
      --color-warning-content: lab(30.7627% 30.2938 40.2828);
      --color-error: lab(64.1803% 63.0275 19.2122);
      --color-error-content: lab(14.1162% 34.0067 9.81536);
    }
  }

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

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

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

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

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

  :root {
    --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");
  }

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

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

  :root {
    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%;
  }

  :where(:root), [data-theme="custom-theme"] {
    color-scheme: normal;
    --color-primary: #381631;
    --color-secondary: #fbf6e8;
    --color-accent: #af8664;
  }

  :root:has(input.theme-controller[value="custom-theme"]:checked) {
    color-scheme: normal;
    --color-primary: #381631;
    --color-secondary: #fbf6e8;
    --color-accent: #af8664;
  }
}

@layer components, antd;

@layer utilities {
  @layer daisyui.l1.l2.l3 {
    .diff {
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      direction: ltr;
      grid-template-rows: 1fr 1.8rem 1fr;
      grid-template-columns: auto 1fr;
      width: 100%;
      display: grid;
      position: relative;
      overflow: hidden;
      container-type: inline-size;
    }

    .diff:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-offset: 1px;
      outline-width: 2px;
      outline-color: var(--color-base-content);
    }

    .diff:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-offset: 1px;
      outline-width: 2px;
      outline-color: var(--color-base-content);
    }

    .diff:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-offset: 1px;
      outline-width: 2px;
      outline-color: var(--color-base-content);
    }

    .diff:focus-visible .diff-resizer {
      min-width: 95cqi;
      max-width: 95cqi;
    }

    .diff:has(.diff-item-1:focus-visible) {
      outline-style: var(--tw-outline-style);
      outline-offset: 1px;
      outline-width: 2px;
    }

    .diff:has(.diff-item-1:focus-visible) .diff-resizer {
      min-width: 5cqi;
      max-width: 5cqi;
    }

    @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
      .diff:focus .diff-resizer {
        min-width: 5cqi;
        max-width: 5cqi;
      }

      .diff:has(.diff-item-1:focus) .diff-resizer {
        min-width: 95cqi;
        max-width: 95cqi;
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .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) {
      .tab:hover {
        color: var(--color-base-content);
      }
    }

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

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

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

    .tab:is(label) {
      position: relative;
    }

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

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

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

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

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

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    .menu {
      --menu-active-fg: var(--color-neutral-content);
      --menu-active-bg: var(--color-neutral);
      flex-flow: column wrap;
      width: fit-content;
      padding: .5rem;
      font-size: .875rem;
      display: flex;
    }

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

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

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

    .menu :where(li:not(.menu-title) > :not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.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;
    }

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

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

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

    :is(.menu :where(li > details > summary), .menu :where(li > .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;
    }

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

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

    @media (prefers-reduced-motion: no-preference) {
      .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);
      }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    :where(.btn) {
      width: unset;
    }
  }

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

  @layer daisyui.l1.l2.l3 {
    .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(--btn-p);
      color: var(--btn-fg);
      --tw-prose-links: var(--btn-fg);
      height: var(--size);
      font-size: var(--fontsize, .875rem);
      outline-color: var(--btn-color, var(--color-base-content));
      background-color: var(--btn-bg);
      background-size: auto, calc(var(--noise) * 100%);
      background-image: none, var(--btn-noise);
      border-width: var(--border);
      border-style: solid;
      border-color: var(--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(--btn-shadow);
      --size: calc(var(--size-field, .25rem) * 10);
      --btn-bg: var(--btn-color, var(--color-base-200));
      --btn-fg: var(--color-base-content);
      --btn-p: 1rem;
      --btn-border: var(--btn-bg);
      border-start-start-radius: var(--join-ss, var(--radius-field));
      border-start-end-radius: var(--join-se, var(--radius-field));
      border-end-end-radius: var(--join-ee, var(--radius-field));
      border-end-start-radius: var(--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)) {
      .btn {
        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
      }
    }

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

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

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

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

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

    .btn:focus-visible {
      isolation: isolate;
      outline-width: 2px;
      outline-style: solid;
    }

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

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

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

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

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

    .btn:active:not(.btn-active) {
      --btn-shadow: 0 0 0 0 #0000, 0 0 0 0 #0000;
    }

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

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

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

  @layer daisyui.l1.l2 {
    .btn:disabled:not(.btn-link, .btn-ghost) {
      background-color: var(--color-base-content);
    }

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

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

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

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

  @layer daisyui.l1.l2 {
    .btn[disabled]:not(.btn-link, .btn-ghost) {
      background-color: var(--color-base-content);
    }

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

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

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

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

  @layer daisyui.l1.l2.l3 {
    .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;
    }
  }

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

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

  @layer daisyui.l1.l2.l3 {
    .validator:user-valid, .validator:user-valid:focus, .validator:user-valid:checked, .validator:user-valid[aria-checked="true"], .validator:user-valid:focus-within {
      --input-color: var(--color-success);
    }

    .validator:has(:user-valid), .validator:has(:user-valid):focus, .validator:has(:user-valid):checked, .validator:has(:user-valid)[aria-checked="true"], .validator:has(:user-valid):focus-within {
      --input-color: var(--color-success);
    }

    .validator:user-invalid, .validator:user-invalid:focus, .validator:user-invalid:checked, .validator:user-invalid[aria-checked="true"], .validator:user-invalid:focus-within {
      --input-color: var(--color-error);
    }

    .validator:user-invalid ~ .validator-hint {
      visibility: visible;
      color: var(--color-error);
    }

    .validator:has(:user-invalid), .validator:has(:user-invalid):focus, .validator:has(:user-invalid):checked, .validator:has(:user-invalid)[aria-checked="true"], .validator:has(:user-invalid):focus-within {
      --input-color: var(--color-error);
    }

    .validator:has(:user-invalid) ~ .validator-hint {
      visibility: visible;
      color: var(--color-error);
    }

    .validator:has([aria-invalid]:not([aria-invalid="false"])), .validator:has([aria-invalid]:not([aria-invalid="false"])):focus, .validator:has([aria-invalid]:not([aria-invalid="false"])):checked, .validator:has([aria-invalid]:not([aria-invalid="false"]))[aria-checked="true"], .validator:has([aria-invalid]:not([aria-invalid="false"])):focus-within {
      --input-color: var(--color-error);
    }

    .validator:has([aria-invalid]:not([aria-invalid="false"])) ~ .validator-hint {
      visibility: visible;
      color: var(--color-error);
    }

    .validator[aria-invalid]:not([aria-invalid="false"]), .validator[aria-invalid]:not([aria-invalid="false"]):focus, .validator[aria-invalid]:not([aria-invalid="false"]):checked, .validator[aria-invalid]:not([aria-invalid="false"])[aria-checked="true"], .validator[aria-invalid]:not([aria-invalid="false"]):focus-within {
      --input-color: var(--color-error);
    }

    .validator[aria-invalid]:not([aria-invalid="false"]) ~ .validator-hint {
      visibility: visible;
      color: var(--color-error);
    }
  }

  .validator:user-invalid ~ .validator-hint {
    display: revert-layer;
  }

  .validator:has(:user-invalid) ~ .validator-hint {
    display: revert-layer;
  }

  .validator:has([aria-invalid]:not([aria-invalid="false"])) ~ .validator-hint {
    display: revert-layer;
  }

  .validator[aria-invalid]:not([aria-invalid="false"]) ~ .validator-hint {
    display: revert-layer;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  @layer daisyui.l1.l2.l3 {
    .list {
      flex-direction: column;
      font-size: .875rem;
      display: flex;
    }

    .list .list-row {
      --list-grid-cols: minmax(0, auto) 1fr;
      border-radius: var(--radius-box);
      word-break: break-word;
      grid-auto-flow: column;
      grid-template-columns: var(--list-grid-cols);
      gap: 1rem;
      padding: 1rem;
      display: grid;
      position: relative;
    }

    :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
      content: "";
      border-bottom: var(--border) solid;
      inset-inline: var(--radius-box);
      border-color: var(--color-base-content);
      position: absolute;
      bottom: 0;
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after {
        border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
      }
    }
  }

  @layer daisyui.l1.l2 {
    .list .list-row:has(.list-col-grow:first-child) {
      --list-grid-cols: 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(2)) {
      --list-grid-cols: minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(3)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(4)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(5)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    }

    .list .list-row:has(.list-col-grow:nth-child(6)) {
      --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
          minmax(0, auto) 1fr;
    }

    .list .list-row > * {
      grid-row-start: 1;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .toast {
      inset-inline: auto 1rem;
      translate: var(--toast-x, 0) var(--toast-y, 0);
      background-color: #0000;
      flex-direction: column;
      gap: .5rem;
      width: max-content;
      max-width: calc(100vw - 2rem);
      display: flex;
      position: fixed;
      top: auto;
      bottom: 1rem;
    }

    @media (prefers-reduced-motion: no-preference) {
      .toast > * {
        animation: .25s ease-out toast;
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .table {
      border-collapse: separate;
      --tw-border-spacing-x: calc(.25rem * 0);
      --tw-border-spacing-y: calc(.25rem * 0);
      width: 100%;
      border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
      border-radius: var(--radius-box);
      text-align: left;
      font-size: .875rem;
      position: relative;
    }

    .table:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
      text-align: right;
    }

    @media (hover: hover) {
      :is(.table tr.row-hover, .table tr.row-hover:nth-child(2n)):hover {
        background-color: var(--color-base-200);
      }
    }

    .table :where(th, td) {
      vertical-align: middle;
      padding-block: .75rem;
      padding-inline: 1rem;
    }

    .table :where(thead, tfoot) {
      white-space: nowrap;
      color: var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table :where(thead, tfoot) {
        color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
      }
    }

    .table :where(thead, tfoot) {
      font-size: .875rem;
      font-weight: 600;
    }

    .table :where(tfoot tr:first-child :is(td, th)) {
      border-top: var(--border) solid var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table :where(tfoot tr:first-child :is(td, th)) {
        border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }

    .table :where(.table-pin-rows thead tr) {
      z-index: 1;
      background-color: var(--color-base-100);
      position: sticky;
      top: 0;
    }

    .table :where(.table-pin-rows tfoot tr) {
      z-index: 1;
      background-color: var(--color-base-100);
      position: sticky;
      bottom: 0;
    }

    .table :where(.table-pin-cols tr th) {
      background-color: var(--color-base-100);
      position: sticky;
      left: 0;
      right: 0;
    }

    .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
      border-bottom: var(--border) solid var(--color-base-content);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .table :where(thead tr :is(td, th), tbody tr:not(:last-child) :is(td, th)) {
        border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000);
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .range {
      appearance: none;
      webkit-appearance: none;
      --range-thumb: var(--color-base-100);
      --range-thumb-size: calc(var(--size-selector, .25rem) * 6);
      --range-progress: currentColor;
      --range-fill: 1;
      --range-p: .25rem;
      --range-bg: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .range {
        --range-bg: color-mix(in oklab, currentColor 10%, #0000);
      }
    }

    .range {
      cursor: pointer;
      vertical-align: middle;
      --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      width: clamp(3rem, 20rem, 100%);
      height: var(--range-thumb-size);
      background-color: #0000;
      border: none;
      overflow: hidden;
    }

    [dir="rtl"] .range {
      --range-dir: -1;
    }

    .range:focus {
      outline: none;
    }

    .range:focus-visible {
      outline-offset: 2px;
      outline: 2px solid;
    }

    .range::-webkit-slider-runnable-track {
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      width: 100%;
      height: calc(var(--range-thumb-size) * .5);
    }

    @media (forced-colors: active) {
      .range::-webkit-slider-runnable-track {
        border: 1px solid;
      }

      .range::-moz-range-track {
        border: 1px solid;
      }
    }

    .range::-webkit-slider-thumb {
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      background-color: var(--range-thumb);
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      appearance: none;
      webkit-appearance: none;
      color: var(--range-progress);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .range::-webkit-slider-thumb {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
      }
    }

    .range::-moz-range-track {
      background-color: var(--range-bg);
      border-radius: var(--radius-selector);
      width: 100%;
      height: calc(var(--range-thumb-size) * .5);
    }

    .range::-moz-range-thumb {
      box-sizing: border-box;
      border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max)));
      height: var(--range-thumb-size);
      width: var(--range-thumb-size);
      border: var(--range-p) solid;
      color: var(--range-progress);
      box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
      background-color: currentColor;
      position: relative;
      top: 50%;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .range::-moz-range-thumb {
        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100cqw) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100cqw * var(--range-fill));
      }
    }

    .range:disabled {
      cursor: not-allowed;
      opacity: .3;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .swap {
      cursor: pointer;
      vertical-align: middle;
      webkit-user-select: none;
      -webkit-user-select: none;
      user-select: none;
      place-content: center;
      display: inline-grid;
      position: relative;
    }

    .swap input {
      appearance: none;
      border: none;
    }

    .swap > * {
      grid-row-start: 1;
      grid-column-start: 1;
    }

    @media (prefers-reduced-motion: no-preference) {
      .swap > * {
        transition-property: transform, rotate, opacity;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(0, 0, .2, 1);
      }
    }

    .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
      opacity: 0;
    }

    .swap input:is(:checked, :indeterminate) ~ .swap-off {
      opacity: 0;
    }

    .swap input:checked ~ .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
      opacity: 1;
      backface-visibility: visible;
    }
  }

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

  @layer daisyui.l1.l2.l3 {
    .drawer {
      grid-auto-columns: max-content auto;
      width: 100%;
      display: grid;
      position: relative;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .card {
      border-radius: var(--radius-box);
      outline-offset: 2px;
      outline: 0 solid #0000;
      flex-direction: column;
      transition: outline .2s ease-in-out;
      display: flex;
      position: relative;
    }

    .card:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

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

    .card:focus-visible {
      outline-color: currentColor;
    }

    .card :where(figure:first-child) {
      border-start-start-radius: inherit;
      border-start-end-radius: inherit;
      border-end-end-radius: unset;
      border-end-start-radius: unset;
      overflow: hidden;
    }

    .card :where(figure:last-child) {
      border-start-start-radius: unset;
      border-start-end-radius: unset;
      border-end-end-radius: inherit;
      border-end-start-radius: inherit;
      overflow: hidden;
    }

    .card figure {
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .card:has( > input:is(input[type="checkbox"], input[type="radio"])) {
      cursor: pointer;
      -webkit-user-select: none;
      user-select: none;
    }

    .card:has( > :checked) {
      outline: 2px solid;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .stats {
      border-radius: var(--radius-box);
      grid-auto-flow: column;
      display: inline-grid;
      position: relative;
      overflow-x: auto;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .progress {
      appearance: none;
      border-radius: var(--radius-box);
      background-color: currentColor;
      width: 100%;
      height: .5rem;
      position: relative;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .progress {
        background-color: color-mix(in oklab, currentcolor 20%, transparent);
      }
    }

    .progress {
      color: var(--color-base-content);
    }

    .progress:indeterminate {
      background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
      background-position-x: 15%;
      background-size: 200%;
    }

    @media (prefers-reduced-motion: no-preference) {
      .progress:indeterminate {
        animation: 5s ease-in-out infinite progress;
      }
    }

    @supports ((-moz-appearance: none)) {
      .progress:indeterminate::-moz-progress-bar {
        background-color: #0000;
      }

      @media (prefers-reduced-motion: no-preference) {
        .progress:indeterminate::-moz-progress-bar {
          background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%);
          background-position-x: 15%;
          background-size: 200%;
          animation: 5s ease-in-out infinite progress;
        }
      }
    }

    @supports ((-moz-appearance: none)) {
      .progress::-moz-progress-bar {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }

    @supports ((-webkit-appearance: none)) {
      .progress::-webkit-progress-bar {
        border-radius: var(--radius-box);
        background-color: #0000;
      }

      .progress::-webkit-progress-value {
        border-radius: var(--radius-box);
        background-color: currentColor;
      }
    }
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .-inset-x-8 {
    inset-inline: calc(var(--spacing) * -8);
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .inset-x-8 {
    inset-inline: calc(var(--spacing) * 8);
  }

  .inset-y-0 {
    inset-block: 0;
  }

  .inset-y-\[10px\] {
    inset-block: 10px;
  }

  .top-0 {
    top: 0;
  }

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

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

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

  .top-\[-2\.5\%\] {
    top: -2.5%;
  }

  .top-\[-5\%\] {
    top: -5%;
  }

  .top-\[-6\%\] {
    top: -6%;
  }

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

  .top-\[14\%\] {
    top: 14%;
  }

  .top-\[15\%\] {
    top: 15%;
  }

  .top-\[18\.5\%\] {
    top: 18.5%;
  }

  .top-\[20\%\] {
    top: 20%;
  }

  .top-\[24\%\] {
    top: 24%;
  }

  .top-\[36\%\] {
    top: 36%;
  }

  .top-\[45\.6\%\] {
    top: 45.6%;
  }

  .top-\[55\%\] {
    top: 55%;
  }

  .top-\[62\%\] {
    top: 62%;
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: 0;
  }

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

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

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

  .right-\[5\%\] {
    right: 5%;
  }

  .right-\[20px\] {
    right: 20px;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }

  .bottom-18 {
    bottom: calc(var(--spacing) * 18);
  }

  .bottom-\[5\%\] {
    bottom: 5%;
  }

  .bottom-\[30\%\] {
    bottom: 30%;
  }

  .bottom-full {
    bottom: 100%;
  }

  .left-0 {
    left: 0;
  }

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

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-6 {
    left: calc(var(--spacing) * 6);
  }

  .left-\[20px\] {
    left: 20px;
  }

  .left-\[27\%\] {
    left: 27%;
  }

  .left-\[30\%\] {
    left: 30%;
  }

  .left-\[31\%\] {
    left: 31%;
  }

  .left-\[35\%\] {
    left: 35%;
  }

  .left-\[36\%\] {
    left: 36%;
  }

  .left-\[36\.2\%\] {
    left: 36.2%;
  }

  .left-\[42\.5\%\] {
    left: 42.5%;
  }

  .left-\[47\.8\%\] {
    left: 47.8%;
  }

  .left-\[var\(--pd-container\)\] {
    left: var(--pd-container);
  }

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  @layer daisyui.l1.l2.l3 {
    .stack {
      grid-template-rows: 3px 4px 1fr 4px 3px;
      grid-template-columns: 3px 4px 1fr 4px 3px;
      display: inline-grid;
    }

    .stack > * {
      width: 100%;
      height: 100%;
    }

    .stack > *:nth-child(n+2) {
      opacity: .7;
      width: 100%;
    }

    .stack > *:nth-child(2) {
      z-index: 2;
      opacity: .9;
    }

    .stack > *:first-child {
      z-index: 3;
      width: 100%;
    }
  }

  @layer daisyui.l1.l2 {
    :is(.stack, .stack.stack-bottom) > * {
      grid-area: 3 / 3 / 6 / 4;
    }

    :is(.stack, .stack.stack-bottom) > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    :is(.stack, .stack.stack-bottom) > *:first-child {
      grid-area: 1 / 1 / 4 / 6;
    }

    .stack.stack-top > * {
      grid-area: 1 / 3 / 4 / 4;
    }

    .stack.stack-top > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-top > *:first-child {
      grid-area: 3 / 1 / 6 / 6;
    }

    .stack.stack-start > * {
      grid-area: 3 / 1 / 4 / 4;
    }

    .stack.stack-start > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-start > *:first-child {
      grid-area: 1 / 3 / 6 / 6;
    }

    .stack.stack-end > * {
      grid-area: 3 / 3 / 4 / 6;
    }

    .stack.stack-end > *:nth-child(2) {
      grid-area: 2 / 2 / 5 / 5;
    }

    .stack.stack-end > *:first-child {
      grid-area: 1 / 1 / 6 / 4;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-2 {
    order: 2;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  @layer daisyui.l1.l2.l3 {
    .filter {
      flex-wrap: wrap;
      display: flex;
    }

    .filter input[type="radio"] {
      width: auto;
    }

    .filter input {
      opacity: 1;
      transition: margin .1s, opacity .3s, padding .3s, border-width .1s;
      overflow: hidden;
      scale: 1;
    }

    .filter input:not(:last-child) {
      margin-inline-end: .25rem;
    }

    .filter input.filter-reset {
      aspect-ratio: 1;
    }

    .filter input.filter-reset:after {
      --tw-content: "×";
      content: var(--tw-content);
    }

    .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset, .filter:not(:has(input:checked:not(.filter-reset))) input[type="reset"] {
      opacity: 0;
      border-width: 0;
      width: 0;
      margin-inline: 0;
      padding-inline: 0;
      scale: 0;
    }

    .filter:has(input:checked:not(.filter-reset)) input:not(:checked, .filter-reset, input[type="reset"]) {
      opacity: 0;
      border-width: 0;
      width: 0;
      margin-inline: 0;
      padding-inline: 0;
      scale: 0;
    }
  }

  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }

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

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  @layer daisyui.l1.l2.l3 {
    .label {
      white-space: nowrap;
      color: currentColor;
      align-items: center;
      gap: .375rem;
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label {
        color: color-mix(in oklab, currentcolor 60%, transparent);
      }
    }

    .label:has(input) {
      cursor: pointer;
    }

    .label:is(.input > *, .select > *) {
      white-space: nowrap;
      height: calc(100% - .5rem);
      font-size: inherit;
      align-items: center;
      padding-inline: .75rem;
      display: flex;
    }

    .label:is(.input > *, .select > *):first-child {
      border-inline-end: var(--border) solid currentColor;
      margin-inline: -.75rem .75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label:is(.input > *, .select > *):first-child {
        border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }

    .label:is(.input > *, .select > *):last-child {
      border-inline-start: var(--border) solid currentColor;
      margin-inline: .75rem -.75rem;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .label:is(.input > *, .select > *):last-child {
        border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
      }
    }
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: #364153;
    --tw-prose-headings: #101828;
    --tw-prose-lead: #4a5565;
    --tw-prose-links: #101828;
    --tw-prose-bold: #101828;
    --tw-prose-counters: #6a7282;
    --tw-prose-bullets: #d1d5dc;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #101828;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6a7282;
    --tw-prose-kbd: #101828;
    --tw-prose-kbd-shadows: #1018281a;
    --tw-prose-code: #101828;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1e2939;
    --tw-prose-th-borders: #d1d5dc;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5dc;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #99a1af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #99a1af;
    --tw-prose-invert-bullets: #4a5565;
    --tw-prose-invert-hr: #364153;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #364153;
    --tw-prose-invert-captions: #99a1af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5dc;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4a5565;
    --tw-prose-invert-td-borders: #364153;
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-prose-body: lab(27.1134% -.956401 -12.3224);
      --tw-prose-headings: lab(8.11897% .811279 -12.254);
      --tw-prose-lead: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-links: lab(8.11897% .811279 -12.254);
      --tw-prose-bold: lab(8.11897% .811279 -12.254);
      --tw-prose-counters: lab(47.7841% -.393182 -10.0268);
      --tw-prose-bullets: lab(85.1236% -.612259 -3.7138);
      --tw-prose-hr: lab(91.6229% -.159115 -2.26791);
      --tw-prose-quotes: lab(8.11897% .811279 -12.254);
      --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-captions: lab(47.7841% -.393182 -10.0268);
      --tw-prose-kbd: lab(8.11897% .811279 -12.254);
      --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254 / .1);
      --tw-prose-code: lab(8.11897% .811279 -12.254);
      --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791);
      --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533);
      --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138);
      --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575);
      --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224);
    }
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .prose-sm {
    font-size: .875rem;
    line-height: 1.71429;
  }

  .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }

  .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .888889em;
    margin-bottom: .888889em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }

  .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-inline-start: 1.11111em;
  }

  .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: .8em;
    font-size: 2.14286em;
    line-height: 1.2;
  }

  .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: .8em;
    font-size: 1.42857em;
    line-height: 1.4;
  }

  .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.55556em;
    margin-bottom: .444444em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }

  .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.42857em;
    margin-bottom: .571429em;
    line-height: 1.42857;
  }

  .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .142857em;
    padding-inline-end: .357143em;
    padding-bottom: .142857em;
    border-radius: .3125rem;
    padding-inline-start: .357143em;
    font-size: .857143em;
  }

  .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em;
  }

  .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .9em;
  }

  .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .888889em;
  }

  .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em;
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    border-radius: .25rem;
    margin-top: 1.66667em;
    margin-bottom: 1.66667em;
    padding-inline-start: 1em;
    font-size: .857143em;
    line-height: 1.66667;
  }

  .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
    padding-inline-start: 1.57143em;
  }

  .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em;
    margin-bottom: .285714em;
  }

  .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .428571em;
  }

  .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em;
  }

  .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em;
  }

  .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em;
    padding-inline-start: 1.57143em;
  }

  .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2.85714em;
    margin-bottom: 2.85714em;
  }

  .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em;
    line-height: 1.5;
  }

  .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    padding-inline-start: 1em;
  }

  .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em;
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    padding-inline-start: 1em;
  }

  .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .666667em;
    font-size: .857143em;
    line-height: 1.33333;
  }

  .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .\!mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }

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

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

  .mt-1 {
    margin-top: var(--spacing);
  }

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

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

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

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

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

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

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

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

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

  .-mb-\[3\.9\%\] {
    margin-bottom: -3.9%;
  }

  .-mb-\[4\%\] {
    margin-bottom: -4%;
  }

  .-mb-\[4\.2\%\] {
    margin-bottom: -4.2%;
  }

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

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

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

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

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

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

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

  .ml-1 {
    margin-left: var(--spacing);
  }

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

  @layer daisyui.l1.l2.l3 {
    .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)) {
      .status {
        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
      }
    }

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

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

    .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)) {
      .status {
        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
      }
    }
  }

  @layer daisyui.l1.l2.l3 {
    .footer {
      grid-auto-flow: row;
      place-items: start;
      gap: 2.5rem 1rem;
      width: 100%;
      font-size: .875rem;
      line-height: 1.25rem;
      display: grid;
    }

    .footer > * {
      place-items: start;
      gap: .5rem;
      display: grid;
    }

    .footer.footer-center {
      text-align: center;
      grid-auto-flow: column dense;
      place-items: center;
    }

    .footer.footer-center > * {
      place-items: center;
    }
  }

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

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

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

  :root .prose {
    --tw-prose-body: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-body: color-mix(in oklab, var(--color-base-content) 80%, #0000);
    }
  }

  :root .prose {
    --tw-prose-headings: var(--color-base-content);
    --tw-prose-lead: var(--color-base-content);
    --tw-prose-links: var(--color-base-content);
    --tw-prose-bold: var(--color-base-content);
    --tw-prose-counters: var(--color-base-content);
    --tw-prose-bullets: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-bullets: color-mix(in oklab, var(--color-base-content) 50%, #0000);
    }
  }

  :root .prose {
    --tw-prose-hr: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-hr: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
  }

  :root .prose {
    --tw-prose-quotes: var(--color-base-content);
    --tw-prose-quote-borders: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-quote-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
  }

  :root .prose {
    --tw-prose-captions: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-captions: color-mix(in oklab, var(--color-base-content) 50%, #0000);
    }
  }

  :root .prose {
    --tw-prose-code: var(--color-base-content);
    --tw-prose-pre-code: var(--color-neutral-content);
    --tw-prose-pre-bg: var(--color-neutral);
    --tw-prose-th-borders: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-th-borders: color-mix(in oklab, var(--color-base-content) 50%, #0000);
    }
  }

  :root .prose {
    --tw-prose-td-borders: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-td-borders: color-mix(in oklab, var(--color-base-content) 20%, #0000);
    }
  }

  :root .prose {
    --tw-prose-kbd: var(--color-base-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root .prose {
      --tw-prose-kbd: color-mix(in oklab, var(--color-base-content) 80%, #0000);
    }
  }

  :root .prose :where(code):not(pre > code) {
    background-color: var(--color-base-200);
    border-radius: var(--radius-selector);
    border: var(--border) solid var(--color-base-300);
    font-weight: inherit;
    padding-block: .2em;
    padding-inline: .5em;
  }

  :root .prose :where(code):not(pre > code):before, :root .prose :where(code):not(pre > code):after {
    display: none;
  }

  @layer daisyui.l1.l2.l3 {
    .mask {
      vertical-align: middle;
      display: inline-block;
      -webkit-mask-position: center;
      mask-position: center;
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
    }
  }

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

  .aspect-\[2\/1\] {
    aspect-ratio: 2;
  }

  .aspect-\[2\/3\] {
    aspect-ratio: 2 / 3;
  }

  .aspect-\[3\/2\] {
    aspect-ratio: 3 / 2;
  }

  .aspect-\[3\/4\] {
    aspect-ratio: 3 / 4;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-\[4\/5\] {
    aspect-ratio: 4 / 5;
  }

  .aspect-\[5\/8\] {
    aspect-ratio: 5 / 8;
  }

  .aspect-\[12\/17\] {
    aspect-ratio: 12 / 17;
  }

  .aspect-\[16\/9\] {
    aspect-ratio: 16 / 9;
  }

  .aspect-\[16\/10\] {
    aspect-ratio: 16 / 10;
  }

  .aspect-\[29\/35\] {
    aspect-ratio: 29 / 35;
  }

  .aspect-\[45\/27\] {
    aspect-ratio: 45 / 27;
  }

  .aspect-\[56\/43\] {
    aspect-ratio: 56 / 43;
  }

  .aspect-\[207\/380\] {
    aspect-ratio: 207 / 380;
  }

  .aspect-\[276\/184\] {
    aspect-ratio: 276 / 184;
  }

  .aspect-\[276\/357\] {
    aspect-ratio: 276 / 357;
  }

  .aspect-\[517\/360\] {
    aspect-ratio: 517 / 360;
  }

  .aspect-\[618\/573\] {
    aspect-ratio: 618 / 573;
  }

  .aspect-\[648\/443\] {
    aspect-ratio: 648 / 443;
  }

  .aspect-\[924\/1604\] {
    aspect-ratio: 924 / 1604;
  }

  .aspect-\[1491\/1225\] {
    aspect-ratio: 1491 / 1225;
  }

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

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

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

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

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

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

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

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

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

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

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

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

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

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

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-18 {
    height: calc(var(--spacing) * 18);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-22 {
    height: calc(var(--spacing) * 22);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-30 {
    height: calc(var(--spacing) * 30);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

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

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

  .h-\[20\%\] {
    height: 20%;
  }

  .h-\[50\%\] {
    height: 50%;
  }

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

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

  .h-\[85\%\] {
    height: 85%;
  }

  .h-\[90\%\] {
    height: 90%;
  }

  .h-\[90vw\] {
    height: 90vw;
  }

  .h-\[100svh\] {
    height: 100svh;
  }

  .h-\[105\%\] {
    height: 105%;
  }

  .h-\[120\%\] {
    height: 120%;
  }

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

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

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

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

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

  .min-h-0 {
    min-height: 0;
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-\[3\.5em\] {
    min-height: 3.5em;
  }

  .min-h-\[100svh\] {
    min-height: 100svh;
  }

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

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

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-\[52vw\] {
    width: 52vw !important;
  }

  .\!w-\[140\%\] {
    width: 140% !important;
  }

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

  .w-0 {
    width: 0;
  }

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

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

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

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

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

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

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

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

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-34 {
    width: calc(var(--spacing) * 34);
  }

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

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

  .w-\[3\%\] {
    width: 3%;
  }

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

  .w-\[8\%\] {
    width: 8%;
  }

  .w-\[10\%\] {
    width: 10%;
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[13\%\] {
    width: 13%;
  }

  .w-\[14\%\] {
    width: 14%;
  }

  .w-\[15\%\] {
    width: 15%;
  }

  .w-\[18vw\] {
    width: 18vw;
  }

  .w-\[21vw\] {
    width: 21vw;
  }

  .w-\[22vw\] {
    width: 22vw;
  }

  .w-\[25\%\] {
    width: 25%;
  }

  .w-\[25vw\] {
    width: 25vw;
  }

  .w-\[28\%\] {
    width: 28%;
  }

  .w-\[30\%\] {
    width: 30%;
  }

  .w-\[30vw\] {
    width: 30vw;
  }

  .w-\[32\%\] {
    width: 32%;
  }

  .w-\[34\%\] {
    width: 34%;
  }

  .w-\[35\%\] {
    width: 35%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[45\.3\%\] {
    width: 45.3%;
  }

  .w-\[45px\] {
    width: 45px;
  }

  .w-\[55\%\] {
    width: 55%;
  }

  .w-\[60\%\] {
    width: 60%;
  }

  .w-\[60vw\] {
    width: 60vw;
  }

  .w-\[64\%\] {
    width: 64%;
  }

  .w-\[70\%\] {
    width: 70%;
  }

  .w-\[72\%\] {
    width: 72%;
  }

  .w-\[75vw\] {
    width: 75vw;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-\[82\%\] {
    width: 82%;
  }

  .w-\[84px\] {
    width: 84px;
  }

  .w-\[85\%\] {
    width: 85%;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[calc\(\(100\%-2\.25rem\)\/4\)\] {
    width: calc(25% - .5625rem);
  }

  .w-auto {
    width: auto;
  }

  .w-full {
    width: 100%;
  }

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

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

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

  .max-w-\[46ch\] {
    max-width: 46ch;
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[622px\] {
    max-width: 622px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

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

  .max-w-\[var\(--container-width\)\] {
    max-width: var(--container-width);
  }

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

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

  .min-w-0 {
    min-width: 0;
  }

  .min-w-\[210px\] {
    min-width: 210px;
  }

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

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

  .flex-1 {
    flex: 1;
  }

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

  .basis-\[calc\(50\%-0\.5rem\)\] {
    flex-basis: calc(50% - .5rem);
  }

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

  .origin-left {
    transform-origin: 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * -3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-82 {
    --tw-scale-x: 82%;
    --tw-scale-y: 82%;
    --tw-scale-z: 82%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-100 {
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-scale-y-100 {
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-y-0 {
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[0\.8\] {
    scale: .8;
  }

  .scale-\[0\.82\] {
    scale: .82;
  }

  .scale-\[0\.84\] {
    scale: .84;
  }

  .scale-\[0\.92\] {
    scale: .92;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .\[transform\:rotateY\(180deg\)\] {
    transform: rotateY(180deg);
  }

  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  @layer daisyui.l1.l2.l3 {
    .link {
      cursor: pointer;
      text-decoration-line: underline;
    }

    .link:focus {
      --tw-outline-style: none;
      outline-style: none;
    }

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

    .link:focus-visible {
      outline-offset: 2px;
      outline: 2px solid;
    }
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .snap-start {
    scroll-snap-align: start;
  }

  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }

  .scroll-pl-\[var\(--pd-container\)\] {
    scroll-padding-left: var(--pd-container);
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-cols-\[var\(--col-width\)\] {
    grid-auto-columns: var(--col-width);
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

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

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

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

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

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

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

  .grid-cols-\[1\.2fr_1fr\] {
    grid-template-columns: 1.2fr 1fr;
  }

  .grid-cols-\[1\.4fr_1fr\] {
    grid-template-columns: 1.4fr 1fr;
  }

  .grid-cols-\[1fr_1\.4fr\] {
    grid-template-columns: 1fr 1.4fr;
  }

  .grid-cols-\[1fr_2\.2fr_2fr\] {
    grid-template-columns: 1fr 2.2fr 2fr;
  }

  .grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  .grid-cols-\[repeat\(2\,auto\)\] {
    grid-template-columns: repeat(2, auto);
  }

  .grid-cols-\[repeat\(3\,auto\)\] {
    grid-template-columns: repeat(3, auto);
  }

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

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

  .gap-1 {
    gap: var(--spacing);
  }

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

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

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

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

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

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

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

  .gap-14 {
    gap: calc(var(--spacing) * 14);
  }

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

  .gap-\[10\%\] {
    gap: 10%;
  }

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

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

  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

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

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

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

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

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-none {
    border-radius: 0;
  }

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

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

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

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

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

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

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

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

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-\[\#0000001A\] {
    border-color: #0000001a;
  }

  .border-\[\#20304929\] {
    border-color: #20304929;
  }

  .border-\[\#FFFFFF29\] {
    border-color: #ffffff29;
  }

  .border-\[\#FFFFFF33\] {
    border-color: #fff3;
  }

  .border-accent {
    border-color: var(--color-accent);
  }

  .border-accent\/60 {
    border-color: var(--color-accent);
  }

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

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

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

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

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

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

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

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

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

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/20 {
    border-color: #fff3;
  }

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

  .\!bg-\[\#C39B81\] {
    background-color: #c39b81 !important;
  }

  .bg-\[\#1E0C1A\]\/30 {
    background-color: #1e0c1a4d;
    background-color: lab(5.55569% 10.5972 -5.32921 / .3);
  }

  .bg-\[\#00000080\] {
    background-color: #00000080;
  }

  .bg-\[\#C39B81\] {
    background-color: #c39b81;
  }

  .bg-\[\#F5F5DC\] {
    background-color: beige;
  }

  .bg-\[\#FBF6E9\] {
    background-color: #fbf6e9;
  }

  .bg-\[\#FFFFFF33\] {
    background-color: #fff3;
  }

  .bg-\[color-mix\(in_srgb\,var\(--color-accent\)_30\%\,var\(--color-secondary\)\)\] {
    background-color: var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-accent\)_30\%\,var\(--color-secondary\)\)\] {
      background-color: color-mix(in srgb,var(--color-accent) 30%,var(--color-secondary));
    }
  }

  .bg-\[rgba\(24\,16\,22\,0\.8\)\] {
    background-color: #181016cc;
  }

  .bg-accent {
    background-color: var(--color-accent);
  }

  .bg-accent\/40 {
    background-color: var(--color-accent);
  }

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

  .bg-black\/0 {
    background-color: #0000;
  }

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

  .bg-black\/10 {
    background-color: #0000001a;
  }

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

  .bg-black\/20 {
    background-color: #0003;
  }

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

  .bg-black\/40 {
    background-color: #0006;
  }

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

  .bg-black\/50 {
    background-color: #00000080;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .bg-secondary {
    background-color: var(--color-secondary);
  }

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

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

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

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

  .bg-white\/15 {
    background-color: #ffffff26;
  }

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

  .bg-white\/20 {
    background-color: #fff3;
  }

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

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-\[180deg\] {
    --tw-gradient-position: 180deg;
    background-image: linear-gradient(var(--tw-gradient-stops, 180deg));
  }

  .bg-\[linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.6\)_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
    background-image: linear-gradient(0deg, #0009 0%, #0000 100%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(56\,22\,49\,0\.8\)_10\.05\%\,rgba\(56\,22\,49\,0\.85\)_21\.39\%\,rgba\(56\,22\,49\,0\.66\)_39\.78\%\,rgba\(56\,22\,49\,0\.41\)_50\.87\%\,rgba\(56\,22\,49\,0\)_62\.46\%\)\] {
    background-image: linear-gradient(#381631cc 10.05%, #381631d9 21.39%, #381631a8 39.78%, #38163169 50.87%, #38163100 62.46%);
  }

  .bg-\[linear-gradient\(180deg\,rgba\(64\,39\,29\,0\.5\)_4\.01\%\,rgba\(64\,39\,29\,0\.135885\)_66\.13\%\,rgba\(64\,39\,29\,0\)_100\%\)\] {
    background-image: linear-gradient(#40271d80 4.01%, #40271d23 66.13%, #40271d00 100%);
  }

  .bg-\[linear-gradient\(270deg\,rgba\(0\,0\,0\,0\.54\)_38\.45\%\,rgba\(102\,102\,102\,0\)_85\.84\%\)\] {
    background-image: linear-gradient(270deg, #0000008a 38.45%, #6660 85.84%);
  }

  .from-\[rgba\(64\,39\,29\,0\.65\)\] {
    --tw-gradient-from: #40271da6;
    --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));
  }

  .from-black\/55 {
    --tw-gradient-from: #0000008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/55 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent);
    }
  }

  .from-black\/55 {
    --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));
  }

  .from-black\/60 {
    --tw-gradient-from: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .from-black\/60 {
    --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));
  }

  .from-black\/70 {
    --tw-gradient-from: #000000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/70 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }

  .from-black\/70 {
    --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));
  }

  .from-black\/80 {
    --tw-gradient-from: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .from-black\/80 {
    --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));
  }

  .from-\[4\.01\%\] {
    --tw-gradient-from-position: 4.01%;
  }

  .via-\[rgba\(64\,39\,29\,0\.22\)\] {
    --tw-gradient-via: #40271d38;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-black\/10 {
    --tw-gradient-via: #0000001a;
  }

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

  .via-black\/10 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-black\/20 {
    --tw-gradient-via: #0003;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }

  .via-black\/20 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-black\/40 {
    --tw-gradient-via: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/40 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .via-black\/40 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-\[66\.13\%\] {
    --tw-gradient-via-position: 66.13%;
  }

  .to-\[rgba\(64\,39\,29\,0\)\] {
    --tw-gradient-to: #40271d00;
    --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));
  }

  .to-black\/0 {
    --tw-gradient-to: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 0%, transparent);
    }
  }

  .to-black\/0 {
    --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));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --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));
  }

  .to-\[100\%\] {
    --tw-gradient-to-position: 100%;
  }

  .bg-\[length\:10px_12px\] {
    background-size: 10px 12px;
  }

  .bg-\[length\:12px_10px\] {
    background-size: 12px 10px;
  }

  .bg-repeat-round {
    background-repeat: round;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-\[center_100\%\] {
    object-position: center 100%;
  }

  .object-bottom {
    object-position: bottom;
  }

  .object-center {
    object-position: center;
  }

  .object-left {
    object-position: left;
  }

  .object-right {
    object-position: right;
  }

  .object-top {
    object-position: top;
  }

  .p-0 {
    padding: 0;
  }

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

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

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

  .px-0 {
    padding-inline: 0;
  }

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

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

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

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

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

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

  .px-\[6\%\] {
    padding-inline: 6%;
  }

  .px-\[var\(--pd-container\)\] {
    padding-inline: var(--pd-container);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

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

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

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

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }

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

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .py-30 {
    padding-block: calc(var(--spacing) * 30);
  }

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

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

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }

  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }

  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-\[var\(--pd-container\)\] {
    padding-right: var(--pd-container);
  }

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

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

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

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

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-30 {
    padding-bottom: calc(var(--spacing) * 30);
  }

  .pl-0 {
    padding-left: 0;
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

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

  .pl-\[var\(--pd-container\)\] {
    padding-left: var(--pd-container);
  }

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

  .text-justify {
    text-align: justify;
  }

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

  .text-right {
    text-align: right;
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }

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

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

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

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

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

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

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

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[21px\] {
    font-size: 21px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[32px\] {
    font-size: 32px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[44px\] {
    font-size: 44px;
  }

  .text-\[48px\] {
    font-size: 48px;
  }

  .text-\[clamp\(56px\,7\.5vw\,120px\)\] {
    font-size: clamp(56px, 7.5vw, 120px);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95;
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

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

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

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

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

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

  .\!tracking-wide {
    --tw-tracking: var(--tracking-wide) !important;
    letter-spacing: var(--tracking-wide) !important;
  }

  .tracking-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[0\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.15em\] {
    --tw-tracking: .15em;
    letter-spacing: .15em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .break-words {
    overflow-wrap: break-word;
  }

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

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

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

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

  .text-\[\#2B2129\] {
    color: #2b2129;
  }

  .text-\[\#2B212999\] {
    color: #2b212999;
  }

  .text-\[\#381631B2\] {
    color: #381631b2;
  }

  .text-accent {
    color: var(--color-accent);
  }

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

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

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/50 {
      color: color-mix(in oklab, var(--color-primary) 50%, transparent);
    }
  }

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

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/60 {
      color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    }
  }

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

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

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

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/80 {
      color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }

  .text-secondary {
    color: var(--color-secondary);
  }

  .text-secondary\/50 {
    color: var(--color-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/50 {
      color: color-mix(in oklab, var(--color-secondary) 50%, transparent);
    }
  }

  .text-secondary\/70 {
    color: var(--color-secondary);
  }

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

  .text-secondary\/75 {
    color: var(--color-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/75 {
      color: color-mix(in oklab, var(--color-secondary) 75%, transparent);
    }
  }

  .text-secondary\/80 {
    color: var(--color-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/80 {
      color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
    }
  }

  .text-secondary\/85 {
    color: var(--color-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/85 {
      color: color-mix(in oklab, var(--color-secondary) 85%, transparent);
    }
  }

  .text-secondary\/90 {
    color: var(--color-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/90 {
      color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
    }
  }

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

  .text-white\/40 {
    color: #fff6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .text-white\/60 {
    color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/60 {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .text-white\/70 {
    color: #ffffffb3;
  }

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

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/90 {
    color: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .not-italic {
    font-style: normal;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

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

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

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_32px_rgba\(56\,22\,49\,0\.12\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, #3816311f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_4px_4px_rgba\(0\,0\,0\,0\.25\)\] {
    --tw-shadow: 0px 4px 4px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --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);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
  }

  .shadow-sm {
    --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);
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[87px\] {
    --tw-blur: blur(87px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-\[159\.801px\] {
    --tw-blur: blur(159.801px);
    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, );
  }

  .brightness-100 {
    --tw-brightness: brightness(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, );
  }

  .brightness-110 {
    --tw-brightness: brightness(110%);
    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, );
  }

  .brightness-150 {
    --tw-brightness: brightness(150%);
    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, );
  }

  .contrast-110 {
    --tw-contrast: contrast(110%);
    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, );
  }

  .contrast-125 {
    --tw-contrast: contrast(125%);
    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, );
  }

  .drop-shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-drop-shadow-size: drop-shadow(0 8px 24px var(--tw-drop-shadow-color, #00000059));
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert-0 {
    --tw-invert: invert(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, );
  }

  .saturate-110 {
    --tw-saturate: saturate(110%);
    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, );
  }

  .saturate-150 {
    --tw-saturate: saturate(150%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .\[filter\:url\(\#header-logo-primary\)\] {
    filter: url("#header-logo-primary");
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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, );
  }

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[max-height\,opacity\] {
    transition-property: max-height, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

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

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[650ms\] {
    --tw-duration: .65s;
    transition-duration: .65s;
  }

  .ease-\[cubic-bezier\(0\.7\,0\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1);
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-\[width\,height\,clip-path\] {
    will-change: width,height,clip-path;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[--col-width\:calc\(\(100\%-4\*1rem\)\/5\)\] {
    --col-width: calc((100% - 4 * 1rem) / 5);
  }

  .\[-ms-overflow-style\:none\] {
    -ms-overflow-style: none;
  }

  .\[backface-visibility\:hidden\] {
    backface-visibility: hidden;
  }

  .\[perspective\:1000px\] {
    perspective: 1000px;
  }

  .\[transform-style\:preserve-3d\] {
    transform-style: preserve-3d;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\:-translate-y-2:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:\[transform\:rotateY\(180deg\)\]:is(:where(.group):hover *) {
      transform: rotateY(180deg);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--color-primary);
    }
  }

  @media (hover: hover) {
    .group-hover\:text-white\/80:is(:where(.group):hover *) {
      color: #fffc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-white\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: .7;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/row\:translate-y-0:is(:where(.group\/row):hover *) {
      --tw-translate-y: 0;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\/row\:scale-y-100:is(:where(.group\/row):hover *) {
      --tw-scale-y: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .group-focus-visible\/row\:translate-y-0:is(:where(.group\/row):focus-visible *) {
    --tw-translate-y: 0;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-focus-visible\/row\:scale-y-100:is(:where(.group\/row):focus-visible *) {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .focus-within\:border-accent:focus-within {
    border-color: var(--color-accent);
  }

  @media (hover: hover) {
    .hover\:z-2:hover {
      z-index: 2;
    }
  }

  @media (hover: hover) {
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:border-accent:hover {
      border-color: var(--color-accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--color-accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent\/15:hover {
      background-color: var(--color-accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/15:hover {
        background-color: color-mix(in oklab, var(--color-accent) 15%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-black\/10:hover {
      background-color: #0000001a;
    }

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

  @media (hover: hover) {
    .hover\:bg-primary\/10:hover {
      background-color: var(--color-primary);
    }

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

  @media (hover: hover) {
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }

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

  @media (hover: hover) {
    .hover\:\!text-primary:hover {
      color: var(--color-primary) !important;
    }
  }

  @media (hover: hover) {
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
  }

  @media (hover: hover) {
    .hover\:text-secondary\/80:hover {
      color: var(--color-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-secondary\/80:hover {
        color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:\!opacity-90:hover {
      opacity: .9 !important;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:border-accent:active {
    border-color: var(--color-accent);
  }

  .active\:bg-accent:active {
    background-color: var(--color-accent);
  }

  .active\:bg-accent\/15:active {
    background-color: var(--color-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-accent\/15:active {
      background-color: color-mix(in oklab, var(--color-accent) 15%, transparent);
    }
  }

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

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) {
      .motion-safe\:group-hover\/row\:-translate-y-full:is(:where(.group\/row):hover *) {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:group-focus-visible\/row\:-translate-y-full:is(:where(.group\/row):focus-visible *) {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    @media (hover: hover) {
      .motion-reduce\:group-hover\:\[transform\:none\]:is(:where(.group):hover *) {
        transform: none;
      }
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:mx-auto {
      margin-inline: auto;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:hidden {
      display: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:aspect-\[4\/5\] {
      aspect-ratio: 4 / 5;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:flex-col-reverse {
      flex-direction: column-reverse;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:items-center {
      align-items: center;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pt-0 {
      padding-top: 0;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pt-16 {
      padding-top: calc(var(--spacing) * 16);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-center {
      text-align: center;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-left {
      text-align: left;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-\[21px\] {
      font-size: 21px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-\[30px\] {
      font-size: 30px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:text-\[40px\] {
      font-size: 40px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:leading-\[1\.1\] {
      --tw-leading: 1.1;
      line-height: 1.1;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:leading-\[1\.2\] {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:leading-\[1\.6\] {
      --tw-leading: 1.6;
      line-height: 1.6;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:leading-snug {
      --tw-leading: var(--leading-snug);
      line-height: var(--leading-snug);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[71vw\] {
      height: 71vw;
    }
  }

  @media (min-width: 40rem) {
    .sm\:\!w-\[40vw\] {
      width: 40vw !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[78\%\] {
      width: 78%;
    }
  }

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

  @media (min-width: 40rem) {
    .sm\:px-\[10\%\] {
      padding-inline: 10%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-0 {
      top: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-\[-4\%\] {
      top: -4%;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-\[10\%\] {
      top: 10%;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-\[15\%\] {
      top: 15%;
    }
  }

  @media (min-width: 48rem) {
    .md\:top-\[26\%\] {
      top: 26%;
    }
  }

  @media (min-width: 48rem) {
    .md\:right-6 {
      right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:right-\[20\%\] {
      right: 20%;
    }
  }

  @media (min-width: 48rem) {
    .md\:right-\[var\(--pd-container\)\] {
      right: var(--pd-container);
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-0 {
      bottom: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-6 {
      bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:bottom-20 {
      bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:left-1\/2 {
      left: 50%;
    }
  }

  @media (min-width: 48rem) {
    .md\:left-8 {
      left: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:left-10 {
      left: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:left-\[20\%\] {
      left: 20%;
    }
  }

  @media (min-width: 48rem) {
    .md\:left-\[var\(--pd-container\)\] {
      left: var(--pd-container);
    }
  }

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

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

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

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-start-2 {
      grid-column-start: 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:-mt-1 {
      margin-top: calc(var(--spacing) * -1);
    }
  }

  @media (min-width: 48rem) {
    .md\:-mt-20 {
      margin-top: calc(var(--spacing) * -20);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-0 {
      margin-top: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 48rem) {
    .md\:mr-0 {
      margin-right: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:mr-\[17\%\] {
      margin-right: 17%;
    }
  }

  @media (min-width: 48rem) {
    .md\:mr-\[20\%\] {
      margin-right: 20%;
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:mb-\[0\.9em\] {
      margin-bottom: .9em;
    }
  }

  @media (min-width: 48rem) {
    .md\:ml-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid {
      display: grid;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[1\.43\/1\] {
      aspect-ratio: 1.43;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[1\/1\.07\] {
      aspect-ratio: 1 / 1.07;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[3\/4\] {
      aspect-ratio: 3 / 4;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[4\/3\] {
      aspect-ratio: 4 / 3;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[30\/37\] {
      aspect-ratio: 30 / 37;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[37\/21\] {
      aspect-ratio: 37 / 21;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[517\/36\] {
      aspect-ratio: 517 / 36;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[517\/360\] {
      aspect-ratio: 517 / 360;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[713\/618\] {
      aspect-ratio: 713 / 618;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[713\/718\] {
      aspect-ratio: 713 / 718;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[741\/420\] {
      aspect-ratio: 741 / 420;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[765\/822\] {
      aspect-ratio: 765 / 822;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-\[767\/673\] {
      aspect-ratio: 767 / 673;
    }
  }

  @media (min-width: 48rem) {
    .md\:aspect-auto {
      aspect-ratio: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-3\/5 {
      height: 60%;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-4 {
      height: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-10 {
      height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-20 {
      height: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-30 {
      height: calc(var(--spacing) * 30);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-32 {
      height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[45px\] {
      height: 45px;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[55vw\] {
      height: 55vw;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[80\%\] {
      height: 80%;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[85vh\] {
      height: 85vh;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[100svh\] {
      height: 100svh;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-\[125px\] {
      height: 125px;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-auto {
      height: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-full {
      height: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-\[100svh\] {
      max-height: 100svh;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-h-none {
      max-height: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-h-\[600px\] {
      min-height: 600px;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-h-\[640px\] {
      min-height: 640px;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-h-screen {
      min-height: 100vh;
    }
  }

  @media (min-width: 48rem) {
    .md\:\!w-\[32vw\] {
      width: 32vw !important;
    }
  }

  @media (min-width: 48rem) {
    .md\:\!w-\[80\%\] {
      width: 80% !important;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-4 {
      width: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-11 {
      width: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[20\%\] {
      width: 20%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[22\%\] {
      width: 22%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[25\%\] {
      width: 25%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[30\%\] {
      width: 30%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[40\%\] {
      width: 40%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[60\%\] {
      width: 60%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[65\%\] {
      width: 65%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[68\%\] {
      width: 68%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[70\%\] {
      width: 70%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[80\%\] {
      width: 80%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[82\%\] {
      width: 82%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[104px\] {
      width: 104px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[120\%\] {
      width: 120%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[145\%\] {
      width: 145%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[380px\] {
      width: 380px;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[calc\(\(100\%-1\.5rem\)\/2\)\] {
      width: calc(50% - .75rem);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[clamp\(222px\,15\.4vw\,300px\)\] {
      width: clamp(222px, 15.4vw, 300px);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-1\/2 {
      max-width: 50%;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[17ch\] {
      max-width: 17ch;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[40ch\] {
      max-width: 40ch;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[380px\] {
      max-width: 380px;
    }
  }

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

  @media (min-width: 48rem) {
    .md\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:basis-\[calc\(33\.333\%-2\.5rem\)\] {
      flex-basis: calc(33.333% - 2.5rem);
    }
  }

  @media (min-width: 48rem) {
    .md\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 48rem) {
    .md\:cursor-grab {
      cursor: grab;
    }
  }

  @media (min-width: 48rem) {
    .md\:snap-none {
      scroll-snap-type: none;
    }
  }

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

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1\.2fr_2fr\] {
      grid-template-columns: 1.2fr 2fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1\.5fr_4fr\] {
      grid-template-columns: 1.5fr 4fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_1\.05fr\] {
      grid-template-columns: 1fr 1.05fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[1fr_3\.5fr\] {
      grid-template-columns: 1fr 3.5fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[2\.8fr_1fr\] {
      grid-template-columns: 2.8fr 1fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[2fr_1\.2fr\] {
      grid-template-columns: 2fr 1.2fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[5fr_6fr\] {
      grid-template-columns: 5fr 6fr;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-stretch {
      align-items: stretch;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-0 {
      gap: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-\[3\.25rem\] {
      gap: 3.25rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-\[15\%\] {
      gap: 15%;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-\[clamp\(24px\,3vw\,56px\)\] {
      gap: clamp(24px, 3vw, 56px);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-\[clamp\(32px\,4vw\,80px\)\] {
      gap: clamp(32px, 4vw, 80px);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:self-stretch {
      align-self: stretch;
    }
  }

  @media (min-width: 48rem) {
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .md\:border-accent {
      border-color: var(--color-accent);
    }
  }

  @media (min-width: 48rem) {
    .md\:from-black\/60 {
      --tw-gradient-from: #0009;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:from-black\/60 {
        --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }

    .md\:from-black\/60 {
      --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));
    }
  }

  @media (min-width: 48rem) {
    .md\:via-black\/25 {
      --tw-gradient-via: #00000040;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:via-black\/25 {
        --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent);
      }
    }

    .md\:via-black\/25 {
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-0 {
      padding: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-0 {
      padding-inline: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[10\%\] {
      padding-inline: 10%;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[15\%\] {
      padding-inline: 15%;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[20\%\] {
      padding-inline: 20%;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[25\%\] {
      padding-inline: 25%;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[30\%\] {
      padding-inline: 30%;
    }
  }

  @media (min-width: 48rem) {
    .md\:px-\[clamp\(40px\,5vw\,96px\)\] {
      padding-inline: clamp(40px, 5vw, 96px);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-30 {
      padding-block: calc(var(--spacing) * 30);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-0 {
      padding-top: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-28 {
      padding-top: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-30 {
      padding-top: calc(var(--spacing) * 30);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 48rem) {
    .md\:pt-\[136px\]\! {
      padding-top: 136px !important;
    }
  }

  @media (min-width: 48rem) {
    .md\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:pr-\[4\%\] {
      padding-right: 4%;
    }
  }

  @media (min-width: 48rem) {
    .md\:pr-\[clamp\(40px\,6vw\,112px\)\] {
      padding-right: clamp(40px, 6vw, 112px);
    }
  }

  @media (min-width: 48rem) {
    .md\:pr-\[var\(--pd-container\)\] {
      padding-right: var(--pd-container);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-0 {
      padding-bottom: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 48rem) {
    .md\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }

  @media (min-width: 48rem) {
    .md\:pl-0 {
      padding-left: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:pl-\[clamp\(40px\,5vw\,96px\)\] {
      padding-left: clamp(40px, 5vw, 96px);
    }
  }

  @media (min-width: 48rem) {
    .md\:pl-\[clamp\(40px\,6vw\,112px\)\] {
      padding-left: clamp(40px, 6vw, 112px);
    }
  }

  @media (min-width: 48rem) {
    .md\:pl-\[var\(--pd-container\)\] {
      padding-left: var(--pd-container);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[10px\] {
      font-size: 10px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[15px\] {
      font-size: 15px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[32px\] {
      font-size: 32px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[40px\] {
      font-size: 40px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[44px\] {
      font-size: 44px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[46px\] {
      font-size: 46px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[48px\] {
      font-size: 48px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[52px\] {
      font-size: 52px;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-\[56px\] {
      font-size: 56px;
    }
  }

  @media (min-width: 48rem) {
    .md\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-white {
      color: var(--color-white);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-white\/80 {
      color: #fffc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:text-white\/80 {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }

  @media (min-width: 48rem) {
    .md\:drop-shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.6\)\] {
      --tw-drop-shadow-size: drop-shadow(0 1px 4px var(--tw-drop-shadow-color, #0009));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  @media (min-width: 48rem) {
    .md\:active\:cursor-grabbing:active {
      cursor: grabbing;
    }
  }

  @media (min-width: 64rem) {
    .lg\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inset-0 {
      inset: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inset-x-0 {
      inset-inline: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-0 {
      top: 0;
    }
  }

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

  @media (min-width: 64rem) {
    .lg\:bottom-\[calc\(50\%\+var\(--h\)\/2\+1\.5rem\)\] {
      bottom: calc(50% + var(--h) / 2 + 1.5rem);
    }
  }

  @media (min-width: 64rem) {
    .lg\:prose-base {
      font-size: 1rem;
      line-height: 1.75;
    }

    .lg\:prose-base :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }

    .lg\:prose-base :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.2em;
      margin-bottom: 1.2em;
      font-size: 1.25em;
      line-height: 1.6;
    }

    .lg\:prose-base :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }

    .lg\:prose-base :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: .888889em;
      font-size: 2.25em;
      line-height: 1.11111;
    }

    .lg\:prose-base :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 1em;
      font-size: 1.5em;
      line-height: 1.33333;
    }

    .lg\:prose-base :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.6em;
      margin-bottom: .6em;
      font-size: 1.25em;
      line-height: 1.6;
    }

    .lg\:prose-base :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.5em;
      margin-bottom: .5em;
      line-height: 1.5;
    }

    .lg\:prose-base :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .lg\:prose-base :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }

    .lg\:prose-base :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .lg\:prose-base :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: .1875em;
      padding-inline-end: .375em;
      padding-bottom: .1875em;
      border-radius: .3125rem;
      padding-inline-start: .375em;
      font-size: .875em;
    }

    .lg\:prose-base :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .875em;
    }

    .lg\:prose-base :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .9em;
    }

    .lg\:prose-base :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: .857143em;
      padding-inline-end: 1.14286em;
      padding-bottom: .857143em;
      border-radius: .375rem;
      margin-top: 1.71429em;
      margin-bottom: 1.71429em;
      padding-inline-start: 1.14286em;
      font-size: .875em;
      line-height: 1.71429;
    }

    .lg\:prose-base :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }

    .lg\:prose-base :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .5em;
      margin-bottom: .5em;
    }

    .lg\:prose-base :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: .375em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .75em;
      margin-bottom: .75em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }

    .lg\:prose-base :where(.lg\:prose-base > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }

    .lg\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .75em;
      margin-bottom: .75em;
    }

    .lg\:prose-base :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }

    .lg\:prose-base :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }

    .lg\:prose-base :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .5em;
      padding-inline-start: 1.625em;
    }

    .lg\:prose-base :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 3em;
      margin-bottom: 3em;
    }

    .lg\:prose-base :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .lg\:prose-base :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }

    .lg\:prose-base :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .875em;
      line-height: 1.71429;
    }

    .lg\:prose-base :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: .571429em;
      padding-bottom: .571429em;
      padding-inline-start: .571429em;
    }

    .lg\:prose-base :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }

    .lg\:prose-base :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }

    .lg\:prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: .571429em;
      padding-inline-end: .571429em;
      padding-bottom: .571429em;
      padding-inline-start: .571429em;
    }

    .lg\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }

    .lg\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }

    .lg\:prose-base :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .lg\:prose-base :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }

    .lg\:prose-base :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .857143em;
      font-size: .875em;
      line-height: 1.42857;
    }

    .lg\:prose-base :where(.lg\:prose-base > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }

    .lg\:prose-base :where(.lg\:prose-base > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:mt-0 {
      margin-top: 0;
    }
  }

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

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

  @media (min-width: 64rem) {
    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 64rem) {
    .lg\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid {
      display: grid;
    }
  }

  @media (min-width: 64rem) {
    .lg\:aspect-\[3\/4\] {
      aspect-ratio: 3 / 4;
    }
  }

  @media (min-width: 64rem) {
    .lg\:aspect-auto {
      aspect-ratio: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-\[42vw\] {
      height: 42vw;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-\[130px\] {
      height: 130px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-auto {
      height: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:h-screen {
      height: 100vh;
    }
  }

  @media (min-width: 64rem) {
    .lg\:min-h-0 {
      min-height: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\!w-\[24vw\] {
      width: 24vw !important;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-1\/2 {
      width: 50%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-4\/5 {
      width: 80%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[40\%\] {
      width: 40%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[65\%\] {
      width: 65%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[200px\] {
      width: 200px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[260px\] {
      width: 260px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }

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

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:justify-between {
      justify-content: space-between;
    }
  }

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

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

  @media (min-width: 64rem) {
    .lg\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-y-16 {
      row-gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:self-start {
      align-self: flex-start;
    }
  }

  @media (min-width: 64rem) {
    .lg\:rounded-none {
      border-radius: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-0 {
      padding-inline: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:px-\[15\%\] {
      padding-inline: 15%;
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
  }

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

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

  @media (min-width: 64rem) {
    .lg\:pt-\[120px\] {
      padding-top: 120px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 64rem) {
    .lg\:pb-\[120px\] {
      padding-bottom: 120px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[14px\] {
      font-size: 14px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[18px\] {
      font-size: 18px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[20px\] {
      font-size: 20px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[36px\] {
      font-size: 36px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:text-\[44px\] {
      font-size: 44px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--d\:200px\] {
      --d: 200px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--h\:min\(31\.5vw\,56vh\)\] {
      --h: min(31.5vw, 56vh);
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--p\:0\] {
      --p: 0;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--stage\:100vh\] {
      --stage: 100vh;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[--w\:calc\(var\(--h\)\*16\/9\)\] {
      --w: calc(var(--h) * 16 / 9);
    }
  }

  @media (min-width: 64rem) {
    @media (prefers-reduced-motion: no-preference) {
      .lg\:motion-safe\:sticky {
        position: sticky;
      }
    }
  }

  @media (min-width: 64rem) {
    @media (prefers-reduced-motion: no-preference) {
      .lg\:motion-safe\:h-\[240vh\] {
        height: 240vh;
      }
    }
  }

  @media (min-width: 64rem) {
    @media (prefers-reduced-motion: reduce) {
      .lg\:motion-reduce\:h-\[80vh\] {
        height: 80vh;
      }
    }
  }

  @media (min-width: 64rem) {
    @media (prefers-reduced-motion: reduce) {
      .lg\:motion-reduce\:\[--stage\:80vh\] {
        --stage: 80vh;
      }
    }
  }

  @media (min-width: 80rem) {
    .xl\:right-\[22\%\] {
      right: 22%;
    }
  }

  @media (min-width: 80rem) {
    .xl\:left-\[22\%\] {
      left: 22%;
    }
  }

  @media (min-width: 80rem) {
    .xl\:-mt-2 {
      margin-top: calc(var(--spacing) * -2);
    }
  }

  @media (min-width: 80rem) {
    .xl\:h-15 {
      height: calc(var(--spacing) * 15);
    }
  }

  @media (min-width: 80rem) {
    .xl\:h-28 {
      height: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 80rem) {
    .xl\:\!w-\[22vw\] {
      width: 22vw !important;
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-56 {
      width: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-\[120px\] {
      width: 120px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:w-\[300px\] {
      width: 300px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-x-20 {
      column-gap: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 80rem) {
    .xl\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 80rem) {
    .xl\:py-40 {
      padding-block: calc(var(--spacing) * 40);
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[22px\] {
      font-size: 22px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[30px\] {
      font-size: 30px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[32px\] {
      font-size: 32px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[34px\] {
      font-size: 34px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[36px\] {
      font-size: 36px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[40px\] {
      font-size: 40px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[42px\] {
      font-size: 42px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[44px\] {
      font-size: 44px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[46px\] {
      font-size: 46px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[48px\] {
      font-size: 48px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[52px\] {
      font-size: 52px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[56px\] {
      font-size: 56px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[60px\] {
      font-size: 60px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:text-\[68px\] {
      font-size: 68px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:h-32 {
      height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[15px\] {
      font-size: 15px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[24px\] {
      font-size: 24px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[32px\] {
      font-size: 32px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[36px\] {
      font-size: 36px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[40px\] {
      font-size: 40px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[44px\] {
      font-size: 44px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[52px\] {
      font-size: 52px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[54px\] {
      font-size: 54px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[56px\] {
      font-size: 56px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[64px\] {
      font-size: 64px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[72px\] {
      font-size: 72px;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:text-\[80px\] {
      font-size: 80px;
    }
  }

  .prose-headings\:text-primary :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-primary);
  }

  .prose-headings\:italic :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-style: italic;
  }

  .prose-p\:text-\[13px\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 13px;
  }

  .prose-p\:text-primary\/80 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-p\:text-primary\/80 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }

  @media (min-width: 64rem) {
    .lg\:prose-p\:text-\[14px\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 14px;
    }
  }

  .prose-a\:text-primary :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-primary);
  }

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

  .prose-strong\:text-primary :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-primary);
  }

  .prose-li\:text-\[13px\] :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 13px;
  }

  .prose-li\:text-primary\/80 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-li\:text-primary\/80 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }

  @media (min-width: 64rem) {
    .lg\:prose-li\:text-\[14px\] :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 14px;
    }
  }

  .prose-table\:text-\[12px\] :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 12px;
  }

  @media (min-width: 64rem) {
    .lg\:prose-table\:text-\[13px\] :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 13px;
    }
  }

  .prose-th\:bg-primary :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--color-primary);
  }

  .prose-th\:font-medium :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .prose-th\:text-secondary :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-secondary);
  }

  .prose-td\:border-primary\/20 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-td\:border-primary\/20 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }

  .prose-td\:align-top :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose-td\:text-primary\/80 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--color-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-td\:text-primary\/80 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }

  .\[\&_\.ant-checkbox\+span\]\:text-white\/70 .ant-checkbox + span {
    color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.ant-checkbox\+span\]\:text-white\/70 .ant-checkbox + span {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .\[\&_\.ant-form-item-label\>label\]\:\!text-white .ant-form-item-label > label {
    color: var(--color-white) !important;
  }

  .\[\&_b\]\:font-bold b {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_b\]\:font-semibold b {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_b\]\:text-white b {
    color: var(--color-white);
  }

  .\[\&_p\]\:m-0 p {
    margin: 0;
  }

  .\[\&_p\]\:\!pl-0 p {
    padding-left: 0 !important;
  }

  .\[\&_span\]\:\!text-lg span {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }

  .\[\&_span\]\:\!font-normal span {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

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

  .\[\&_span\]\:italic span {
    font-style: italic;
  }

  @media (min-width: 80rem) {
    .xl\:\[\&_span\]\:\!text-\[22px\] span {
      font-size: 22px !important;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:\[\&_span\]\:\!text-2xl span {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\[\&_span\:first-child\]\:text-lg span:first-child {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\[\&_span\:last-child\]\:text-\[30px\] span:last-child {
      font-size: 30px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\[\&_span\:last-child\]\:leading-\[1\.2\] span:last-child {
      --tw-leading: 1.2;
      line-height: 1.2;
    }
  }

  .\[\&_strong\]\:font-bold strong {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_strong\]\:text-secondary strong {
    color: var(--color-secondary);
  }

  .\[\&_strong\]\:text-white strong {
    color: var(--color-white);
  }

  @media (min-width: 48rem) {
    .md\:\[\&_svg\]\:drop-shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.6\)\] svg {
      --tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, #0009));
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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, );
    }
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  @media not (min-width: 48rem) {
    .max-md\:\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\[\&\:not\(\:first-child\)\]\:pt-12:not(:first-child) {
      padding-top: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&\:not\(\:first-child\)\]\:before\:absolute:not(:first-child):before {
      content: var(--tw-content);
      position: absolute;
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&\:not\(\:first-child\)\]\:before\:inset-y-0:not(:first-child):before {
      content: var(--tw-content);
      inset-block: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&\:not\(\:first-child\)\]\:before\:-left-5:not(:first-child):before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -5);
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&\:not\(\:first-child\)\]\:before\:w-px:not(:first-child):before {
      content: var(--tw-content);
      width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .md\:\[\&\:not\(\:first-child\)\]\:before\:bg-primary\/20:not(:first-child):before {
      content: var(--tw-content);
      background-color: var(--color-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .md\:\[\&\:not\(\:first-child\)\]\:before\:bg-primary\/20:not(:first-child):before {
        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\:not\(\:first-child\)\]\:before\:-left-8:not(:first-child):before {
      content: var(--tw-content);
      left: calc(var(--spacing) * -8);
    }
  }
}

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

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}

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

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

  100% {
    transform: rotate(360deg);
  }
}

@font-face {
  font-family: DFVN IvyPresto Display;
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.eot");
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.woff2") format("woff2"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.woff") format("woff"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.ttf") format("truetype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.svg#DFVN-IvyPrestoDisplay-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DFVN IvyPresto Display;
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-Regular.eot");
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Regular.woff2") format("woff2"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Regular.woff") format("woff"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Regular.ttf") format("truetype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Regular.svg#DFVN-IvyPrestoDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DFVN IvyPresto Display;
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-Italic.eot");
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-Italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Italic.woff2") format("woff2"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Italic.woff") format("woff"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Italic.ttf") format("truetype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Italic.svg#DFVN-IvyPrestoDisplay-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: DFVN IvyPresto Display;
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.eot");
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.woff2") format("woff2"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.woff") format("woff"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.ttf") format("truetype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-SemiBold.svg#DFVN-IvyPrestoDisplay-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DFVN IvyPresto Display;
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-Light.eot");
  src: url("/assets/fonts/DFVN-IvyPrestoDisplay-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Light.woff2") format("woff2"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Light.woff") format("woff"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Light.ttf") format("truetype"), url("/assets/fonts/DFVN-IvyPrestoDisplay-Light.svg#DFVN-IvyPrestoDisplay-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DFVN IvyPresto Display;
  src: url("/assets/fonts/DFVNIvyPrestoDisplay-LightItalic.eot");
  src: url("/assets/fonts/DFVNIvyPrestoDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DFVNIvyPrestoDisplay-LightItalic.woff2") format("woff2"), url("/assets/fonts/DFVNIvyPrestoDisplay-LightItalic.woff") format("woff"), url("/assets/fonts/DFVNIvyPrestoDisplay-LightItalic.ttf") format("truetype"), url("/assets/fonts/DFVNIvyPrestoDisplay-LightItalic.svg#DFVNIvyPrestoDisplay-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

:root {
  --container-width: 1320px;
  --pd-container: calc(calc(100vw - var(--container-width)) / 2);
  --font-body: "Mona Sans", sans-serif;
  --font-title: "DFVN IvyPresto Display";
  --font-script: var(--font-pinyon-script), "Pinyon Script", cursive;
}

@media (max-width: 1360px) {
  :root {
    --container-width: 1100px;
  }
}

@media (max-width: 767px) {
  :root {
    --container-width: calc(100vw - 32px);
  }
}

body {
  font-family: var(--font-body);
  line-height: normal;
}

.container-fluid {
  width: var(--container-width);
  margin: 0 auto;
  display: block;
}

.font-title {
  font-family: var(--font-title);
  font-weight: 300;
}

.font-body {
  font-family: var(--font-body);
}

.font-script {
  font-family: var(--font-script);
  font-weight: 400;
}

.homeArt-slider .slick-slide > div {
  height: max-content;
  display: flex;
}

.hideBr br {
  display: none;
}

.homeBanner-slider .slick-list, .homeBanner-slider .slick-track, .homeBanner-slider .slick-slide, .homeBanner-slider .slick-slide > div {
  height: 100%;
}

.serviceLocation-slider .slick-list, .serviceLocation-slider .slick-track, .serviceLocation-slider .slick-slide, .serviceLocation-slider .slick-slide > div {
  height: 100%;
}

.serviceUtilities-slider .slick-list, .serviceUtilities-slider .slick-track, .serviceUtilities-slider .slick-slide, .serviceUtilities-slider .slick-slide > div {
  height: 100%;
}

.utilitiesLiving-slider .slick-dots {
  bottom: -28px;
}

.utilitiesLiving-slider .slick-dots li button:before {
  color: var(--color-primary);
  opacity: .35;
}

.utilitiesLiving-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}

@keyframes home-art-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.homeArt-marquee {
  background-color: #c39b81;
  overflow: hidden;
}

.homeArt-marquee__track {
  width: max-content;
  animation: 35s linear infinite home-art-marquee;
  display: flex;
}

.homeArt-marquee__track:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .homeArt-marquee__track {
    animation: none;
  }
}

.utilitiesMap-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.utilitiesMap-scroll::-webkit-scrollbar {
  display: none;
}

.partnerDistribution-scroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.partnerDistribution-scroll::-webkit-scrollbar {
  display: none;
}

.regencyBuildingDialog-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary) transparent;
}

.regencyBuildingDialog-scroll::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.regencyBuildingDialog-scroll::-webkit-scrollbar-track {
  background: none;
}

.regencyBuildingDialog-scroll::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 9999px;
}

.regencyBuildingDialog-scroll.regencyBuildingDialog-scroll--y {
  padding-right: 1rem;
}

.regencyBuildingDialog-scroll.regencyBuildingDialog-scroll--x {
  padding-bottom: .25rem;
}

@keyframes regencyBuildingMarker-pulse {
  0% {
    opacity: .7;
    transform: translate(-50%, -50%)scale(1);
  }

  70% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(2.4);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%)scale(2.4);
  }
}

.regencyBuildingMarker:before {
  content: "";
  border: 1.5px solid var(--color-primary);
  background: var(--color-primary);
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}

@supports (color: color-mix(in lab, red, red)) {
  .regencyBuildingMarker:before {
    background: color-mix(in srgb, var(--color-primary) 25%, transparent);
  }
}

.regencyBuildingMarker:before {
  pointer-events: none;
  animation: 1.6s ease-out infinite regencyBuildingMarker-pulse;
}

.regencyBuildingMarker:hover:before, .regencyBuildingMarker:focus-visible:before {
  opacity: 0;
  animation-play-state: paused;
}

.salePolicyInfo-menu-scroll {
  scrollbar-width: thin;
  scrollbar-color: #fff transparent;
}

.salePolicyInfo-menu-scroll::-webkit-scrollbar {
  width: 4px;
}

.salePolicyInfo-menu-scroll::-webkit-scrollbar-track {
  background: none;
}

.salePolicyInfo-menu-scroll::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 9999px;
}

.locationMap-list-scroll {
  scrollbar-width: thin;
  scrollbar-color: #fff transparent;
}

.locationMap-list-scroll::-webkit-scrollbar {
  width: 3px;
}

.locationMap-list-scroll::-webkit-scrollbar-track {
  background: none;
}

.locationMap-list-scroll::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 9999px;
}

.locationMap-icon-accent {
  background-color: var(--color-accent);
  display: inline-block;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.locationMap-stage {
  contain: layout style;
}

.locationMap-reveal {
  will-change: auto;
}

.locationMap-pin.is-active {
  z-index: 20;
}

.locationMap-pin-inner {
  transform-origin: center;
  transition: transform .3s ease-out;
  transform: translate(-50%, -50%);
}

.locationMap-pin.is-active .locationMap-pin-inner {
  animation: .55s ease-in-out infinite alternate locationMap-pin-pulse;
}

.locationMap-pin.is-active .locationMap-pin-dot {
  box-shadow: 0 0 0 4px #ffffff73;
}

.locationMap-pin:nth-child(28) .locationMap-pin-label--below {
  margin-top: -8px;
  margin-left: 22px;
}

.locationMap-pin-labels {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.locationMap-pin-label {
  text-align: center;
  white-space: nowrap;
  font-weight: 600;
  transition: top .3s, transform .3s, opacity .3s;
  position: absolute;
  left: 50%;
}

.locationMap-pin-label--below {
  opacity: 1;
  width: max-content;
  max-width: 60px;
  font-size: 3px;
  line-height: 1;
  top: calc(100% + 4px);
  transform: translateX(-50%);
}

.locationMap-pin-label--above {
  background-color: var(--color-primary);
  color: #fff;
  white-space: normal;
  opacity: 0;
  border-radius: 4px;
  width: 80px;
  padding: 4px 6px;
  font-size: 7px;
  line-height: 1.2;
  bottom: calc(100% + 10px);
  transform: translate(-50%, calc(100% + 14px));
}

.locationMap-pin-label--above br {
  display: none;
}

.locationMap-pin-label--white {
  color: #fff;
}

.locationMap-pin-label--primary {
  color: var(--color-primary);
}

.locationMap-pin.is-active .locationMap-pin-label--below {
  opacity: 0;
  top: -10px;
  transform: translate(-50%);
}

.locationMap-pin.is-active .locationMap-pin-label--above {
  opacity: 1;
  transform: translateX(-50%);
}

@keyframes locationMap-pin-pulse {
  from {
    transform: translate(-50%, -50%)scale(1.08);
  }

  to {
    transform: translate(-50%, -50%)scale(1.5);
  }
}

.locationMap-list-item.is-active {
  box-shadow: inset 3px 0 0 0 var(--color-accent);
  background-color: #ffffff26;
}

.locationMap-list-item.is-active .locationMap-icon-accent {
  background-color: #fff;
}

.locationMap-list-item.is-active .locationMap-list-text {
  color: #fff;
  font-weight: 600;
}

.library-photo-masonry {
  column-count: 1;
  column-gap: 12px;
}

.library-photo-masonry__item {
  break-inside: avoid;
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  display: block;
  position: relative;
  overflow: hidden;
}

.library-photo-masonry__item img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  .library-photo-masonry {
    column-count: 3;
    column-gap: 16px;
  }

  .library-photo-masonry__item {
    margin-bottom: 16px;
  }
}

.headerMenu-scroll {
  scrollbar-width: thin;
  scrollbar-color: #fff transparent;
}

.headerMenu-scroll::-webkit-scrollbar {
  width: 3px;
}

.headerMenu-scroll::-webkit-scrollbar-track {
  background: none;
}

.headerMenu-scroll::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 9999px;
}

.utilitiesMap-range {
  appearance: none;
  background: var(--color-accent);
  height: 4px;
}

@supports (color: color-mix(in lab, red, red)) {
  .utilitiesMap-range {
    background: color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
}

.utilitiesMap-range {
  cursor: pointer;
  border-radius: 9999px;
  outline: none;
}

.utilitiesMap-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--color-accent);
  cursor: grab;
  border-radius: 9999px;
  width: 80px;
  height: 4px;
}

.utilitiesMap-range::-moz-range-thumb {
  background: var(--color-accent);
  cursor: grab;
  border: none;
  border-radius: 9999px;
  width: 80px;
  height: 4px;
}

.utilitiesMap-range::-moz-range-track {
  background: var(--color-accent);
  height: 4px;
}

@supports (color: color-mix(in lab, red, red)) {
  .utilitiesMap-range::-moz-range-track {
    background: color-mix(in srgb, var(--color-accent) 35%, transparent);
  }
}

.utilitiesMap-range::-moz-range-track {
  border-radius: 9999px;
}

.footer-subscribe-form .ant-form-item {
  margin-bottom: 2rem;
}

.footer-subscribe-form .ant-form-item-explain-error {
  color: #ffffffbf;
  font-size: 12px;
}

.footer-subscribe-form .ant-input, .footer-subscribe-form textarea.ant-input {
  font-size: 14px;
  box-shadow: none !important;
  color: #fff !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #ffffff59 !important;
  border-radius: 0 !important;
  padding: .75rem 0 !important;
}

:is(.footer-subscribe-form .ant-input, .footer-subscribe-form textarea.ant-input)::placeholder {
  color: #ffffff8c;
}

:is(.footer-subscribe-form .ant-input, .footer-subscribe-form textarea.ant-input):focus {
  border-bottom-color: #ffffffb3 !important;
}

.footer-subscribe-form button {
  color: #fff !important;
  height: 48px !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--font-body) !important;
  background: #c39b81 !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 0 24px !important;
}

.footer-subscribe-form button:hover {
  color: #fff !important;
  background: #b0886f !important;
}

@media (max-width: 767px) {
  .footer-subscribe-form .ant-form-item {
    margin-bottom: 1rem;
  }
}

.prose figure.table {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  overflow-x: auto;
}

.prose figure.table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.prose figure.table th {
  color: #fff;
  text-align: left;
  background-color: #381631;
  border: 1px solid #3816314d;
  padding: 8px 12px;
  font-weight: 500;
}

.prose figure.table td {
  color: #381631cc;
  vertical-align: top;
  border: 1px solid #38163133;
  padding: 8px 12px;
}

.prose h2 {
  font-family: var(--font-title);
  color: #381631;
  margin-top: 0;
  font-style: italic;
  font-weight: 400;
}

.prose h3 {
  font-family: var(--font-body);
  color: #381631;
  font-size: 16px;
  font-weight: 700;
}

.news-typography {
  color: #3f3f3f;
}

.news-typography h1, .news-typography h2, .news-typography h3, .news-typography h4, .news-typography h5, .news-typography h6 {
  font-family: var(--font-title);
  color: var(--color-primary);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-style: italic;
  line-height: 1.3;
}

.news-typography h1 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

.news-typography h2 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
}

.news-typography h3 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.news-typography p {
  font-size: clamp(.875rem, 1.5vw, 1rem);
  line-height: 1.8;
}

.news-typography img {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: auto;
  margin: 1.5rem 0;
}

.news-typography strong, .news-typography b {
  color: #1a1a1a;
  font-weight: 600;
}

.news-typography em, .news-typography i {
  font-style: italic;
}

.news-typography ul, .news-typography ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}

.news-typography ul {
  list-style-type: disc;
}

.news-typography ol {
  list-style-type: decimal;
}

.news-typography li {
  margin-bottom: .5rem;
  font-size: clamp(.875rem, 1.5vw, 1rem);
  line-height: 1.8;
}

.news-typography a {
  color: var(--color-primary);
  text-underline-offset: 3px;
  text-decoration: underline;
  transition: opacity .2s;
}

.news-typography a:hover {
  opacity: .75;
}

.news-typography blockquote {
  border-left: 3px solid var(--color-primary);
  color: #666;
  margin: 1.5rem 0;
  padding-left: 1rem;
  font-style: italic;
}

.libraryDocument-slider {
  height: 100%;
}

.libraryDocument-slider .swiper-wrapper {
  align-items: center;
  height: 100%;
}

.libraryDocument-slider .swiper-slide {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.libraryDocument-slider .libraryDocument-slide__inner {
  width: 100%;
  max-height: 100%;
  display: block;
}

.pagination .page-item {
  aspect-ratio: 1;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 40px;
  display: flex;
}

.pagination .page-item.active {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  font-weight: 500;
}

.pagination .page-item.disabled {
  cursor: not-allowed;
}

.pagination.collection .page-item.active {
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
}

.pagination.lumiere .page-item.active {
  color: var(--color-primary);
  border: 1px solid #2f3728;
}

html.is-loading body {
  overflow: hidden;
}

.site-loading__logo {
  opacity: .5;
  animation: 1.4s cubic-bezier(.22, 1, .36, 1) forwards site-loading-logo-in;
  transform: scale(.18);
}

.site-loading__spinner {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

@media (min-width: 768px) {
  .site-loading__spinner {
    bottom: 2.5rem;
    right: 2.5rem;
  }
}

.site-loading__spinner-track, .site-loading__spinner-arc {
  border: 2px solid #0000;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.site-loading__spinner-track {
  border-color: #ffffff38;
}

.site-loading__spinner-arc {
  border-top-color: #fff;
  animation: .95s linear infinite site-loading-spin;
}

@keyframes site-loading-logo-in {
  from {
    opacity: .5;
    transform: scale(.18);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes site-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

.has-youtube .fancybox__content, .has-youtube .f-html, .has-vimeo .fancybox__content, .has-vimeo .f-html, .has-html5video .fancybox__content, .has-html5video .f-html {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
}

.has-youtube .f-html iframe, .has-vimeo .f-html iframe {
  width: 100%;
  height: 100%;
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)) {
  transition: opacity .25s, transform .2s;
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):active {
  transform: scale(.97);
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible {
  outline-offset: 4px;
  outline: 2px solid;
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)) .arrow-path {
  transition: fill .3s;
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)) .arrow-icon {
  transition: transform .3s, color .3s;
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-path, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-path {
  fill: var(--color-secondary);
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-icon, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-icon {
  color: var(--color-primary);
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-icon.fa-arrow-right-long, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-icon.fa-arrow-right-long {
  transform: translateX(4px);
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-icon.fa-arrow-left-long, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-icon.fa-arrow-left-long {
  transform: translateX(-4px);
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-icon.fa-arrow-down-long, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-icon.fa-arrow-down-long {
  transform: translateY(4px);
}

:is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-icon.fa-arrow-up-long, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-icon.fa-arrow-up-long {
  transform: translateY(-4px);
}

:where(a[href], button, [role="button"]):focus-visible {
  outline-offset: 3px;
  outline: 2px solid;
}

:where(button, [role="button"]):not(:disabled, :has(.arrow-btn)) {
  transition: opacity .25s, scale .2s;
}

:where(button, [role="button"]):not(:disabled, :has(.arrow-btn)):hover:not(.slick-arrow) {
  opacity: .88;
}

:where(button, [role="button"]):not(:disabled, :has(.arrow-btn)):active {
  scale: .97;
}

@media (prefers-reduced-motion: reduce) {
  :where(button, [role="button"]):not(:disabled, :has(.arrow-btn)) {
    transition: none;
  }

  :where(button, [role="button"]):not(:disabled, :has(.arrow-btn)):active {
    scale: none;
  }

  :is(button:has(.arrow-btn), a:has(.arrow-btn)) {
    transition: none;
  }

  :is(button:has(.arrow-btn), a:has(.arrow-btn)):active {
    transform: none;
  }

  :is(button:has(.arrow-btn), a:has(.arrow-btn)) .arrow-path, :is(button:has(.arrow-btn), a:has(.arrow-btn)) .arrow-icon {
    transition: none;
  }

  :is(button:has(.arrow-btn), a:has(.arrow-btn)):hover .arrow-icon, :is(button:has(.arrow-btn), a:has(.arrow-btn)):focus-visible .arrow-icon {
    transform: none;
  }
}

@media (min-width: 1024px) {
  .brandFilm-track {
    margin-top: calc(var(--d) - (var(--stage) - var(--h)) / 2);
  }

  .brandFilm-caption {
    top: calc((var(--stage) - var(--h)) / 2 - var(--d) + 1.5rem);
    opacity: max(0, calc(1 - var(--p) * 3));
  }

  .brandFilm-frame {
    clip-path: inset(calc((100% - var(--h)) / 2 * (1 - var(--p))) calc((100% - var(--w)) / 2 * (1 - var(--p))) round calc(12px * (1 - var(--p))));
  }
}

@keyframes rating {
  0%, 40% {
    filter: brightness(1.05) contrast(1.05);
    scale: 1.1;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
}

@keyframes rotator {
  89.9999%, 100% {
    --first-item-position: 0 0%;
  }

  90%, 99.9999% {
    --first-item-position: 0 calc(var(--items) * 100%);
  }

  100% {
    translate: 0 -100%;
  }
}

@keyframes progress {
  50% {
    background-position-x: -115%;
  }
}

@keyframes radio {
  0% {
    padding: 5px;
  }

  50% {
    padding: 3px;
  }
}

@keyframes dropdown {
  0% {
    opacity: 0;
  }
}

@keyframes toast {
  0% {
    opacity: 0;
    scale: .9;
  }

  100% {
    opacity: 1;
    scale: 1;
  }
}

@keyframes skeleton {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@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-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  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-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-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-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

/* [project]/node_modules/@starfruit/studio/dist/styles.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :where(.sf-studio), :where(.sf-studio) *, :where(.sf-studio) :before, :where(.sf-studio) :after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}

.sf-studio {
  --sf-bg: #fff;
  --sf-fg: #09090b;
  --sf-muted: #f4f4f5;
  --sf-muted-fg: #71717a;
  --sf-subtle: #fafafa;
  --sf-border: #e4e4e7;
  --sf-input: #d4d4d8;
  --sf-ring: #a1a1aa;
  --sf-primary: #18181b;
  --sf-primary-fg: #fafafa;
  --sf-primary-hover: #27272a;
  --sf-secondary: #f4f4f5;
  --sf-secondary-fg: #18181b;
  --sf-secondary-hover: #e4e4e7;
  --sf-accent: #f4f4f5;
  --sf-accent-fg: #18181b;
  --sf-active: #2563eb;
  --sf-active-fg: #fff;
  --sf-active-soft: #eff6ff;
  --sf-active-soft-fg: #1d4ed8;
  --sf-destructive: #dc2626;
  --sf-destructive-fg: #fff;
  --sf-destructive-soft: #fef2f2;
  --sf-success: #16a34a;
  --sf-success-soft: #f0fdf4;
  --sf-success-fg: #15803d;
  --sf-warning: #d97706;
  --sf-warning-soft: #fffbeb;
  --sf-warning-fg: #b45309;
  --sf-overlay: #09090b73;
  --sf-radius: 8px;
  --sf-round-sm: 6px;
  --sf-round-full: 999px;
  --sf-h-xs: 22px;
  --sf-h-sm: 28px;
  --sf-h-md: 32px;
  --sf-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sf-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sf-fs-xs: 11px;
  --sf-fs-sm: 12px;
  --sf-fs-md: 13px;
  --sf-elev-1: 0 1px 2px #0000000f;
  --sf-elev-2: 0 4px 12px #0000001a, 0 1px 3px #0000000f;
  --sf-elev-3: 0 12px 40px #00000029, 0 2px 8px #0000000f;
  --sf-focus: 0 0 0 2px var(--sf-bg), 0 0 0 4px var(--sf-ring);
  font-family: var(--sf-font);
  font-size: var(--sf-fs-sm);
  color: var(--sf-fg);
  -webkit-font-smoothing: antialiased;
  line-height: 1.45;
}

.sf-studio .sf-dark, .sf-studio.sf-dark {
  --sf-bg: #18181b;
  --sf-fg: #fafafa;
  --sf-muted: #27272a;
  --sf-muted-fg: #a1a1aa;
  --sf-subtle: #1f1f23;
  --sf-border: #3f3f46;
  --sf-input: #52525b;
  --sf-ring: #71717a;
  --sf-primary: #fafafa;
  --sf-primary-fg: #18181b;
  --sf-primary-hover: #e4e4e7;
  --sf-secondary: #27272a;
  --sf-secondary-fg: #fafafa;
  --sf-secondary-hover: #3f3f46;
  --sf-accent: #27272a;
  --sf-accent-fg: #fafafa;
  --sf-active-soft: #1e3a8a;
  --sf-active-soft-fg: #dbeafe;
  color: var(--sf-fg);
}

:where(.sf-studio) .sf-muted {
  color: var(--sf-muted-fg);
}

:where(.sf-studio) .sf-mono {
  font-family: var(--sf-mono);
  font-size: var(--sf-fs-xs);
}

:where(.sf-studio) .sf-xs {
  font-size: var(--sf-fs-xs);
}

:where(.sf-studio) .sf-ok {
  color: var(--sf-success-fg);
}

:where(.sf-studio) .sf-bad {
  color: var(--sf-destructive);
}

:where(.sf-studio) .sf-warn {
  color: var(--sf-warning-fg);
}

:where(.sf-studio) .sf-sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

:where(.sf-studio) .sf-row {
  align-items: center;
  gap: 6px;
  display: flex;
}

:where(.sf-studio) .sf-row.sf-wrap {
  flex-wrap: wrap;
}

:where(.sf-studio) .sf-between {
  justify-content: space-between;
}

:where(.sf-studio) .sf-stack {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

:where(.sf-studio) .sf-grow {
  flex: 1;
  min-width: 0;
}

:where(.sf-studio) .sf-btn {
  height: var(--sf-h-md);
  border-radius: var(--sf-round-sm);
  font: 500 var(--sf-fs-sm)/1 var(--sf-font);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: var(--sf-primary);
  color: var(--sf-primary-fg);
  border: 1px solid #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  text-decoration: none;
  transition: background-color .12s, color .12s, border-color .12s, box-shadow .12s;
  display: inline-flex;
}

:where(.sf-studio) .sf-btn:hover {
  background: var(--sf-primary-hover);
}

:where(.sf-studio) .sf-btn:focus-visible, :where(.sf-studio) .sf-toggle:focus-visible, :where(.sf-studio) .sf-switch:focus-visible, :where(.sf-studio) .sf-tabs-trigger:focus-visible, :where(.sf-studio) .sf-swatch:focus-visible, :where(.sf-studio) .sf-menu-item:focus-visible, :where(.sf-studio) .sf-chip:focus-visible {
  box-shadow: var(--sf-focus);
  outline: none;
}

:where(.sf-studio) .sf-btn:disabled, :where(.sf-studio) .sf-btn[aria-disabled="true"] {
  opacity: .45;
  cursor: default;
  pointer-events: none;
}

:where(.sf-studio) .sf-btn svg {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

:where(.sf-studio) .sf-btn--secondary {
  background: var(--sf-secondary);
  color: var(--sf-secondary-fg);
}

:where(.sf-studio) .sf-btn--secondary:hover {
  background: var(--sf-secondary-hover);
}

:where(.sf-studio) .sf-btn--outline {
  background: var(--sf-bg);
  color: var(--sf-fg);
  border-color: var(--sf-border);
  box-shadow: var(--sf-elev-1);
}

:where(.sf-studio) .sf-btn--outline:hover {
  background: var(--sf-accent);
}

:where(.sf-studio) .sf-btn--ghost {
  color: var(--sf-fg);
  background: none;
}

:where(.sf-studio) .sf-btn--ghost:hover {
  background: var(--sf-accent);
}

:where(.sf-studio) .sf-btn--destructive {
  background: var(--sf-destructive);
  color: var(--sf-destructive-fg);
}

:where(.sf-studio) .sf-btn--destructive:hover {
  background: #b91c1c;
}

:where(.sf-studio) .sf-btn--active {
  background: var(--sf-active);
  color: var(--sf-active-fg);
}

:where(.sf-studio) .sf-btn--active:hover {
  background: #1d4ed8;
}

:where(.sf-studio) .sf-btn--warning {
  color: #18181b;
  background: #fbbf24;
}

:where(.sf-studio) .sf-btn--warning:hover {
  background: #f59e0b;
}

:where(.sf-studio) .sf-btn--link {
  color: var(--sf-muted-fg);
  background: none;
  padding: 0 4px;
}

:where(.sf-studio) .sf-btn--link:hover {
  color: var(--sf-fg);
  text-decoration: underline;
}

:where(.sf-studio) .sf-btn--sm {
  height: var(--sf-h-sm);
  font-size: var(--sf-fs-sm);
  padding: 0 10px;
}

:where(.sf-studio) .sf-btn--xs {
  height: var(--sf-h-xs);
  font-size: var(--sf-fs-xs);
  gap: 4px;
  padding: 0 7px;
}

:where(.sf-studio) .sf-btn--xs svg {
  width: 12px;
  height: 12px;
}

:where(.sf-studio) .sf-btn--icon {
  width: var(--sf-h-md);
  padding: 0;
}

:where(.sf-studio) .sf-btn--icon-sm {
  width: var(--sf-h-sm);
  height: var(--sf-h-sm);
  padding: 0;
}

:where(.sf-studio) .sf-btn--icon-xs {
  width: var(--sf-h-xs);
  height: var(--sf-h-xs);
  padding: 0;
}

:where(.sf-studio) .sf-btn--icon-xs svg {
  width: 12px;
  height: 12px;
}

:where(.sf-studio) .sf-btn--pill {
  border-radius: var(--sf-round-full);
}

:where(.sf-studio) .sf-btn--block {
  width: 100%;
}

:where(.sf-studio) .sf-toggle {
  height: var(--sf-h-md);
  min-width: var(--sf-h-md);
  border-radius: var(--sf-round-sm);
  font: 500 var(--sf-fs-sm)/1 var(--sf-font);
  white-space: nowrap;
  cursor: pointer;
  color: var(--sf-fg);
  background: none;
  border: 1px solid #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  transition: background-color .12s, color .12s;
  display: inline-flex;
  position: relative;
}

:where(.sf-studio) .sf-toggle:hover {
  background: var(--sf-accent);
}

:where(.sf-studio) .sf-toggle[aria-pressed="true"], :where(.sf-studio) .sf-toggle[aria-checked="true"], :where(.sf-studio) .sf-toggle[data-state="on"] {
  background: var(--sf-active);
  color: var(--sf-active-fg);
}

:where(.sf-studio) .sf-toggle--outline {
  border-color: var(--sf-border);
  background: var(--sf-bg);
}

:where(.sf-studio) .sf-toggle--soft[aria-pressed="true"], :where(.sf-studio) .sf-toggle--soft[aria-checked="true"] {
  background: var(--sf-active-soft);
  color: var(--sf-active-soft-fg);
}

:where(.sf-studio) .sf-toggle--sm {
  height: var(--sf-h-sm);
  min-width: var(--sf-h-sm);
  padding: 0 8px;
}

:where(.sf-studio) .sf-toggle--icon {
  width: var(--sf-h-md);
  padding: 0;
}

:where(.sf-studio) .sf-toggle--icon-sm {
  width: var(--sf-h-sm);
  height: var(--sf-h-sm);
  min-width: 0;
  padding: 0;
}

:where(.sf-studio) .sf-toggle:disabled {
  opacity: .45;
  cursor: default;
}

:where(.sf-studio) .sf-toggle svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}

:where(.sf-studio) .sf-toggle--sm svg, :where(.sf-studio) .sf-toggle--icon-sm svg {
  width: 14px;
  height: 14px;
}

:where(.sf-studio) .sf-toggle > .sf-kbd-mini {
  font: 8px/1 var(--sf-mono);
  opacity: .55;
  position: absolute;
  bottom: 1px;
  right: 2px;
}

:where(.sf-studio) .sf-toggle-group {
  border-radius: var(--sf-radius);
  background: var(--sf-muted);
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: inline-flex;
}

:where(.sf-studio) .sf-toggle-group .sf-toggle {
  height: calc(var(--sf-h-md) - 4px);
}

:where(.sf-studio) .sf-toggle-group .sf-toggle--sm, :where(.sf-studio) .sf-toggle-group .sf-toggle--icon-sm {
  height: calc(var(--sf-h-sm) - 4px);
}

:where(.sf-studio) .sf-toggle-group .sf-toggle[aria-checked="true"], :where(.sf-studio) .sf-toggle-group .sf-toggle[aria-pressed="true"] {
  background: var(--sf-bg);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-1);
}

:where(.sf-studio) .sf-checkbox {
  width: 14px;
  height: 14px;
  accent-color: var(--sf-active);
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}

:where(.sf-studio) .sf-checkbox:focus-visible {
  box-shadow: var(--sf-focus);
  border-radius: 3px;
  outline: none;
}

:where(.sf-studio) .sf-switch-label {
  cursor: pointer;
  font-size: var(--sf-fs-sm);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

:where(.sf-studio) .sf-switch {
  border-radius: var(--sf-round-full);
  background: var(--sf-input);
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 30px;
  height: 18px;
  padding: 0;
  transition: background-color .15s;
  position: relative;
}

:where(.sf-studio) .sf-switch:after {
  content: "";
  width: 14px;
  height: 14px;
  box-shadow: var(--sf-elev-1);
  background: #fff;
  border-radius: 50%;
  transition: transform .15s;
  position: absolute;
  top: 2px;
  left: 2px;
}

:where(.sf-studio) .sf-switch[aria-checked="true"] {
  background: var(--sf-active);
}

:where(.sf-studio) .sf-switch[aria-checked="true"]:after {
  transform: translate(12px);
}

:where(.sf-studio) .sf-input, :where(.sf-studio) .sf-select, :where(.sf-studio) .sf-textarea {
  width: 100%;
  height: var(--sf-h-md);
  border: 1px solid var(--sf-input);
  border-radius: var(--sf-round-sm);
  background: var(--sf-bg);
  color: var(--sf-fg);
  font: 400 var(--sf-fs-sm)/1.4 var(--sf-font);
  box-shadow: var(--sf-elev-1);
  min-width: 0;
  padding: 0 10px;
  transition: border-color .12s, box-shadow .12s;
}

:where(.sf-studio) .sf-input::placeholder, :where(.sf-studio) .sf-textarea::placeholder {
  color: var(--sf-muted-fg);
  opacity: 1;
}

:where(.sf-studio) .sf-input:focus, :where(.sf-studio) .sf-select:focus, :where(.sf-studio) .sf-textarea:focus {
  border-color: var(--sf-ring);
  outline: none;
  box-shadow: 0 0 0 3px #a1a1aa4d;
}

:where(.sf-studio) .sf-input--sm, :where(.sf-studio) .sf-select--sm {
  height: var(--sf-h-sm);
  padding: 0 8px;
}

:where(.sf-studio) .sf-input--invalid {
  border-color: #fca5a5;
}

:where(.sf-studio) .sf-textarea {
  resize: vertical;
  height: auto;
  min-height: 64px;
  padding: 6px 10px;
}

:where(.sf-studio) .sf-select-wrap {
  width: 100%;
  min-width: 0;
  display: inline-flex;
  position: relative;
}

:where(.sf-studio) .sf-select {
  appearance: none;
  cursor: pointer;
  padding-right: 26px;
}

:where(.sf-studio) .sf-select-wrap > svg {
  pointer-events: none;
  width: 14px;
  height: 14px;
  color: var(--sf-muted-fg);
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

:where(.sf-studio) .sf-num {
  height: var(--sf-h-md);
  border: 1px solid var(--sf-input);
  border-radius: var(--sf-round-sm);
  background: var(--sf-bg);
  box-shadow: var(--sf-elev-1);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

:where(.sf-studio) .sf-num--sm {
  height: var(--sf-h-sm);
}

:where(.sf-studio) .sf-num:focus-within {
  border-color: var(--sf-ring);
  box-shadow: 0 0 0 3px #a1a1aa4d;
}

:where(.sf-studio) .sf-num--invalid {
  border-color: #fca5a5;
}

:where(.sf-studio) .sf-num input {
  width: 100%;
  min-width: 0;
  height: 100%;
  color: var(--sf-fg);
  font: 400 var(--sf-fs-sm)/1 var(--sf-font);
  font-variant-numeric: tabular-nums;
  box-shadow: none;
  background: none;
  border: 0;
  outline: none;
  padding: 0 2px 0 7px;
}

:where(.sf-studio) .sf-num-scrub {
  color: var(--sf-muted-fg);
  font-size: var(--sf-fs-xs);
  cursor: ew-resize;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  background: var(--sf-subtle);
  border-left: 1px solid var(--sf-border);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-width: 20px;
  padding: 0 6px;
  display: inline-flex;
}

:where(.sf-studio) .sf-num-scrub:hover, :where(.sf-studio) .sf-num[data-scrubbing] .sf-num-scrub {
  color: var(--sf-fg);
  background: var(--sf-muted);
}

:where(.sf-studio) .sf-num-scrub--lead {
  border-left: 0;
  border-right: 1px solid var(--sf-border);
  min-width: 18px;
  padding: 0 4px;
}

:where(.sf-studio) .sf-slider {
  appearance: none;
  cursor: pointer;
  background: none;
  width: 100%;
  height: 18px;
  margin: 0;
}

:where(.sf-studio) .sf-slider:focus {
  outline: none;
}

:where(.sf-studio) .sf-slider::-webkit-slider-runnable-track {
  background: linear-gradient(to right, var(--sf-primary) var(--sf-fill, 50%), var(--sf-muted) var(--sf-fill, 50%));
  border-radius: 4px;
  height: 4px;
}

:where(.sf-studio) .sf-slider::-moz-range-track {
  background: var(--sf-muted);
  border-radius: 4px;
  height: 4px;
}

:where(.sf-studio) .sf-slider::-moz-range-progress {
  background: var(--sf-primary);
  border-radius: 4px;
  height: 4px;
}

:where(.sf-studio) .sf-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--sf-bg);
  border: 2px solid var(--sf-primary);
  width: 14px;
  height: 14px;
  box-shadow: var(--sf-elev-1);
  border-radius: 50%;
  margin-top: -5px;
}

:where(.sf-studio) .sf-slider::-moz-range-thumb {
  background: var(--sf-bg);
  border: 2px solid var(--sf-primary);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

:where(.sf-studio) .sf-slider:focus-visible::-webkit-slider-thumb {
  box-shadow: var(--sf-focus);
}

:where(.sf-studio) .sf-tabs-list {
  border-radius: var(--sf-radius);
  background: var(--sf-muted);
  align-items: center;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

:where(.sf-studio) .sf-tabs-list--block {
  display: flex;
}

:where(.sf-studio) .sf-tabs-list--block .sf-tabs-trigger {
  flex: 1;
}

:where(.sf-studio) .sf-tabs-trigger {
  height: calc(var(--sf-h-md) - 6px);
  border-radius: var(--sf-round-sm);
  color: var(--sf-muted-fg);
  font: 500 var(--sf-fs-sm)/1 var(--sf-font);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  display: inline-flex;
}

:where(.sf-studio) .sf-tabs-trigger:hover {
  color: var(--sf-fg);
}

:where(.sf-studio) .sf-tabs-trigger[aria-selected="true"] {
  background: var(--sf-bg);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-1);
}

:where(.sf-studio) .sf-badge {
  border-radius: var(--sf-round-full);
  height: 20px;
  font: 600 var(--sf-fs-xs)/1 var(--sf-font);
  white-space: nowrap;
  background: var(--sf-primary);
  color: var(--sf-primary-fg);
  border: 1px solid #0000;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  display: inline-flex;
}

:where(.sf-studio) .sf-badge svg {
  width: 11px;
  height: 11px;
}

:where(.sf-studio) .sf-badge--secondary {
  background: var(--sf-secondary);
  color: var(--sf-secondary-fg);
}

:where(.sf-studio) .sf-badge--outline {
  color: var(--sf-fg);
  border-color: var(--sf-border);
  background: none;
}

:where(.sf-studio) .sf-badge--info {
  background: var(--sf-active-soft);
  color: var(--sf-active-soft-fg);
}

:where(.sf-studio) .sf-badge--success {
  background: var(--sf-success-soft);
  color: var(--sf-success-fg);
}

:where(.sf-studio) .sf-badge--warning {
  color: #92400e;
  background: #fef3c7;
}

:where(.sf-studio) .sf-badge--destructive {
  background: var(--sf-destructive-soft);
  color: var(--sf-destructive);
}

:where(.sf-studio) .sf-kbd {
  border: 1px solid var(--sf-border);
  background: var(--sf-subtle);
  min-width: 20px;
  height: 20px;
  color: var(--sf-fg);
  font: 500 10.5px/1 var(--sf-mono);
  white-space: nowrap;
  border-bottom-width: 2px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  display: inline-flex;
}

:where(.sf-studio) .sf-chip {
  border-radius: var(--sf-round-full);
  border: 1px solid var(--sf-border);
  background: var(--sf-bg);
  height: 20px;
  color: var(--sf-fg);
  font: 400 10.5px/1 var(--sf-font);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  gap: 3px;
  max-width: 100%;
  padding: 0 7px;
  display: inline-flex;
  overflow: hidden;
}

:where(.sf-studio) .sf-chip:hover {
  border-color: var(--sf-ring);
  background: var(--sf-accent);
}

:where(.sf-studio) .sf-chip[aria-pressed="true"] {
  background: var(--sf-active-soft);
  color: var(--sf-active-soft-fg);
  border-color: #93c5fd;
}

:where(.sf-studio) .sf-chip--mono {
  font-family: var(--sf-mono);
  border-radius: 4px;
}

:where(.sf-studio) .sf-card {
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius);
  background: var(--sf-bg);
  color: var(--sf-fg);
}

:where(.sf-studio) .sf-card--pad {
  padding: 10px;
}

:where(.sf-studio) .sf-card--active {
  border-color: #93c5fd;
  box-shadow: 0 0 0 1px #93c5fd;
}

:where(.sf-studio) .sf-panel {
  border: 1px solid var(--sf-border);
  border-radius: calc(var(--sf-radius) + 4px);
  background: var(--sf-bg);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-3);
  pointer-events: auto;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

:where(.sf-studio) .sf-panel-header {
  border-bottom: 1px solid var(--sf-border);
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

:where(.sf-studio) .sf-panel-title {
  font: 600 var(--sf-fs-md)/1.3 var(--sf-font);
  align-items: center;
  gap: 6px;
  display: flex;
}

:where(.sf-studio) .sf-panel-title svg {
  width: 15px;
  height: 15px;
}

:where(.sf-studio) .sf-panel-body {
  overscroll-behavior: contain;
  flex: 1;
  padding: 10px 12px 12px;
  overflow-y: auto;
}

:where(.sf-studio) .sf-panel-footer {
  border-top: 1px solid var(--sf-border);
  background: var(--sf-subtle);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  display: flex;
}

:where(.sf-studio) .sf-section {
  border-top: 1px solid var(--sf-border);
  margin-top: 12px;
  padding-top: 10px;
}

:where(.sf-studio) .sf-section-title {
  font: 600 10.5px/1.2 var(--sf-font);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--sf-muted-fg);
  margin-bottom: 8px;
}

:where(.sf-studio) .sf-sep {
  background: var(--sf-border);
  flex-shrink: 0;
  width: 100%;
  height: 1px;
}

:where(.sf-studio) .sf-sep--v {
  width: 1px;
  height: 18px;
  margin: 0 2px;
}

:where(.sf-studio) .sf-field {
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 4px 8px;
  margin-bottom: 8px;
  display: grid;
}

:where(.sf-studio) .sf-field > .sf-field-label {
  color: var(--sf-muted-fg);
  font-size: var(--sf-fs-sm);
  align-items: center;
  gap: 5px;
  display: flex;
}

:where(.sf-studio) .sf-field > .sf-field-full {
  grid-column: 2;
}

:where(.sf-studio) .sf-dot {
  background: var(--sf-active);
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  display: inline-block;
}

:where(.sf-studio) .sf-callout {
  border-radius: var(--sf-radius);
  border: 1px solid var(--sf-border);
  font-size: var(--sf-fs-xs);
  padding: 8px 10px;
}

:where(.sf-studio) .sf-callout--success {
  background: var(--sf-success-soft);
  color: #14532d;
  border-color: #bbf7d0;
}

:where(.sf-studio) .sf-callout--destructive {
  background: var(--sf-destructive-soft);
  color: #7f1d1d;
  border-color: #fecaca;
}

:where(.sf-studio) .sf-callout--warning {
  background: var(--sf-warning-soft);
  color: #78350f;
  border-color: #fde68a;
}

:where(.sf-studio) .sf-label {
  font: 500 var(--sf-fs-sm)/1.3 var(--sf-font);
  color: var(--sf-fg);
}

:where(.sf-studio) .sf-swatch {
  cursor: pointer;
  background-image: linear-gradient(45deg, #e4e4e7 25%, #0000 25% 75%, #e4e4e7 75%), linear-gradient(45deg, #e4e4e7 25%, #0000 25% 75%, #e4e4e7 75%);
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px;
  border: 1px solid #00000026;
  border-radius: 5px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

:where(.sf-studio) .sf-swatch > .sf-swatch-fill {
  position: absolute;
  inset: 0;
}

:where(.sf-studio) .sf-swatch--md {
  width: 26px;
  height: var(--sf-h-sm);
  border-radius: var(--sf-round-sm);
}

:where(.sf-studio) .sf-swatch[aria-pressed="true"] {
  box-shadow: 0 0 0 2px var(--sf-bg), 0 0 0 4px var(--sf-active);
}

:where(.sf-studio) .sf-swatch > input[type="color"] {
  opacity: 0;
  cursor: pointer;
  border: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
}

:where(.sf-studio) .sf-layer {
  position: static;
}

:where(.sf-studio) .sf-tooltip {
  z-index: 2147483647;
  pointer-events: none;
  border-radius: var(--sf-round-sm);
  color: #fafafa;
  max-width: 320px;
  font: 500 var(--sf-fs-xs)/1.35 var(--sf-font);
  box-shadow: var(--sf-elev-2);
  background: #18181b;
  padding: 5px 8px;
  animation: .1s ease-out sf-fade;
  position: fixed;
}

:where(.sf-studio) .sf-tooltip .sf-kbd {
  color: #fafafa;
  background: #27272a;
  border-color: #3f3f46;
  min-width: 16px;
  height: 16px;
  margin-left: 6px;
  font-size: 9.5px;
}

:where(.sf-studio) .sf-trigger {
  display: inline-flex;
}

:where(.sf-studio) .sf-popover {
  z-index: 2147483646;
  border: 1px solid var(--sf-border);
  border-radius: var(--sf-radius);
  background: var(--sf-bg);
  min-width: 160px;
  max-width: min(380px, 100vw - 16px);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-3);
  outline: none;
  padding: 10px;
  animation: .12s ease-out sf-pop;
  position: fixed;
}

:where(.sf-studio) .sf-menu {
  min-width: 180px;
  padding: 4px;
}

:where(.sf-studio) .sf-menu-item {
  width: 100%;
  height: var(--sf-h-md);
  border-radius: var(--sf-round-sm);
  color: var(--sf-fg);
  font: 400 var(--sf-fs-sm)/1 var(--sf-font);
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  display: flex;
}

:where(.sf-studio) .sf-menu-item:hover, :where(.sf-studio) .sf-menu-item:focus {
  background: var(--sf-accent);
  outline: none;
}

:where(.sf-studio) .sf-menu-item svg {
  width: 14px;
  height: 14px;
  color: var(--sf-muted-fg);
}

:where(.sf-studio) .sf-menu-item--destructive {
  color: var(--sf-destructive);
}

:where(.sf-studio) .sf-menu-item:disabled {
  opacity: .45;
  pointer-events: none;
}

:where(.sf-studio) .sf-menu-label {
  font: 600 10.5px/1 var(--sf-font);
  color: var(--sf-muted-fg);
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 6px 8px 4px;
}

:where(.sf-studio) .sf-menu .sf-sep {
  margin: 4px 0;
}

:where(.sf-studio) .sf-dialog-overlay {
  z-index: 2147483640;
  background: var(--sf-overlay);
  pointer-events: auto;
  animation: .12s ease-out sf-fade;
  position: fixed;
  inset: 0;
}

:where(.sf-studio) .sf-dialog {
  z-index: 2147483641;
  border: 1px solid var(--sf-border);
  border-radius: calc(var(--sf-radius) + 4px);
  background: var(--sf-bg);
  width: min(440px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-3);
  pointer-events: auto;
  --sf-tx: -50%;
  --sf-ty: -50%;
  outline: none;
  flex-direction: column;
  animation: .14s ease-out sf-pop;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

:where(.sf-studio) .sf-dialog--sheet {
  --sf-tx: 0;
  --sf-ty: 0;
  width: min(380px, 100vw - 24px);
  max-height: none;
  animation: .16s ease-out sf-slide;
  inset: 12px 12px 12px auto;
  transform: none;
}

:where(.sf-studio) .sf-dialog-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 16px 6px;
  display: flex;
}

:where(.sf-studio) .sf-dialog-title {
  font: 600 14px/1.3 var(--sf-font);
  align-items: center;
  gap: 6px;
  display: flex;
}

:where(.sf-studio) .sf-dialog-title svg {
  width: 16px;
  height: 16px;
}

:where(.sf-studio) .sf-dialog-desc {
  color: var(--sf-muted-fg);
  font-size: var(--sf-fs-sm);
  margin-top: 4px;
}

:where(.sf-studio) .sf-dialog-body {
  overscroll-behavior: contain;
  flex: 1;
  padding: 8px 16px 12px;
  overflow-y: auto;
}

:where(.sf-studio) .sf-dialog-footer {
  border-top: 1px solid var(--sf-border);
  background: var(--sf-subtle);
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}

:where(.sf-studio) .sf-toast {
  z-index: 2147483647;
  border-radius: var(--sf-radius);
  color: #fafafa;
  max-width: min(520px, 100vw - 32px);
  font: 500 var(--sf-fs-sm)/1.4 var(--sf-font);
  box-shadow: var(--sf-elev-3);
  pointer-events: none;
  background: #18181b;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  animation: .16s ease-out sf-rise;
  display: flex;
  position: fixed;
  bottom: 72px;
  left: 50%;
  transform: translate(-50%);
}

:where(.sf-studio) .sf-toast--destructive {
  background: var(--sf-destructive);
}

:where(.sf-studio) .sf-toast--success {
  background: #14532d;
}

:where(.sf-studio) .sf-elevated {
  box-shadow: var(--sf-elev-3);
}

:where(.sf-studio) .sf-pop {
  flex-direction: column;
  max-height: min(80dvh, 100dvh - 24px);
  padding: 0;
  display: flex;
  overflow: hidden;
}

:where(.sf-studio) .sf-pop-head {
  border-bottom: 1px solid var(--sf-border);
  flex: none;
  padding: 12px 12px 8px;
}

:where(.sf-studio) .sf-pop-scroll {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  flex: auto;
  min-height: 0;
  padding: 10px 12px;
  overflow-y: auto;
}

:where(.sf-studio) .sf-pop-foot {
  border-top: 1px solid var(--sf-border);
  background: var(--sf-bg);
  flex: none;
  padding: 8px 12px 12px;
}

:where(.sf-studio) .sf-pop-draft {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  padding: 12px;
  overflow-y: auto;
}

:where(.sf-studio) .sf-pop.sf-drawer {
  box-sizing: border-box;
  z-index: 2147482800;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  width: 100%;
  max-width: 100%;
  max-height: min(85dvh, 100dvh - 8px);
  animation: .2s ease-out sf-sheet-in;
  inset: auto 0 0;
  overflow-x: hidden;
}

:where(.sf-studio) .sf-pop.sf-drawer .sf-pop-head {
  padding: 4px 12px 8px;
}

:where(.sf-studio) .sf-pop.sf-drawer .sf-pop-scroll, :where(.sf-studio) .sf-pop.sf-drawer .sf-pop-foot, :where(.sf-studio) .sf-pop.sf-drawer .sf-pop-draft {
  overflow-wrap: anywhere;
  min-width: 0;
  overflow-x: hidden;
}

:where(.sf-studio) .sf-pop.sf-drawer .sf-pop-foot, :where(.sf-studio) .sf-pop.sf-drawer .sf-pop-draft {
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}

:where(.sf-studio) .sf-pop-grab {
  background: #d4d4d8;
  border-radius: 2px;
  flex: none;
  width: 40px;
  height: 4px;
  margin: 8px auto 4px;
}

:where(.sf-studio) .sf-drawer-backdrop {
  z-index: 2147482700;
  touch-action: none;
  background: #0006;
  animation: .2s ease-out sf-fade;
  position: fixed;
  inset: 0;
}

@keyframes sf-sheet-in {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.sf-studio) .sf-pop.sf-drawer, :where(.sf-studio) .sf-drawer-backdrop {
    animation: none;
  }
}

:where(.sf-studio) .sf-toolbar {
  border-radius: calc(var(--sf-radius) + 4px);
  border: 1px solid var(--sf-border);
  background: var(--sf-bg);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-3);
  white-space: nowrap;
  pointer-events: auto;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: flex;
}

:where(.sf-studio) .sf-toolbar--pill {
  border-radius: var(--sf-round-full);
  padding: 4px 6px;
}

:where(.sf-studio) .sf-toolbar-title {
  font: 600 var(--sf-fs-sm)/1 var(--sf-font);
  padding: 0 6px;
}

@keyframes sf-fade {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes sf-pop {
  0% {
    opacity: 0;
    transform: translate(var(--sf-tx, 0), var(--sf-ty, 0)) scale(.97);
  }

  to {
    opacity: 1;
    transform: translate(var(--sf-tx, 0), var(--sf-ty, 0)) scale(1);
  }
}

@keyframes sf-drawer-in {
  0% {
    transform: translate(100%);
  }

  to {
    transform: none;
  }
}

@keyframes sf-slide {
  0% {
    opacity: 0;
    transform: translate(16px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes sf-rise {
  0% {
    opacity: 0;
    transform: translate(-50%, 6px);
  }

  to {
    opacity: 1;
    transform: translate(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.sf-studio) .sf-popover, :where(.sf-studio) .sf-dialog, :where(.sf-studio) .sf-toast, :where(.sf-studio) .sf-tooltip, :where(.sf-studio) .sf-dialog-overlay {
    animation: none;
  }
}

:where(.sf-studio) .sf-shell-sidebar {
  z-index: 2147482000;
  background: var(--sf-bg);
  color: var(--sf-fg);
  pointer-events: auto;
  overscroll-behavior: contain;
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
}

:where(.sf-studio) .sf-shell-right {
  border-left: 1px solid var(--sf-border);
  right: 0;
  box-shadow: -1px 0 #00000005;
}

:where(.sf-studio) .sf-shell-drawer {
  border-left: 1px solid var(--sf-border);
  max-width: 100vw;
  box-shadow: -12px 0 40px #00000038;
}

:where(.sf-studio) .sf-shell-head {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 10px 10px 10px 14px;
  display: flex;
}

:where(.sf-studio) .sf-shell-list {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 8px;
  list-style: none;
  overflow-y: auto;
}

:where(.sf-studio) .sf-shell-item {
  border-radius: var(--sf-radius);
  cursor: pointer;
  outline: none;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  display: flex;
}

:where(.sf-studio) .sf-shell-item:hover {
  background: var(--sf-subtle);
}

:where(.sf-studio) .sf-shell-item:focus-visible {
  box-shadow: var(--sf-focus);
}

:where(.sf-studio) .sf-shell-item--active {
  background: var(--sf-active-soft);
}

:where(.sf-studio) .sf-shell-num {
  background: var(--sf-primary);
  min-width: 22px;
  height: 22px;
  color: var(--sf-primary-fg);
  font: 600 11px/1 var(--sf-font);
  border-radius: 999px 999px 999px 2px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  display: inline-flex;
}

:where(.sf-studio) .sf-shell-num--done {
  background: var(--sf-success);
}

:where(.sf-studio) .sf-shell-group {
  list-style: none;
}

:where(.sf-studio) .sf-shell-group + .sf-shell-group {
  margin-top: 6px;
}

:where(.sf-studio) .sf-shell-group > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(.sf-studio) .sf-shell-group-head {
  border-radius: var(--sf-radius);
  background: var(--sf-muted);
  width: 100%;
  color: var(--sf-fg);
  font: 600 var(--sf-fs-sm)/1.2 var(--sf-mono);
  cursor: pointer;
  z-index: 1;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  display: flex;
  position: sticky;
  top: -8px;
}

:where(.sf-studio) .sf-shell-group-head:hover {
  background: var(--sf-secondary-hover);
}

:where(.sf-studio) .sf-shell-group-head:focus-visible {
  box-shadow: var(--sf-focus);
  outline: none;
}

:where(.sf-studio) .sf-shell-group-head--here {
  background: var(--sf-active-soft);
  color: var(--sf-active-soft-fg);
}

:where(.sf-studio) .sf-shell-chip {
  background: var(--sf-muted);
  max-width: 100%;
  color: var(--sf-muted-fg);
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 999px;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  display: inline-flex;
  overflow: hidden;
}

:where(.sf-studio) .sf-switcher {
  z-index: 2147482500;
  background: var(--sf-bg);
  color: var(--sf-fg);
  box-shadow: var(--sf-elev-3);
  border: 1px solid var(--sf-border);
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 999px;
  align-items: center;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
  position: fixed;
}

:where(.sf-studio) .sf-switcher-btn {
  height: 30px;
  font: 500 var(--sf-fs-md)/1 var(--sf-font);
  color: var(--sf-muted-fg);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  display: inline-flex;
}

:where(.sf-studio) .sf-switcher-btn svg {
  width: 15px;
  height: 15px;
}

:where(.sf-studio) .sf-switcher-btn:hover {
  color: var(--sf-fg);
  background: var(--sf-muted);
}

:where(.sf-studio) .sf-switcher-btn:focus-visible {
  box-shadow: var(--sf-focus);
  outline: none;
}

:where(.sf-studio) .sf-switcher-btn[aria-checked="true"] {
  background: var(--sf-primary);
  color: var(--sf-primary-fg);
}

:where(.sf-studio) .sf-switcher-count {
  background: var(--sf-active);
  color: #fff;
  min-width: 16px;
  height: 16px;
  font: 600 10px/16px var(--sf-font);
  text-align: center;
  border-radius: 999px;
  padding: 0 4px;
}

:where(.sf-studio) .sf-switcher-count--warn {
  background: var(--sf-warning);
}

:where(.sf-studio) .sf-switcher-btn--icon {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  position: relative;
}

:where(.sf-studio) .sf-switcher-btn--icon svg {
  width: 18px;
  height: 18px;
}

:where(.sf-studio) .sf-switcher-btn--icon[data-active="1"] {
  background: var(--sf-primary);
  color: var(--sf-primary-fg);
}

:where(.sf-studio) .sf-switcher-btn--icon .sf-switcher-count {
  position: absolute;
  top: 0;
  right: 0;
}

:where(.sf-studio) .sf-vpframe {
  z-index: 2147481000;
  pointer-events: auto;
  background: #e4e4e7;
  flex-direction: column;
  align-items: safe center;
  gap: 6px;
  padding: 12px;
  display: flex;
  position: fixed;
  overflow: hidden;
}

:where(.sf-studio) .sf-vpbar {
  z-index: 2147481001;
  pointer-events: none;
  justify-content: center;
  display: flex;
  position: fixed;
  top: 12px;
}

:where(.sf-studio) .sf-vpbar-inner {
  pointer-events: auto;
  background: #ffffffeb;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 2px;
  display: flex;
  box-shadow: 0 1px 3px #0000001f;
}

:where(.sf-studio) .sf-vpbar-inner > .sf-xs {
  white-space: nowrap;
  padding-right: 8px;
}

:where(.sf-studio) .sf-vpframe-box {
  background: #fff;
  border-radius: 10px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 30px #0000002e;
}

:where(.sf-studio) .sf-vpframe iframe {
  transform-origin: 0 0;
  background: #fff;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

:where(.sf-studio) .sf-switcher-btn--mode {
  border-radius: 50%;
  flex: none;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  position: relative;
}

:where(.sf-studio) .sf-switcher-btn--mode svg {
  width: 16px;
  height: 16px;
}

:where(.sf-studio) .sf-switcher-btn--mode .sf-switcher-count {
  box-shadow: 0 0 0 2px var(--sf-bg);
  position: absolute;
  top: -3px;
  right: -3px;
}

:where(.sf-studio) .sf-switcher--movable {
  touch-action: none;
}

:where(.sf-studio) .sf-switcher--movable:not(.sf-switcher--bubble) {
  cursor: grab;
}

:where(.sf-studio) .sf-switcher--movable:not(.sf-switcher--bubble) .sf-switcher-btn {
  cursor: pointer;
}

:where(.sf-studio) .sf-switcher--drag, :where(.sf-studio) .sf-switcher--drag * {
  cursor: grabbing !important;
}

:where(.sf-studio) .sf-switcher-grip {
  width: 18px;
  height: 32px;
  color: var(--sf-muted-fg);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

:where(.sf-studio) .sf-switcher-grip svg {
  width: 14px;
  height: 14px;
}

:where(.sf-studio) .sf-switcher-collapse {
  width: 32px;
  height: 32px;
  color: var(--sf-muted-fg);
  border-radius: 50%;
  flex: none;
}

:where(.sf-studio) .sf-switcher--mobile .sf-switcher-collapse, :where(.sf-studio) .sf-switcher--mobile .sf-switcher-btn--icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

:where(.sf-studio) .sf-switcher-collapse svg {
  width: 14px;
  height: 14px;
}

:where(.sf-studio) .sf-switcher--bubble, :where(.sf-studio) .sf-switcher--mobile.sf-switcher--bubble {
  box-sizing: border-box;
  cursor: grab;
  touch-action: none;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  gap: 0;
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  overflow: hidden;
}

:where(.sf-studio) .sf-switcher-bubble-btn {
  width: 100%;
  height: 100%;
  color: var(--sf-muted-fg);
  cursor: inherit;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

:where(.sf-studio) .sf-switcher-bubble-btn:hover {
  color: var(--sf-fg);
  background: var(--sf-muted);
}

:where(.sf-studio) .sf-switcher-bubble-btn:focus-visible {
  box-shadow: var(--sf-focus);
  outline: none;
}

:where(.sf-studio) .sf-switcher-bubble-btn svg {
  width: 16px;
  height: 16px;
}

html[data-studio-launcher="hidden"] .sf-switcher {
  display: none !important;
}

:where(.sf-studio) .sf-switcher-btn--mode[data-active="1"] {
  background: var(--sf-primary);
  color: var(--sf-primary-fg);
}

:where(.sf-studio) .sf-switcher-btn--mode:disabled {
  opacity: 1;
  cursor: default;
}

@keyframes sf-ds-slide {
  0% {
    transform: translate(0);
  }

  to {
    transform: translate(34px);
  }
}

:where(.sf-studio) .ds-prev {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 28px;
  display: inline-flex;
  overflow: hidden;
}

:where(.sf-studio) .ds-sw {
  border: 1px solid var(--sf-border);
  border-radius: 6px;
  width: 24px;
  height: 24px;
  box-shadow: inset 0 0 0 1px #fff6;
}

:where(.sf-studio) .ds-box {
  border: 1px solid var(--sf-border);
  background: #d4d4d8;
  width: 22px;
  height: 22px;
}

:where(.sf-studio) .ds-dot {
  background: var(--sf-active, #2563eb);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1.2s infinite alternate sf-ds-slide;
}

:where(.sf-studio) .ds-row {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 3px 6px;
  display: flex;
}

:where(.sf-studio) .ds-row:hover {
  background: var(--sf-accent);
}

:where(.sf-studio) .ds-row[data-sel="1"] {
  background: var(--sf-active-soft);
}

:where(.sf-studio) .ds-name {
  font: 500 11px/1.2 var(--sf-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:where(.sf-studio) .ds-val {
  color: var(--sf-muted-fg);
  font: 400 10.5px/1.2 var(--sf-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:where(.sf-studio) .ds-group-head {
  width: 100%;
  color: var(--sf-fg);
  font: 600 11px/1 var(--sf-font);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 6px 2px;
  display: flex;
}

:where(.sf-studio) .ds-pop {
  z-index: 2147483646;
  overscroll-behavior: contain;
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  border-radius: 10px;
  padding: 4px;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  box-shadow: 0 8px 24px #0000002e;
}

:where(.sf-studio) .ds-pop-head {
  color: var(--sf-muted-fg);
  font: 600 10px/1 var(--sf-font);
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 4px 6px 2px;
}

:where(.sf-studio) .ds-chip {
  background: var(--sf-active-soft);
  max-width: 100%;
  height: 20px;
  color: var(--sf-active-soft-fg);
  font: 500 10.5px/1 var(--sf-mono);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 0 6px 0 3px;
  display: inline-flex;
}

:where(.sf-studio) .ds-chip i {
  border: 1px solid #00000026;
  border-radius: 50%;
  flex: none;
  width: 12px;
  height: 12px;
}

@media (prefers-reduced-motion: reduce) {
  :where(.sf-studio) .ds-dot {
    animation: none;
  }
}

:where(.sf-studio) .sf-select-btn {
  border: 1px solid var(--sf-input);
  border-radius: var(--sf-radius);
  background: var(--sf-bg);
  height: 28px;
  color: var(--sf-fg);
  font: 400 12px/1 var(--sf-font);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

:where(.sf-studio) .sf-select-btn:focus-visible {
  box-shadow: var(--sf-focus);
  outline: none;
}

:where(.sf-studio) .ds-fx {
  background: var(--sf-muted);
  width: 80px;
  height: 45px;
  color: var(--sf-muted-fg);
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

:where(.sf-studio) .ds-fx video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.sf-pin[data-occluded="1"] {
  outline-offset: 2px;
  opacity: .8;
  outline: 2px dashed #f59e0b;
}

:where(.sf-studio).sf-lab {
  font-family: var(--sf-font);
  color: var(--sf-fg);
  background: var(--sf-subtle);
  min-height: 100vh;
  padding: 24px 28px 48px;
  font-size: 14px;
  line-height: 1.45;
}

.sf-lab code {
  background: var(--sf-muted);
  border-radius: 4px;
  padding: 1px 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
}

.sf-lab-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}

.sf-lab-title {
  letter-spacing: -.01em;
  font-size: 22px;
  font-weight: 650;
}

.sf-lab-sub {
  color: var(--sf-muted-fg);
  max-width: 720px;
  margin-top: 4px;
}

.sf-lab-h2 {
  align-items: center;
  gap: 6px;
  margin: 24px 0 10px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.sf-lab-actions, .sf-lab-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.sf-lab-grow {
  flex: 1;
}

.sf-lab-meta {
  color: var(--sf-muted-fg);
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: inline-flex;
}

.sf-lab-grid {
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 18px;
  margin-top: 14px;
  display: grid;
}

.sf-lab-grid-assets {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.sf-lab-card {
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  border-radius: 12px;
  flex-direction: column;
  transition: box-shadow .15s, border-color .15s;
  display: flex;
  overflow: hidden;
}

.sf-lab-card:hover {
  box-shadow: 0 6px 24px #00000012;
}

.sf-lab-card[data-selected] {
  border-color: var(--sf-active);
  box-shadow: 0 0 0 2px var(--sf-active-soft);
}

.sf-lab-card[data-status="rejected"] {
  opacity: .55;
}

.sf-lab-card-body {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  padding: 12px 14px 14px;
  display: flex;
}

.sf-lab-card-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.sf-lab-card-title a:hover {
  text-decoration: underline;
}

.sf-lab-notes {
  color: var(--sf-muted-fg);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
}

.sf-lab-foot {
  justify-content: space-between;
  margin-top: auto;
  padding-top: 6px;
}

.sf-lab-pick {
  color: var(--sf-muted-fg);
  cursor: pointer;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  font-size: 12px;
  display: inline-flex;
}

.sf-lab-thumb {
  border-bottom: 1px solid var(--sf-border);
  background: var(--sf-muted);
  display: block;
}

.sf-lab-frame {
  background: var(--sf-bg);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.sf-lab-frame iframe {
  transform-origin: 0 0;
  background: #fff;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.sf-lab-compare {
  align-items: start;
  gap: 14px;
  display: grid;
}

.sf-lab-col {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.sf-lab-col-head {
  flex-wrap: nowrap;
}

.sf-lab-col-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 13px;
  overflow: hidden;
}

.sf-lab-col-frame {
  border: 1px solid var(--sf-border);
  background: var(--sf-bg);
  border-radius: 10px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.sf-lab-icon-link {
  color: var(--sf-muted-fg);
  display: inline-flex;
}

.sf-lab-icon-link:hover {
  color: var(--sf-fg);
}

.sf-lab-split {
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  display: grid;
}

.sf-lab-side {
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  border-radius: 12px;
  flex-direction: column;
  gap: 12px;
  max-height: calc(100vh - 32px);
  padding: 14px;
  display: flex;
  position: sticky;
  top: 16px;
  overflow: auto;
}

.sf-lab-side .sf-lab-row {
  flex-wrap: nowrap;
}

.sf-lab-swatches span {
  border: 1px solid var(--sf-border);
  border-radius: 4px;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.sf-lab-aspects {
  grid-template-columns: 2fr 1fr 1fr .75fr;
  grid-auto-flow: dense;
  align-items: start;
  gap: 14px;
  display: grid;
}

.sf-lab-aspect {
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  cursor: pointer;
  border-radius: 10px;
  padding: 8px;
}

.sf-lab-aspect[data-active] {
  border-color: var(--sf-active);
  box-shadow: 0 0 0 2px var(--sf-active-soft);
}

.sf-lab-aspect figcaption {
  margin-top: 6px;
  font-size: 12px;
}

.sf-lab-aspect:last-child {
  grid-column: 1 / 2;
}

.sf-lab-canvas {
  background: var(--sf-muted);
  border-radius: 6px;
  width: 100%;
  overflow: hidden;
}

.sf-lab-export-grid {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
  display: grid;
}

.sf-lab-export {
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  border-radius: 8px;
  flex-direction: column;
  gap: 4px;
  padding: 6px;
  display: flex;
}

.sf-lab-export img {
  object-fit: contain;
  background: var(--sf-muted);
  border-radius: 4px;
  width: 100%;
  height: 110px;
}

.sf-lab-strip {
  background: var(--sf-bg);
  border: 1px solid var(--sf-border);
  border-radius: 10px;
  margin-bottom: 12px;
  padding: 10px 12px;
}

.sf-lab-asset-img {
  background: var(--sf-muted);
  position: relative;
  overflow: hidden;
}

.sf-lab-asset-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.sf-lab-ribbon {
  color: #fff;
  letter-spacing: .06em;
  background: #09090bc7;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 10px;
}

.sf-lab-prompt summary {
  cursor: pointer;
  color: var(--sf-muted-fg);
  font-size: 12px;
}

.sf-lab-prompt pre {
  white-space: pre-wrap;
  background: var(--sf-muted);
  border-radius: 6px;
  max-height: 220px;
  margin-top: 6px;
  padding: 8px;
  font-size: 11px;
  line-height: 1.4;
  overflow: auto;
}

@media (max-width: 900px) {
  .sf-lab-split {
    grid-template-columns: 1fr;
  }

  .sf-lab-side {
    max-height: none;
    position: static;
  }

  .sf-lab-aspects {
    grid-template-columns: 1fr 1fr;
  }
}

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

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

.sf\:absolute {
  position: absolute;
}

.sf\:fixed {
  position: fixed;
}

.sf\:relative {
  position: relative;
}

.sf\:inset-0 {
  inset: 0;
}

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

.sf\:-top-2 {
  top: -.5rem;
}

.sf\:-top-5 {
  top: -1.25rem;
}

.sf\:top-0 {
  top: 0;
}

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

.sf\:-right-2 {
  right: -.5rem;
}

.sf\:right-4 {
  right: 1rem;
}

.sf\:bottom-4 {
  bottom: 1rem;
}

.sf\:left-0 {
  left: 0;
}

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

.sf\:left-\[-2px\] {
  left: -2px;
}

.sf\:z-\[1\] {
  z-index: 1;
}

.sf\:z-\[2\] {
  z-index: 2;
}

.sf\:z-\[9990\] {
  z-index: 9990;
}

.sf\:z-\[9995\] {
  z-index: 9995;
}

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

.sf\:z-\[2147481500\] {
  z-index: 2147481500;
}

.sf\:z-\[2147481900\] {
  z-index: 2147481900;
}

.sf\:z-\[2147483000\] {
  z-index: 2147483000;
}

.sf\:m-0 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.sf\:block {
  display: block;
}

.sf\:flex {
  display: flex;
}

.sf\:grid {
  display: grid;
}

.sf\:inline {
  display: inline;
}

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

.sf\:size-2\.5 {
  width: .625rem;
  height: .625rem;
}

.sf\:size-3 {
  width: .75rem;
  height: .75rem;
}

.sf\:size-3\.5 {
  width: .875rem;
  height: .875rem;
}

.sf\:size-4 {
  width: 1rem;
  height: 1rem;
}

.sf\:size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

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

.sf\:h-7 {
  height: 1.75rem;
}

.sf\:h-9 {
  height: 2.25rem;
}

.sf\:h-12 {
  height: 3rem;
}

.sf\:h-14 {
  height: 3.5rem;
}

.sf\:h-16 {
  height: 4rem;
}

.sf\:h-20 {
  height: 5rem;
}

.sf\:h-auto {
  height: auto;
}

.sf\:min-h-0 {
  min-height: 0;
}

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

.sf\:w-7 {
  width: 1.75rem;
}

.sf\:w-12 {
  width: 3rem;
}

.sf\:w-14 {
  width: 3.5rem;
}

.sf\:w-16 {
  width: 4rem;
}

.sf\:w-80 {
  width: 20rem;
}

.sf\:w-\[min\(520px\,calc\(100vw-32px\)\)\] {
  width: min(520px, 100vw - 32px);
}

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

.sf\:max-w-\[120px\] {
  max-width: 120px;
}

.sf\:max-w-\[240px\] {
  max-width: 240px;
}

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

.sf\:min-w-0 {
  min-width: 0;
}

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

.sf\:flex-auto {
  flex: auto;
}

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

.sf\:-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

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

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

.sf\:cursor-crosshair {
  cursor: crosshair;
}

.sf\:cursor-pointer {
  cursor: pointer;
}

.sf\:resize-none {
  resize: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.sf\:gap-0\.5 {
  gap: .125rem;
}

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

.sf\:gap-1\.5 {
  gap: .375rem;
}

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

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

.sf\:self-start {
  align-self: flex-start;
}

.sf\:truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sf\:rounded {
  border-radius: .25rem;
}

.sf\:rounded-\[2px\] {
  border-radius: 2px;
}

.sf\:rounded-full {
  border-radius: 3.40282e38px;
}

.sf\:rounded-lg {
  border-radius: .5rem;
}

.sf\:rounded-md {
  border-radius: .375rem;
}

.sf\:rounded-sm {
  border-radius: .25rem;
}

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

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

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

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

.sf\:border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}

.sf\:border-amber-200 {
  border-color: #fee685;
  border-color: lab(91.7203% -.505269 49.9084);
}

.sf\:border-blue-200 {
  border-color: #bedbff;
  border-color: lab(86.15% -4.04379 -21.0797);
}

.sf\:border-blue-500 {
  border-color: #3080ff;
  border-color: lab(54.1736% 13.3369 -74.6839);
}

.sf\:border-blue-600 {
  border-color: #155dfc;
  border-color: lab(44.0605% 29.0279 -86.0352);
}

.sf\:border-emerald-200 {
  border-color: #a4f4cf;
  border-color: lab(90.2247% -31.039 9.47084);
}

.sf\:border-neutral-200 {
  border-color: #e5e5e5;
  border-color: lab(90.952% 0 -.0000119209);
}

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

.sf\:border-white {
  border-color: #fff;
}

.sf\:border-zinc-200 {
  border-color: #e4e4e7;
  border-color: lab(90.6853% .399232 -1.45452);
}

.sf\:bg-amber-50 {
  background-color: #fffbeb;
  background-color: lab(98.6252% -.635922 8.42309);
}

.sf\:bg-amber-100 {
  background-color: #fef3c6;
  background-color: lab(95.916% -1.21653 23.111);
}

.sf\:bg-black\/50 {
  background-color: #00000080;
  background-color: lab(0% 0 0 / .5);
}

.sf\:bg-blue-50 {
  background-color: #eff6ff;
  background-color: lab(96.492% -1.14644 -5.11479);
}

.sf\:bg-blue-500 {
  background-color: #3080ff;
  background-color: lab(54.1736% 13.3369 -74.6839);
}

.sf\:bg-blue-500\/10 {
  background-color: #3080ff1a;
  background-color: lab(54.1736% 13.3369 -74.6839 / .1);
}

.sf\:bg-blue-600 {
  background-color: #155dfc;
  background-color: lab(44.0605% 29.0279 -86.0352);
}

.sf\:bg-emerald-50 {
  background-color: #ecfdf5;
  background-color: lab(97.8462% -6.94966 1.85487);
}

.sf\:bg-emerald-500 {
  background-color: #00bb7f;
  background-color: lab(66.9756% -58.27 19.5419);
}

.sf\:bg-sky-500 {
  background-color: #00a5ef;
  background-color: lab(63.3038% -18.433 -51.0407);
}

.sf\:bg-white {
  background-color: #fff;
}

.sf\:bg-white\/90 {
  background-color: #ffffffe6;
  background-color: lab(100% -.0000298023 .0000119209 / .9);
}

.sf\:bg-zinc-50 {
  background-color: #fafafa;
  background-color: lab(98.26% 0 0);
}

.sf\:bg-zinc-300\/80 {
  background-color: #d4d4d8cc;
  background-color: lab(84.9837% .601262 -2.17986 / .8);
}

.sf\:bg-zinc-400 {
  background-color: #9f9fa9;
  background-color: lab(65.6464% 1.53497 -5.42429);
}

.sf\:fill-emerald-600 {
  fill: #009767;
  fill: lab(55.0481% -49.9246 15.93);
}

.sf\:object-cover {
  object-fit: cover;
}

.sf\:p-0 {
  padding: 0;
}

.sf\:p-1\.5 {
  padding: .375rem;
}

.sf\:p-2 {
  padding: .5rem;
}

.sf\:p-3 {
  padding: .75rem;
}

.sf\:p-4 {
  padding: 1rem;
}

.sf\:px-1 {
  padding-inline: .25rem;
}

.sf\:px-1\.5 {
  padding-inline: .375rem;
}

.sf\:px-2 {
  padding-inline: .5rem;
}

.sf\:px-3 {
  padding-inline: .75rem;
}

.sf\:py-0\.5 {
  padding-block: .125rem;
}

.sf\:py-px {
  padding-block: 1px;
}

.sf\:pb-3 {
  padding-bottom: .75rem;
}

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

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

.sf\:font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.sf\:text-xs {
  font-size: .75rem;
  line-height: var(--tw-leading, calc(1 / .75));
}

.sf\:text-\[10\.5px\] {
  font-size: 10.5px;
}

.sf\:text-\[13px\] {
  font-size: 13px;
}

.sf\:leading-4 {
  --tw-leading: calc(.25rem * 4);
  line-height: 1rem;
}

.sf\:leading-snug {
  --tw-leading: 1.375;
  line-height: 1.375;
}

.sf\:font-bold {
  --tw-font-weight: 700;
  font-weight: 700;
}

.sf\:font-medium {
  --tw-font-weight: 500;
  font-weight: 500;
}

.sf\:font-normal {
  --tw-font-weight: 400;
  font-weight: 400;
}

.sf\:font-semibold {
  --tw-font-weight: 600;
  font-weight: 600;
}

.sf\:break-words {
  overflow-wrap: break-word;
}

.sf\:break-all {
  word-break: break-all;
}

.sf\:whitespace-normal {
  white-space: normal;
}

.sf\:whitespace-pre-wrap {
  white-space: pre-wrap;
}

.sf\:text-amber-500 {
  color: #f99c00;
  color: lab(72.7183% 31.8672 97.9407);
}

.sf\:text-amber-700 {
  color: #b75000;
  color: lab(47.2709% 42.9082 69.2966);
}

.sf\:text-amber-800 {
  color: #953d00;
  color: lab(37.8822% 37.1699 52.2718);
}

.sf\:text-blue-600 {
  color: #155dfc;
  color: lab(44.0605% 29.0279 -86.0352);
}

.sf\:text-blue-700 {
  color: #1447e6;
  color: lab(36.9089% 35.0961 -85.6872);
}

.sf\:text-blue-900 {
  color: #1c398e;
  color: lab(26.1542% 15.7545 -51.5504);
}

.sf\:text-emerald-700 {
  color: #007956;
  color: lab(44.4871% -41.0396 11.0361);
}

.sf\:text-red-600 {
  color: #e40014;
  color: lab(48.4493% 77.4328 61.5452);
}

.sf\:text-white {
  color: #fff;
}

.sf\:text-zinc-500 {
  color: #71717b;
  color: lab(47.8878% 1.65477 -5.77283);
}

.sf\:text-zinc-900 {
  color: #18181b;
  color: lab(8.30603% .618205 -2.16572);
}

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

.sf\:opacity-40 {
  opacity: .4;
}

.sf\:opacity-50 {
  opacity: .5;
}

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

.sf\:opacity-70 {
  opacity: .7;
}

.sf\:opacity-80 {
  opacity: .8;
}

.sf\:shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
}

.sf\:ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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);
}

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

.sf\:ring-4 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + 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);
}

.sf\:ring-blue-300 {
  --tw-ring-color: #90c5ff;
}

@supports (color: lab(0% 0 0)) {
  .sf\:ring-blue-300 {
    --tw-ring-color: lab(77.5052% -6.4629 -36.42);
  }
}

.sf\:ring-blue-500\/60 {
  --tw-ring-color: #3080ff99;
}

@supports (color: lab(0% 0 0)) {
  .sf\:ring-blue-500\/60 {
    --tw-ring-color: lab(54.1736% 13.3369 -74.6839 / .6);
  }
}

.sf\:ring-zinc-200 {
  --tw-ring-color: #e4e4e7;
}

@supports (color: lab(0% 0 0)) {
  .sf\:ring-zinc-200 {
    --tw-ring-color: lab(90.6853% .399232 -1.45452);
  }
}

.sf\:ring-zinc-500\/50 {
  --tw-ring-color: #71717b80;
}

@supports (color: lab(0% 0 0)) {
  .sf\:ring-zinc-500\/50 {
    --tw-ring-color: lab(47.8878% 1.6548 -5.77285 / .5);
  }
}

.sf\: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, cubic-bezier(.4, 0, .2, 1));
  transition-duration: var(--tw-duration, .15s);
}

@media (hover: hover) {
  .sf\:hover\:bg-zinc-100:hover {
    background-color: #f4f4f5;
    background-color: lab(96.1634% .0993311 -.364041);
  }

  .sf\:hover\:bg-zinc-300\/60:hover {
    background-color: #d4d4d899;
    background-color: lab(84.9837% .601262 -2.17986 / .6);
  }

  .sf\:hover\:text-red-600:hover {
    color: #e40014;
    color: lab(48.4493% 77.4328 61.5452);
  }
}

.sf\:disabled\:opacity-50:disabled {
  opacity: .5;
}

.sf\:data-\[lost\=1\]\:border-dashed[data-lost="1"] {
  --tw-border-style: dashed;
  border-style: dashed;
}

.sf\:data-\[lost\=1\]\:bg-amber-600[data-lost="1"] {
  background-color: #dd7400;
  background-color: lab(60.3514% 40.5624 87.1228);
}

@media (prefers-reduced-motion: no-preference) {
  .sf\:motion-safe\:animate-\[sf-drawer-in_\.24s_cubic-bezier\(\.2\,\.8\,\.2\,1\)\] {
    animation: .24s cubic-bezier(.2, .8, .2, 1) sf-drawer-in;
  }

  .sf\:motion-safe\:animate-\[sf-fade_\.2s_ease-out\] {
    animation: .2s ease-out sf-fade;
  }
}

:where(.sf-studio), :where(.sf-studio) *, :where(.sf-studio) :before, :where(.sf-studio) :after {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}

:where(.sf-studio) :is(button, input, textarea, select) {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  background-color: #0000;
}

:where(.sf-studio) button {
  cursor: pointer;
}

:where(.sf-studio) :is(img, svg) {
  vertical-align: middle;
  display: block;
}

:where(.sf-studio) img {
  max-width: 100%;
  height: auto;
}

:where(.sf-studio) a {
  color: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}

:where(.sf-studio) textarea {
  resize: vertical;
}

:where(.sf-studio) :is(textarea, input)::placeholder {
  color: #a3a3a3;
  opacity: 1;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

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

/*# sourceMappingURL=%5Broot-of-the-server%5D__0tt40ds._.css.map*/