/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-sans);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --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-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --radius-xs: 0.125rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --shadow-2xs: var(--shadow-2xs);
    --shadow-xs: var(--shadow-xs);
    --shadow-sm: var(--shadow-sm);
    --shadow-md: var(--shadow-md);
    --shadow-lg: var(--shadow-lg);
    --shadow-xl: var(--shadow-xl);
    --shadow-2xl: var(--shadow-2xl);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;
    --shadow: var(--shadow);
    --color-fd-background: hsl(0, 0%, 96%);
    --color-fd-foreground: hsl(0, 0%, 3.9%);
    --color-fd-muted: hsl(0, 0%, 96.1%);
    --color-fd-muted-foreground: hsl(0, 0%, 45.1%);
    --color-fd-popover: hsl(0, 0%, 98%);
    --color-fd-popover-foreground: hsl(0, 0%, 15.1%);
    --color-fd-card: hsl(0, 0%, 94.7%);
    --color-fd-card-foreground: hsl(0, 0%, 3.9%);
    --color-fd-border: hsla(0, 0%, 80%, 50%);
    --color-fd-primary: hsl(0, 0%, 9%);
    --color-fd-primary-foreground: hsl(0, 0%, 98%);
    --color-fd-secondary: hsl(0, 0%, 93.1%);
    --color-fd-secondary-foreground: hsl(0, 0%, 9%);
    --color-fd-accent: hsla(0, 0%, 82%, 50%);
    --color-fd-accent-foreground: hsl(0, 0%, 9%);
    --color-fd-ring: hsl(0, 0%, 63.9%);
    --color-fd-overlay: hsla(0, 0%, 0%, 0.2);
    --color-fd-info: oklch(62.3% 0.214 259.815);
    --color-fd-warning: oklch(76.9% 0.188 70.08);
    --color-fd-error: var(--destructive);
    --color-fd-success: oklch(72.3% 0.219 149.579);
    --color-fd-idea: oklch(70.5% 0.209 60.849);
    --color-fd-diff-remove: rgba(200, 10, 100, 0.12);
    --color-fd-diff-remove-symbol: rgb(230, 10, 100);
    --color-fd-diff-add: rgba(14, 180, 100, 0.1);
    --color-fd-diff-add-symbol: rgb(10, 200, 100);
    --animate-fd-fade-in: fd-fade-in 300ms ease;
    --animate-fd-fade-out: fd-fade-out 300ms ease;
    --animate-fd-dialog-in: fd-dialog-in 300ms cubic-bezier(0.16, 1, 0.3, 1);
    --animate-fd-dialog-out: fd-dialog-out 300ms cubic-bezier(0.16, 1, 0.3, 1);
    --animate-fd-popover-in: fd-popover-in 100ms ease;
    --animate-fd-popover-out: fd-popover-out 100ms ease;
    --animate-fd-enterFromLeft: fd-enterFromLeft 250ms ease;
    --animate-fd-enterFromRight: fd-enterFromRight 250ms ease;
    --animate-fd-sidebar-in: fd-sidebar-in 250ms ease;
    --animate-fd-sidebar-out: fd-sidebar-out 250ms ease;
    --animate-fd-exitToLeft: fd-exitToLeft 250ms ease;
    --animate-fd-exitToRight: fd-exitToRight 250ms ease;
    --animate-fd-collapsible-down: fd-collapsible-down 150ms cubic-bezier(0.45, 0, 0.55, 1);
    --animate-fd-collapsible-up: fd-collapsible-up 150ms cubic-bezier(0.45, 0, 0.55, 1);
    --animate-fd-accordion-down: fd-accordion-down 200ms ease-out;
    --animate-fd-accordion-up: fd-accordion-up 200ms ease-out;
    --animate-fd-nav-menu-in: fd-nav-menu-in 200ms ease;
    --animate-fd-nav-menu-out: fd-nav-menu-out 200ms ease;
    --color-foreground: var(--foreground);
    --color-border: var(--border);
    --color-muted-foreground: var(--muted-foreground);
    --color-muted: var(--muted);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, 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;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container\/block-layout {
    container-type: inline-size;
    container-name: block-layout;
  }
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .skeleton-shimmer {
    position: relative;
    overflow: hidden;
    &::after {
      content: "";
      position: absolute;
      inset: 0;
      transform: translateX(-100%);
      background-image: linear-gradient( 90deg, transparent 0%, var(--background) 50%, transparent 100% );
      @supports (color: color-mix(in lab, red, red)) {
        background-image: linear-gradient( 90deg, transparent 0%, color-mix(in oklab, var(--background) 55%, transparent) 50%, transparent 100% );
      }
      animation: skeleton-shimmer 1.6s ease-in-out infinite;
      animation-delay: var(--shimmer-delay, 0ms);
    }
    @media (prefers-reduced-motion: reduce) {
      &::after {
        animation: none;
        opacity: 0;
      }
    }
  }
  .fd-step {
    &:before {
      background-color: var(--color-fd-secondary);
      color: var(--color-fd-secondary-foreground);
      content: counter(step);
      counter-increment: step;
      justify-content: center;
      align-items: center;
      font-size: 0.875rem;
      line-height: 1.25rem;
      display: flex;
      position: absolute;
      inset-inline-start: calc(var(--spacing) * -4);
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
      border-radius: calc(infinity * 1px);
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .fd-steps {
    counter-reset: step;
    position: relative;
    margin-inline-start: calc(var(--spacing) * 2);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    padding-inline-start: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      margin-inline-start: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      padding-inline-start: calc(var(--spacing) * 7);
    }
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0;
  }
  .inset-x-0 {
    inset-inline: 0;
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-y-0 {
    inset-block: 0;
  }
  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .inset-y-4 {
    inset-block: calc(var(--spacing) * 4);
  }
  .inset-s-0 {
    inset-inline-start: 0;
  }
  .inset-s-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .inset-s-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }
  .inset-s-6 {
    inset-inline-start: calc(var(--spacing) * 6);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-\[6\%\] {
    inset-inline-start: 6%;
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .inset-e-0 {
    inset-inline-end: 0;
  }
  .inset-e-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .top-\(--fd-docs-row-1\) {
    top: var(--fd-docs-row-1);
  }
  .top-\(--fd-docs-row-2\) {
    top: var(--fd-docs-row-2);
  }
  .top-\(--fd-docs-row-3\) {
    top: var(--fd-docs-row-3);
  }
  .top-0 {
    top: 0;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-\[9\%\] {
    top: 9%;
  }
  .top-\[calc\(--spacing\(4\)\+var\(--fd-docs-row-3\)\)\] {
    top: calc(calc(var(--spacing) * 4) + var(--fd-docs-row-3));
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .right-0 {
    right: 0;
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-26 {
    bottom: calc(var(--spacing) * 26);
  }
  .left-0 {
    left: 0;
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-canvas-bar {
    z-index: var(--z-canvas-bar);
  }
  .z-canvas-tool {
    z-index: var(--z-canvas-tool);
  }
  .z-docked {
    z-index: var(--z-docked);
  }
  .z-overlay {
    z-index: var(--z-overlay);
  }
  .z-site-menu {
    z-index: var(--z-site-menu);
  }
  .z-site-nav {
    z-index: var(--z-site-nav);
  }
  .order-last {
    order: 9999;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-px {
    margin-inline: -1px;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: 0;
  }
  .my-0\! {
    margin-block: 0 !important;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-auto {
    margin-block: auto;
  }
  .-ms-1 {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .-ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }
  .ms-1 {
    margin-inline-start: var(--spacing);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .ms-px {
    margin-inline-start: 1px;
  }
  .-me-0\.5 {
    margin-inline-end: calc(var(--spacing) * -0.5);
  }
  .-me-1\.5 {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .me-1 {
    margin-inline-end: var(--spacing);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: none;
    font-size: 1rem;
    line-height: 1.75rem;
    :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
      color: var(--tw-prose-lead);
    }
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 1rem;
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :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;
    }
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 500;
    }
    :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: var(--text-3xl);
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
      font-weight: 600;
    }
    :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding: 3px;
      border: solid 1px;
      font-size: 13px;
      border-color: var(--color-fd-border);
      border-radius: 5px;
      font-weight: 400;
      background: var(--color-fd-muted);
      color: var(--tw-prose-code);
    }
    :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: var(--text-2xl);
    }
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
    }
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    :where(a:not([data-card])):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      transition: opacity .2s;
      font-weight: 500;
      text-decoration: underline;
      text-underline-offset: 3.5px;
      text-decoration-color: var(--color-fd-primary);
      text-decoration-thickness: 1.5px;
    }
    :where(a:not([data-card]):hover):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      opacity: 80%;
    }
    --tw-prose-body: color-mix(in srgb, hsl(0, 0%, 3.9%) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
    }
    --tw-prose-headings: var(--color-fd-foreground);
    --tw-prose-lead: var(--color-fd-foreground);
    --tw-prose-links: var(--color-fd-foreground);
    --tw-prose-bold: var(--color-fd-foreground);
    --tw-prose-counters: var(--color-fd-muted-foreground);
    --tw-prose-bullets: var(--color-fd-muted-foreground);
    --tw-prose-hr: var(--color-fd-border);
    --tw-prose-quotes: var(--color-fd-foreground);
    --tw-prose-quote-borders: var(--color-fd-border);
    --tw-prose-captions: var(--color-fd-foreground);
    --tw-prose-code: var(--color-fd-foreground);
    --tw-prose-th-borders: var(--color-fd-border);
    --tw-prose-td-borders: var(--color-fd-border);
    --tw-prose-kbd: var(--color-fd-foreground);
    --tw-prose-kbd-shadows: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-prose-kbd-shadows: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 0;
    }
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: 0.875em;
      line-height: 1.7142857;
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      border-collapse: separate;
      border-spacing: 0;
      background: var(--color-fd-card);
      border-radius: var(--radius-lg);
      border: 1px solid var(--color-fd-border);
      overflow: hidden;
    }
    :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-align: start;
      padding: calc(var(--spacing) * 2.5);
      border-inline-start: 1px solid var(--color-fd-border);
      background: var(--color-fd-muted);
    }
    :where(th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-inline-start: none;
    }
    :where(th:not(tr:last-child *), td:not(tr:last-child *)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom: 1px solid var(--color-fd-border);
    }
    :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-align: start;
      border-inline-start: 1px solid var(--color-fd-border);
      padding: calc(var(--spacing) * 2.5);
    }
    :where(td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-inline-start: none;
    }
    :where(tfoot th, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(thead th, thead td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :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;
    }
    :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: "`";
    }
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: "`";
    }
    :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: inherit;
    }
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
      content: none;
    }
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
      content: none;
    }
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      vertical-align: top;
    }
    :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-align: start;
    }
    :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .prose-no-margin {
    & > :first-child {
      margin-top: 0;
    }
    & > :last-child {
      margin-bottom: 0;
    }
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .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-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-\[var\(--site-space-2xl\)\] {
    margin-top: var(--site-space-2xl);
  }
  .mt-\[var\(--site-space-4xl\)\] {
    margin-top: var(--site-space-4xl);
  }
  .mt-\[var\(--site-space-lg\)\] {
    margin-top: var(--site-space-lg);
  }
  .mt-\[var\(--site-space-sm\)\] {
    margin-top: var(--site-space-sm);
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .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-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .fd-scroll-container {
    &::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: var(--color-fd-border);
    }
    &::-webkit-scrollbar-track {
      background: transparent;
    }
    &::-webkit-scrollbar-corner {
      display: none;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .field-sizing-content {
    field-sizing: content;
  }
  .aspect-\[1\.1\/1\] {
    aspect-ratio: 1.1/1;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-1 {
    width: var(--spacing);
    height: var(--spacing);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6\.5 {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-\(--fd-animated-height\) {
    height: var(--fd-animated-height);
  }
  .h-\(--fd-header-height\) {
    height: var(--fd-header-height);
  }
  .h-\(--fd-toc-popover-height\) {
    height: var(--fd-toc-popover-height);
  }
  .h-\(--radix-navigation-menu-viewport-height\) {
    height: var(--radix-navigation-menu-viewport-height);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\.5 {
    height: calc(var(--spacing) * 9.5);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-19 {
    height: calc(var(--spacing) * 19);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[1lh\] {
    height: 1lh;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[calc\(100\%\+--spacing\(1\.5\)\)\] {
    height: calc(100% + calc(var(--spacing) * 1.5));
  }
  .h-\[calc\(var\(--fd-docs-height\)-var\(--fd-docs-row-1\)\)\] {
    height: calc(var(--fd-docs-height) - var(--fd-docs-row-1));
  }
  .h-\[calc\(var\(--fd-docs-height\)-var\(--fd-docs-row-2\)\)\] {
    height: calc(var(--fd-docs-height) - var(--fd-docs-row-2));
  }
  .h-\[calc\(var\(--fd-docs-height\)-var\(--fd-docs-row-3\)\)\] {
    height: calc(var(--fd-docs-height) - var(--fd-docs-row-3));
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\(--radix-popover-content-available-height\) {
    max-height: var(--radix-popover-content-available-height);
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[80svh\] {
    max-height: 80svh;
  }
  .max-h-\[460px\] {
    max-height: 460px;
  }
  .max-h-\[600px\] {
    max-height: 600px;
  }
  .max-h-\[min\(90dvh\,calc\(100dvh-6rem\)\)\] {
    max-height: min(90dvh, calc(100dvh - 6rem));
  }
  .max-h-\[var\(--site-media-cap\)\] {
    max-height: var(--site-media-cap);
  }
  .min-h-\(--fd-docs-height\) {
    min-height: var(--fd-docs-height);
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-\[38px\] {
    min-height: 38px;
  }
  .min-h-\[76px\] {
    min-height: 76px;
  }
  .min-h-\[var\(--editor-bar-h\)\] {
    min-height: var(--editor-bar-h);
  }
  .min-h-\[var\(--site-btn-min-h\,2\.25rem\)\] {
    min-height: var(--site-btn-min-h,2.25rem);
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-\(--fd-sidebar-width\) {
    width: var(--fd-sidebar-width);
  }
  .w-\(--fd-toc-width\) {
    width: var(--fd-toc-width);
  }
  .w-\(--radix-popover-trigger-width\) {
    width: var(--radix-popover-trigger-width);
  }
  .w-0 {
    width: 0;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/4 {
    width: calc(1 / 4 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[200\%\] {
    width: 200%;
  }
  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }
  .w-\[calc\(100\%-var\(--removed-body-scroll-bar-size\,0px\)\)\] {
    width: calc(100% - var(--removed-body-scroll-bar-size,0px));
  }
  .w-\[max\(100\%\,var\(--ill-min-w\)\)\] {
    width: max(100%, var(--ill-min-w));
  }
  .w-\[min\(92vw\,25rem\)\] {
    width: min(92vw, 25rem);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-\[12ch\] {
    max-width: 12ch;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[22ch\] {
    max-width: 22ch;
  }
  .max-w-\[22rem\] {
    max-width: 22rem;
  }
  .max-w-\[24ch\] {
    max-width: 24ch;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[52ch\] {
    max-width: 52ch;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[98vw\] {
    max-width: 98vw;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[1168px\] {
    max-width: 1168px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[var\(--site-copy-measure\)\] {
    max-width: var(--site-copy-measure);
  }
  .max-w-\[var\(--site-copy-measure\,var\(--site-measure\)\)\] {
    max-width: var(--site-copy-measure,var(--site-measure));
  }
  .max-w-\[var\(--site-measure-heading\)\] {
    max-width: var(--site-measure-heading);
  }
  .max-w-\[var\(--site-w-default\)\] {
    max-width: var(--site-w-default);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen-sm {
    max-width: var(--breakpoint-sm);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-svw {
    max-width: 100svw;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-\(--anchor-width\) {
    min-width: var(--anchor-width);
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-\[var\(--footer-slot\)\] {
    flex-basis: var(--footer-slot);
  }
  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }
  .origin-\[top_center\] {
    transform-origin: top center;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-\(--fd-sidebar-width\) {
    --tw-translate-x: calc(var(--fd-sidebar-width) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    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-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[calc\(-50\%-var\(--removed-body-scroll-bar-size\,0px\)\/2\)\] {
    --tw-translate-x: calc(-50% - var(--removed-body-scroll-bar-size,0px) / 2);
    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-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-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    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-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    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);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-fd-fade-in {
    animation: var(--animate-fd-fade-in);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-nesw-resize {
    cursor: nesw-resize;
  }
  .cursor-nwse-resize {
    cursor: nwse-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .touch-none {
    touch-action: none;
  }
  .resize-none {
    resize: none;
  }
  .scroll-m-4 {
    scroll-margin: calc(var(--spacing) * 4);
  }
  .scroll-m-20 {
    scroll-margin: calc(var(--spacing) * 20);
  }
  .scroll-m-24 {
    scroll-margin: calc(var(--spacing) * 24);
  }
  .scroll-m-28 {
    scroll-margin: calc(var(--spacing) * 28);
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-cols-auto {
    grid-auto-columns: auto;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_3fr\] {
    grid-template-columns: 1fr 3fr;
  }
  .grid-cols-\[5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5rem minmax(0,1fr);
  }
  .grid-cols-\[16px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 16px minmax(0,1fr) auto;
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0,1fr) auto;
  }
  .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-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .\[align-items\:var\(--site-heading-items\)\] {
    align-items: var(--site-heading-items);
  }
  .\[align-items\:var\(--slot-align-items\,stretch\)\] {
    align-items: var(--slot-align-items,stretch);
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\[justify-content\:var\(--site-heading-align\)\] {
    justify-content: var(--site-heading-align);
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-end {
    justify-items: end;
  }
  .\[gap\:var\(--site-space-3xl\)\] {
    gap: var(--site-space-3xl);
  }
  .\[gap\:var\(--site-space-lg\)\] {
    gap: var(--site-space-lg);
  }
  .\[gap\:var\(--site-space-md\)\] {
    gap: var(--site-space-md);
  }
  .\[gap\:var\(--site-space-xl\)\] {
    gap: var(--site-space-xl);
  }
  .\[gap\:var\(--slot-gap\,2rem\)\] {
    gap: var(--slot-gap,2rem);
  }
  .gap-0 {
    gap: 0;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .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-\[calc\(var\(--site-space-3xl\)\*1\.15\)\] {
    gap: calc(var(--site-space-3xl) * 1.15);
  }
  .gap-\[calc\(var\(--site-space-xl\)\*0\.875\)\] {
    gap: calc(var(--site-space-xl) * 0.875);
  }
  .gap-\[var\(--site-space-lg\)\] {
    gap: var(--site-space-lg);
  }
  .gap-\[var\(--site-space-md\)\] {
    gap: var(--site-space-md);
  }
  .gap-\[var\(--site-space-sm\)\] {
    gap: var(--site-space-sm);
  }
  .gap-\[var\(--site-space-xs\)\] {
    gap: var(--site-space-xs);
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .\[column-gap\:var\(--site-gutter\)\] {
    column-gap: var(--site-gutter);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-\[var\(--site-space-4xl\)\] {
    row-gap: var(--site-space-4xl);
  }
  .gap-y-\[var\(--site-space-sm\)\] {
    row-gap: var(--site-space-sm);
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-\[var\(--site-border\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--site-border);
    }
  }
  .divide-fd-border {
    :where(& > :not(:last-child)) {
      border-color: var(--color-fd-border);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: 1.25rem;
  }
  .rounded-\[calc\(0\.75rem-1px\)\] {
    border-radius: calc(0.75rem - 1px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[max\(1\.25rem\,var\(--site-radius\)\)\] {
    border-radius: max(1.25rem, var(--site-radius));
  }
  .rounded-\[max\(1rem\,var\(--site-radius\)\)\] {
    border-radius: max(1rem, var(--site-radius));
  }
  .rounded-\[var\(--site-btn-radius\)\] {
    border-radius: var(--site-btn-radius);
  }
  .rounded-\[var\(--site-image-radius\,var\(--site-radius\)\)\] {
    border-radius: var(--site-image-radius,var(--site-radius));
  }
  .rounded-\[var\(--site-radius\)\] {
    border-radius: var(--site-radius);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: 0.75rem;
  }
  .rounded-md {
    border-radius: 0.5rem;
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-overlay {
    border-radius: 1rem;
  }
  .rounded-row {
    border-radius: 0.625rem;
  }
  .rounded-sm {
    border-radius: 0.375rem;
  }
  .rounded-xl {
    border-radius: 1rem;
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .rounded-t-overlay {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-br-md {
    border-bottom-right-radius: 0.5rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[length\:var\(--site-btn-border-width\,1px\)\] {
    border-style: var(--tw-border-style);
    border-width: var(--site-btn-border-width,1px);
  }
  .border-\[length\:var\(--site-card-border-width\,1px\)\] {
    border-style: var(--tw-border-style);
    border-width: var(--site-card-border-width,1px);
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y-0 {
    border-block-style: var(--tw-border-style);
    border-block-width: 0px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-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-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\[color-mix\(in_oklch\,var\(--site-card-fg\)_14\%\,transparent\)\] {
    border-color: var(--site-card-fg);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch,var(--site-card-fg) 14%,transparent);
    }
  }
  .border-\[var\(--site-border\)\] {
    border-color: var(--site-border);
  }
  .border-\[var\(--site-btn-border\)\] {
    border-color: var(--site-btn-border);
  }
  .border-border {
    border-color: var(--border);
  }
  .border-border\/40 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }
  .border-border\/50 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .border-control-edge {
    border-color: var(--control-edge);
  }
  .border-control-edge-soft {
    border-color: var(--control-edge-soft);
  }
  .border-fd-primary {
    border-color: var(--color-fd-primary);
  }
  .border-foreground {
    border-color: var(--foreground);
  }
  .border-input {
    border-color: var(--input);
  }
  .border-primary {
    border-color: var(--primary);
  }
  .border-surface-edge {
    border-color: var(--surface-edge);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-b-border\/40 {
    border-bottom-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }
  .bg-\(--callout-color\)\/50 {
    background-color: var(--callout-color);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--callout-color) 50%, transparent);
    }
  }
  .bg-\(--shiki-light-bg\) {
    background-color: var(--shiki-light-bg);
  }
  .bg-\[var\(--site-bg\)\] {
    background-color: var(--site-bg);
  }
  .bg-\[var\(--site-btn-bg\)\] {
    background-color: var(--site-btn-bg);
  }
  .bg-\[var\(--site-card\)\] {
    background-color: var(--site-card);
  }
  .bg-\[var\(--site-muted\)\] {
    background-color: var(--site-muted);
  }
  .bg-\[var\(--site-muted-fg\)\] {
    background-color: var(--site-muted-fg);
  }
  .bg-\[var\(--site-pill-bg\,var\(--site-primary\)\)\] {
    background-color: var(--site-pill-bg,var(--site-primary));
  }
  .bg-\[var\(--site-pill-fg\,var\(--site-primary-fg\)\)\] {
    background-color: var(--site-pill-fg,var(--site-primary-fg));
  }
  .bg-\[var\(--site-primary\)\] {
    background-color: var(--site-primary);
  }
  .bg-\[var\(--status-ok\)\]\/15 {
    background-color: var(--status-ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--status-ok) 15%, transparent);
    }
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-background\/90 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }
  .bg-background\/95 {
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/70 {
    background-color: color-mix(in srgb, #000 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
    }
  }
  .bg-border {
    background-color: var(--border);
  }
  .bg-border\/60 {
    background-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-current\/10 {
    background-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
  .bg-editor-shell {
    background-color: var(--editor-shell-bg);
  }
  .bg-fd-accent {
    background-color: var(--color-fd-accent);
  }
  .bg-fd-background {
    background-color: var(--color-fd-background);
  }
  .bg-fd-background\/60 {
    background-color: color-mix(in srgb, hsl(0, 0%, 96%) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-background) 60%, transparent);
    }
  }
  .bg-fd-background\/80 {
    background-color: color-mix(in srgb, hsl(0, 0%, 96%) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
    }
  }
  .bg-fd-border {
    background-color: var(--color-fd-border);
  }
  .bg-fd-card {
    background-color: var(--color-fd-card);
  }
  .bg-fd-muted {
    background-color: var(--color-fd-muted);
  }
  .bg-fd-overlay {
    background-color: var(--color-fd-overlay);
  }
  .bg-fd-popover {
    background-color: var(--color-fd-popover);
  }
  .bg-fd-popover\/60 {
    background-color: color-mix(in srgb, hsl(0, 0%, 98%) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-popover) 60%, transparent);
    }
  }
  .bg-fd-popover\/80 {
    background-color: color-mix(in srgb, hsl(0, 0%, 98%) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-popover) 80%, transparent);
    }
  }
  .bg-fd-primary {
    background-color: var(--color-fd-primary);
  }
  .bg-fd-primary\/10 {
    background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
    }
  }
  .bg-fd-secondary {
    background-color: var(--color-fd-secondary);
  }
  .bg-fd-secondary\/50 {
    background-color: color-mix(in srgb, hsl(0, 0%, 93.1%) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-secondary) 50%, transparent);
    }
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-foreground\/\[0\.04\] {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
    }
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted-foreground {
    background-color: var(--muted-foreground);
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-primary\/10 {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-surface-edge {
    background-color: var(--surface-edge);
  }
  .bg-surface-inset {
    background-color: var(--surface-inset);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(currentColor\,currentColor\)\] {
    background-image: linear-gradient(currentColor,currentColor);
  }
  .from-black\/60 {
    --tw-gradient-from: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, 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-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));
  }
  .mask-\[linear-gradient\(to_bottom\,transparent\,white_--spacing\(14\)\,white_calc\(100\%---spacing\(14\)\)\,transparent\)\] {
    mask-image: linear-gradient(to bottom,transparent,white calc(var(--spacing) * 14),white calc(100% - calc(var(--spacing) * 14)),transparent);
  }
  .mask-\[linear-gradient\(to_bottom\,transparent\,white_12px\,white_calc\(100\%-12px\)\,transparent\)\] {
    mask-image: linear-gradient(to bottom,transparent,white 12px,white calc(100% - 12px),transparent);
  }
  .mask-\[linear-gradient\(to_bottom\,transparent\,white_16px\,white_calc\(100\%-16px\)\,transparent\)\] {
    mask-image: linear-gradient(to bottom,transparent,white 16px,white calc(100% - 16px),transparent);
  }
  .mask-\[linear-gradient\(to_bottom\,white\,white_30px\,transparent_80px\)\] {
    mask-image: linear-gradient(to bottom,white,white 30px,transparent 80px);
  }
  .box-decoration-clone {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .bg-\[length\:0_1px\] {
    background-size: 0 1px;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-\[position\:0_55\%\] {
    background-position: 0 55%;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-\(--callout-color\) {
    fill: var(--callout-color);
  }
  .fill-fd-muted {
    fill: var(--color-fd-muted);
  }
  .fill-fd-muted-foreground {
    fill: var(--color-fd-muted-foreground);
  }
  .fill-fd-primary {
    fill: var(--color-fd-primary);
  }
  .fill-fd-primary-foreground {
    fill: var(--color-fd-primary-foreground);
  }
  .stroke-current\/25 {
    stroke: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, currentcolor 25%, transparent);
    }
  }
  .stroke-fd-foreground\/10 {
    stroke: color-mix(in srgb, hsl(0, 0%, 3.9%) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-fd-foreground) 10%, transparent);
    }
  }
  .stroke-fd-primary {
    stroke: var(--color-fd-primary);
  }
  .\[stroke-width\:1\.33333\]\! {
    stroke-width: 1.33333 !important;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: 0;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-\[var\(--site-space-xl\)\] {
    padding: var(--site-space-xl);
  }
  .px-0 {
    padding-inline: 0;
  }
  .px-0\! {
    padding-inline: 0 !important;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .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-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[var\(--site-btn-px\,0\.875rem\)\] {
    padding-inline: var(--site-btn-px,0.875rem);
  }
  .px-\[var\(--site-space-3xl\)\] {
    padding-inline: var(--site-space-3xl);
  }
  .px-px {
    padding-inline: 1px;
  }
  .py-0 {
    padding-block: 0;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .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-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-\[calc\(var\(--site-space-3xl\)\*1\.75\)\] {
    padding-block: calc(var(--site-space-3xl) * 1.75);
  }
  .py-\[max\(calc\(var\(--site-section-py\)\*1\.11\)\,clamp\(4rem\,9cqw\,8\.5rem\)\)\] {
    padding-block: max(calc(var(--site-section-py) * 1.11), clamp(4rem, 9cqw, 8.5rem));
  }
  .py-\[var\(--site-btn-py\,0\.375rem\)\] {
    padding-block: var(--site-btn-py,0.375rem);
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-0 {
    padding-inline-start: 0;
  }
  .ps-1 {
    padding-inline-start: var(--spacing);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .ps-\[30px\] {
    padding-inline-start: 30px;
  }
  .pe-0 {
    padding-inline-end: 0;
  }
  .pe-1 {
    padding-inline-end: var(--spacing);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-2\.5 {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-\[calc\(var\(--site-section-py\)\*var\(--section-pt-scale\,1\)\*var\(--section-py-own\,1\)\)\] {
    padding-top: calc(var(--site-section-py) * var(--section-pt-scale,1) * var(--section-py-own,1));
  }
  .pt-\[var\(--site-space-2xl\)\] {
    padding-top: var(--site-space-2xl);
  }
  .pr-\(--removed-body-scroll-bar-size\,0\) {
    padding-right: var(--removed-body-scroll-bar-size,0);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
  }
  .pb-\[calc\(var\(--site-section-py\)\*var\(--section-pb-scale\,1\)\*var\(--section-py-own\,1\)\)\] {
    padding-bottom: calc(var(--site-section-py) * var(--section-pb-scale,1) * var(--section-py-own,1));
  }
  .pb-\[var\(--site-space-2xl\)\] {
    padding-bottom: var(--site-space-2xl);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .\[text-align\:var\(--slot-align\,inherit\)\] {
    text-align: var(--slot-align,inherit);
  }
  .\[text-align\:var\(--slot-align\,var\(--site-heading-align\)\)\] {
    text-align: var(--slot-align,var(--site-heading-align));
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .font-\[family-name\:var\(--site-family-body\)\] {
    font-family: var(--site-family-body);
  }
  .font-\[family-name\:var\(--site-family-h1\)\] {
    font-family: var(--site-family-h1);
  }
  .font-\[family-name\:var\(--site-family-h2\)\] {
    font-family: var(--site-family-h2);
  }
  .font-\[family-name\:var\(--site-family-h3\)\] {
    font-family: var(--site-family-h3);
  }
  .font-\[family-name\:var\(--site-family-lead\)\] {
    font-family: var(--site-family-lead);
  }
  .font-\[family-name\:var\(--site-family-sm\)\] {
    font-family: var(--site-family-sm);
  }
  .font-\[family-name\:var\(--site-font-heading\)\] {
    font-family: var(--site-font-heading);
  }
  .font-\[family-name\:var\(--site-wordmark-family\,var\(--site-font-heading\)\)\] {
    font-family: var(--site-wordmark-family,var(--site-font-heading));
  }
  .font-mono {
    font-family: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .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-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--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-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[font-size\:calc\(clamp\(36px\,1\.5rem\+2\.6cqw\,60px\)\*var\(--slot-size-mult\,1\)\)\] {
    font-size: calc(clamp(36px, 1.5rem + 2.6cqw, 60px) * var(--slot-size-mult,1));
  }
  .\[font-size\:calc\(var\(--site-text-body\)\*var\(--slot-size-mult\,1\)\)\] {
    font-size: calc(var(--site-text-body) * var(--slot-size-mult,1));
  }
  .\[font-size\:calc\(var\(--site-text-h1\)\*var\(--slot-size-mult\,1\)\)\] {
    font-size: calc(var(--site-text-h1) * var(--slot-size-mult,1));
  }
  .\[font-size\:calc\(var\(--site-text-h2\)\*var\(--slot-size-mult\,1\)\*var\(--section-heading-mult\,1\)\)\] {
    font-size: calc(var(--site-text-h2) * var(--slot-size-mult,1) * var(--section-heading-mult,1));
  }
  .\[font-size\:calc\(var\(--site-text-h3\)\*var\(--slot-size-mult\,1\)\)\] {
    font-size: calc(var(--site-text-h3) * var(--slot-size-mult,1));
  }
  .\[font-size\:calc\(var\(--site-text-lead\)\*var\(--slot-size-mult\,1\)\)\] {
    font-size: calc(var(--site-text-lead) * var(--slot-size-mult,1));
  }
  .\[font-size\:calc\(var\(--site-text-sm\)\*var\(--slot-size-mult\,1\)\)\] {
    font-size: calc(var(--site-text-sm) * var(--slot-size-mult,1));
  }
  .\[font-size\:var\(--site-text-cta\,1rem\)\] {
    font-size: var(--site-text-cta,1rem);
  }
  .\[font-size\:var\(--site-text-sm\)\] {
    font-size: var(--site-text-sm);
  }
  .\[font-size\:var\(--site-wordmark-size\,var\(--site-wordmark-base\,1rem\)\)\] {
    font-size: var(--site-wordmark-size,var(--site-wordmark-base,1rem));
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[0\.9375rem\] {
    font-size: 0.9375rem;
  }
  .text-\[1\.75em\] {
    font-size: 1.75em;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[length\:inherit\] {
    font-size: inherit;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\[line-height\:var\(--slot-leading\,var\(--site-leading-body-mobile\)\)\] {
    line-height: var(--slot-leading,var(--site-leading-body-mobile));
  }
  .\[line-height\:var\(--slot-leading\,var\(--site-leading-h1\)\)\] {
    line-height: var(--slot-leading,var(--site-leading-h1));
  }
  .\[line-height\:var\(--slot-leading\,var\(--site-leading-h2\)\)\] {
    line-height: var(--slot-leading,var(--site-leading-h2));
  }
  .\[line-height\:var\(--slot-leading\,var\(--site-leading-h3\)\)\] {
    line-height: var(--slot-leading,var(--site-leading-h3));
  }
  .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);
  }
  .\[font-weight\:var\(--site-weight-cta\,500\)\] {
    font-weight: var(--site-weight-cta,500);
  }
  .\[font-weight\:var\(--site-weight-medium\)\] {
    font-weight: var(--site-weight-medium);
  }
  .\[font-weight\:var\(--site-wordmark-weight\,600\)\] {
    font-weight: var(--site-wordmark-weight,600);
  }
  .\[font-weight\:var\(--slot-weight\,var\(--site-weight-body\)\)\] {
    font-weight: var(--slot-weight,var(--site-weight-body));
  }
  .\[font-weight\:var\(--slot-weight\,var\(--site-weight-h1\)\)\] {
    font-weight: var(--slot-weight,var(--site-weight-h1));
  }
  .\[font-weight\:var\(--slot-weight\,var\(--site-weight-h2\)\)\] {
    font-weight: var(--slot-weight,var(--site-weight-h2));
  }
  .\[font-weight\:var\(--slot-weight\,var\(--site-weight-h3\)\)\] {
    font-weight: var(--slot-weight,var(--site-weight-h3));
  }
  .\[font-weight\:var\(--slot-weight\,var\(--site-weight-lead\)\)\] {
    font-weight: var(--slot-weight,var(--site-weight-lead));
  }
  .\[font-weight\:var\(--slot-weight\,var\(--site-weight-sm\)\)\] {
    font-weight: var(--slot-weight,var(--site-weight-sm));
  }
  .tracking-\[-0\.035em\] {
    --tw-tracking: -0.035em;
    letter-spacing: -0.035em;
  }
  .tracking-tight {
    --tw-tracking: calc(var(--tracking-normal) - 0.015em);
    letter-spacing: calc(var(--tracking-normal) - 0.015em);
  }
  .\[letter-spacing\:calc\(-0\.04em_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(-0.04em + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:calc\(var\(--site-tracking-body\)_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(var(--site-tracking-body) + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:calc\(var\(--site-tracking-h1\)_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(var(--site-tracking-h1) + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:calc\(var\(--site-tracking-h2\)_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(var(--site-tracking-h2) + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:calc\(var\(--site-tracking-h3\)_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(var(--site-tracking-h3) + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:calc\(var\(--site-tracking-lead\)_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(var(--site-tracking-lead) + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:calc\(var\(--site-tracking-sm\)_\+_var\(--slot-tracking\,0em\)\)\] {
    letter-spacing: calc(var(--site-tracking-sm) + var(--slot-tracking,0em));
  }
  .\[letter-spacing\:var\(--site-wordmark-tracking\,-0\.04em\)\] {
    letter-spacing: var(--site-wordmark-tracking,-0.04em);
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .\[overflow-wrap\:break-word\] {
    overflow-wrap: break-word;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .hyphens-none {
    -webkit-hyphens: none;
    hyphens: none;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-body\,inherit\)\)\] {
    color: var(--slot-ink,var(--site-ink-body,inherit));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-body\,var\(--site-muted-fg\)\)\)\] {
    color: var(--slot-ink,var(--site-ink-body,var(--site-muted-fg)));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-h1\,currentColor\)\)\] {
    color: var(--slot-ink,var(--site-ink-h1,currentColor));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-h2\,currentColor\)\)\] {
    color: var(--slot-ink,var(--site-ink-h2,currentColor));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-h3\,currentColor\)\)\] {
    color: var(--slot-ink,var(--site-ink-h3,currentColor));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-lead\,var\(--site-muted-fg\)\)\)\] {
    color: var(--slot-ink,var(--site-ink-lead,var(--site-muted-fg)));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-sm\,inherit\)\)\] {
    color: var(--slot-ink,var(--site-ink-sm,inherit));
  }
  .\[color\:var\(--slot-ink\,var\(--site-ink-sm\,var\(--site-muted-fg\)\)\)\] {
    color: var(--slot-ink,var(--site-ink-sm,var(--site-muted-fg)));
  }
  .text-\(--callout-color\) {
    color: var(--callout-color);
  }
  .text-\[var\(--site-btn-fg\)\] {
    color: var(--site-btn-fg);
  }
  .text-\[var\(--site-card-fg\)\] {
    color: var(--site-card-fg);
  }
  .text-\[var\(--site-fg\)\] {
    color: var(--site-fg);
  }
  .text-\[var\(--site-muted\)\] {
    color: var(--site-muted);
  }
  .text-\[var\(--site-muted-fg\)\] {
    color: var(--site-muted-fg);
  }
  .text-\[var\(--site-pill-bg\,var\(--site-primary\)\)\] {
    color: var(--site-pill-bg,var(--site-primary));
  }
  .text-\[var\(--site-pill-fg\,var\(--site-primary-fg\)\)\] {
    color: var(--site-pill-fg,var(--site-primary-fg));
  }
  .text-\[var\(--site-primary-fg\)\] {
    color: var(--site-primary-fg);
  }
  .text-\[var\(--status-ok-fg\)\] {
    color: var(--status-ok-fg);
  }
  .text-background {
    color: var(--background);
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-current {
    color: currentcolor;
  }
  .text-fd-accent-foreground {
    color: var(--color-fd-accent-foreground);
  }
  .text-fd-card {
    color: var(--color-fd-card);
  }
  .text-fd-card-foreground {
    color: var(--color-fd-card-foreground);
  }
  .text-fd-foreground {
    color: var(--color-fd-foreground);
  }
  .text-fd-foreground\/80 {
    color: color-mix(in srgb, hsl(0, 0%, 3.9%) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fd-foreground) 80%, transparent);
    }
  }
  .text-fd-muted-foreground {
    color: var(--color-fd-muted-foreground);
  }
  .text-fd-muted-foreground\/50 {
    color: color-mix(in srgb, hsl(0, 0%, 45.1%) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fd-muted-foreground) 50%, transparent);
    }
  }
  .text-fd-popover-foreground {
    color: var(--color-fd-popover-foreground);
  }
  .text-fd-popover-foreground\/80 {
    color: color-mix(in srgb, hsl(0, 0%, 15.1%) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fd-popover-foreground) 80%, transparent);
    }
  }
  .text-fd-primary {
    color: var(--color-fd-primary);
  }
  .text-fd-primary-foreground {
    color: var(--color-fd-primary-foreground);
  }
  .text-fd-primary\/50 {
    color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
    }
  }
  .text-fd-secondary-foreground {
    color: var(--color-fd-secondary-foreground);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .\[text-transform\:var\(--site-wordmark-transform\)\] {
    text-transform: var(--site-wordmark-transform);
  }
  .\[text-transform\:var\(--slot-transform\,var\(--site-transform-body\)\)\] {
    text-transform: var(--slot-transform,var(--site-transform-body));
  }
  .\[text-transform\:var\(--slot-transform\,var\(--site-transform-h1\)\)\] {
    text-transform: var(--slot-transform,var(--site-transform-h1));
  }
  .\[text-transform\:var\(--slot-transform\,var\(--site-transform-h2\)\)\] {
    text-transform: var(--slot-transform,var(--site-transform-h2));
  }
  .\[text-transform\:var\(--slot-transform\,var\(--site-transform-h3\)\)\] {
    text-transform: var(--slot-transform,var(--site-transform-h3));
  }
  .\[text-transform\:var\(--slot-transform\,var\(--site-transform-lead\)\)\] {
    text-transform: var(--slot-transform,var(--site-transform-lead));
  }
  .\[text-transform\:var\(--slot-transform\,var\(--site-transform-sm\)\)\] {
    text-transform: var(--slot-transform,var(--site-transform-sm));
  }
  .normal-case {
    text-transform: none;
  }
  .\[font-style\:var\(--site-wordmark-style\)\] {
    font-style: var(--site-wordmark-style);
  }
  .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,);
  }
  .\[text-decoration-line\:none\] {
    text-decoration-line: none;
  }
  .\[text-decoration-line\:var\(--site-btn-decoration\)\] {
    text-decoration-line: var(--site-btn-decoration);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-muted-foreground\/60 {
    text-decoration-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .caret-foreground {
    caret-color: var(--foreground);
  }
  .opacity-\(--opacity\,0\) {
    opacity: var(--opacity,0);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-2xl {
    --tw-shadow: var(--shadow-2xl);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--site-btn-shadow\)\] {
    --tw-shadow: var(--site-btn-shadow);
    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: var(--shadow-lg);
    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: var(--shadow-md);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: var(--shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .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);
  }
  .shadow-black\/50 {
    --tw-shadow-color: color-mix(in srgb, #000 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-background {
    --tw-ring-color: var(--background);
  }
  .ring-border {
    --tw-ring-color: var(--border);
  }
  .ring-control-edge-soft {
    --tw-ring-color: var(--control-edge-soft);
  }
  .ring-foreground {
    --tw-ring-color: var(--foreground);
  }
  .ring-foreground\/5 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }
  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
  .ring-primary {
    --tw-ring-color: var(--primary);
  }
  .ring-primary\/25 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 25%, transparent);
    }
  }
  .ring-primary\/60 {
    --tw-ring-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .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-\[background-color\,border-color\,color\] {
    transition-property: background-color,border-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,opacity\] {
    transition-property: background-color,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-size\,color\] {
    transition-property: background-size,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[clip-path\] {
    transition-property: clip-path;
    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\,margin-bottom\] {
    transition-property: grid-template-rows,opacity,margin-bottom;
    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-\[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-\[opacity\,offset-distance\] {
    transition-property: opacity,offset-distance;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,scale\] {
    transition-property: opacity,scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,translate\] {
    transition-property: opacity,transform,translate;
    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-\[opacity\,translate\,color\] {
    transition-property: opacity,translate,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,translate\] {
    transition-property: opacity,translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,visibility\] {
    transition-property: opacity,visibility;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[padding\] {
    transition-property: padding;
    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\,height\] {
    transition-property: width,height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,inset-block\,translate\,background-color\] {
    transition-property: width,inset-block,translate,background-color;
    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-shadow {
    transition-property: box-shadow;
    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-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-base {
    --tw-duration: var(--duration-base);
    transition-duration: var(--duration-base);
  }
  .duration-fast {
    --tw-duration: var(--duration-fast);
    transition-duration: var(--duration-fast);
  }
  .duration-panel {
    --tw-duration: var(--duration-panel);
    transition-duration: var(--duration-panel);
  }
  .duration-pop {
    --tw-duration: var(--duration-pop);
    transition-duration: var(--duration-pop);
  }
  .ease-\[var\(--ease-out-emphasized\)\] {
    --tw-ease: var(--ease-out-emphasized);
    transition-timing-function: var(--ease-out-emphasized);
  }
  .ease-emphasized {
    --tw-ease: var(--ease-out-emphasized);
    transition-timing-function: var(--ease-out-emphasized);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--card-spacing\:--spacing\(5\)\] {
    --card-spacing: calc(var(--spacing) * 5);
  }
  .\[--fd-docs-height\:100dvh\] {
    --fd-docs-height: 100dvh;
  }
  .\[--fd-header-height\:0px\] {
    --fd-header-height: 0px;
  }
  .\[--fd-layout-width\:1400px\] {
    --fd-layout-width: 1400px;
  }
  .\[--fd-sidebar-width\:0px\] {
    --fd-sidebar-width: 0px;
  }
  .\[--fd-toc-popover-height\:0px\] {
    --fd-toc-popover-height: 0px;
  }
  .\[--fd-toc-width\:0px\] {
    --fd-toc-width: 0px;
  }
  .\[--footer-cols\:2\] {
    --footer-cols: 2;
  }
  .\[--footer-slot\:calc\(\(100\%_-_\(var\(--footer-cols\)_-_1\)_\*_var\(--site-grid-gap\,2rem\)\)_\/_var\(--footer-cols\)_-_1px\)\] {
    --footer-slot: calc((100% - (var(--footer-cols) - 1) * var(--site-grid-gap,2rem)) / var(--footer-cols) - 1px);
  }
  .\[--safe-b-min\:1\.5rem\] {
    --safe-b-min: 1.5rem;
  }
  .\[--safe-t-min\:0\.25rem\] {
    --safe-t-min: 0.25rem;
  }
  .\[--safe-x-min\:0\.75rem\] {
    --safe-x-min: 0.75rem;
  }
  .\[--site-gutter\:var\(--site-grid-gap\,1rem\)\] {
    --site-gutter: var(--site-grid-gap,1rem);
  }
  .\[--site-heading-align\:start\] {
    --site-heading-align: start;
  }
  .\[--site-heading-items\:stretch\] {
    --site-heading-items: stretch;
  }
  .\[--site-section-py\:calc\(var\(--site-py-base\,4\.5rem\)\*var\(--site-section-density\,var\(--site-density\)\)\*var\(--section-py-mult\,1\)\)\] {
    --site-section-py: calc(var(--site-py-base,4.5rem) * var(--site-section-density,var(--site-density)) * var(--section-py-mult,1));
  }
  .\[--slot-align\:inherit\] {
    --slot-align: inherit;
  }
  .\[font-synthesis\:var\(--site-wordmark-synthesis\,auto\)\] {
    font-synthesis: var(--site-wordmark-synthesis,auto);
  }
  .\[grid-area\:header\] {
    grid-area: header;
  }
  .\[grid-area\:main\] {
    grid-area: main;
  }
  .\[grid-area\:sidebar\] {
    grid-area: sidebar;
  }
  .\[grid-area\:toc-popover\] {
    grid-area: toc-popover;
  }
  .\[grid-area\:toc\] {
    grid-area: toc;
  }
  .\[offset-distance\:var\(--offset-distance\,0\)\] {
    offset-distance: var(--offset-distance,0);
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .\*\:pointer-events-auto {
    :is(& > *) {
      pointer-events: auto;
    }
  }
  .\*\:col-start-1 {
    :is(& > *) {
      grid-column-start: 1;
    }
  }
  .\*\:row-start-1 {
    :is(& > *) {
      grid-row-start: 1;
    }
  }
  .\*\:mx-auto {
    :is(& > *) {
      margin-inline: auto;
    }
  }
  .\*\:my-auto {
    :is(& > *) {
      margin-block: auto;
    }
  }
  .\*\:flex {
    :is(& > *) {
      display: flex;
    }
  }
  .\*\:flex\! {
    :is(& > *) {
      display: flex !important;
    }
  }
  .\*\:w-\(--fd-sidebar-width\) {
    :is(& > *) {
      width: var(--fd-sidebar-width);
    }
  }
  .\*\:max-w-\(--fd-layout-width\) {
    :is(& > *) {
      max-width: var(--fd-layout-width);
    }
  }
  .\*\:max-w-\[900px\] {
    :is(& > *) {
      max-width: 900px;
    }
  }
  .\*\:max-w-\[1285px\] {
    :is(& > *) {
      max-width: 1285px;
    }
  }
  .\*\:max-w-full {
    :is(& > *) {
      max-width: 100%;
    }
  }
  .\*\:min-w-auto {
    :is(& > *) {
      min-width: auto;
    }
  }
  .\*\:grow {
    :is(& > *) {
      flex-grow: 1;
    }
  }
  .\*\:basis-\[var\(--footer-slot\)\] {
    :is(& > *) {
      flex-basis: var(--footer-slot);
    }
  }
  .\*\:flex-col {
    :is(& > *) {
      flex-direction: column;
    }
  }
  .\*\:flex-col\! {
    :is(& > *) {
      flex-direction: column !important;
    }
  }
  .\*\:gap-0\! {
    :is(& > *) {
      gap: 0 !important;
    }
  }
  .\*\:gap-0\.5\! {
    :is(& > *) {
      gap: calc(var(--spacing) * 0.5) !important;
    }
  }
  .\*\:rounded-full {
    :is(& > *) {
      border-radius: calc(infinity * 1px);
    }
  }
  .\*\:rounded-lg {
    :is(& > *) {
      border-radius: 0.75rem;
    }
  }
  .\*\:rounded-md {
    :is(& > *) {
      border-radius: 0.5rem;
    }
  }
  .\*\:border-b {
    :is(& > *) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .not-last\:mb-2 {
    &:not(*:last-child) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-focus-within\:opacity-100 {
    &:is(:where(.group):focus-within *) {
      opacity: 100%;
    }
  }
  .group-focus-within\/attachment\:opacity-100 {
    &:is(:where(.group\/attachment):focus-within *) {
      opacity: 100%;
    }
  }
  .group-hover\:bg-muted-foreground\/40 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--muted-foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
        }
      }
    }
  }
  .group-hover\:opacity-90 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/attachment\:opacity-100 {
    &:is(:where(.group\/attachment):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/heading\:opacity-100 {
    &:is(:where(.group\/heading):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/home\:opacity-0 {
    &:is(:where(.group\/home):hover *) {
      @media (hover: hover) {
        opacity: 0%;
      }
    }
  }
  .group-hover\/home\:opacity-100 {
    &:is(:where(.group\/home):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-hover\/msg\:pointer-events-auto {
    &:is(:where(.group\/msg):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\/msg\:opacity-100 {
    &:is(:where(.group\/msg):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .group-data-\[disabled\=true\]\:pointer-events-none {
    &:is(:where(.group)[data-disabled="true"] *) {
      pointer-events: none;
    }
  }
  .group-data-\[disabled\=true\]\:opacity-50 {
    &:is(:where(.group)[data-disabled="true"] *) {
      opacity: 50%;
    }
  }
  .group-data-\[state\=active\]\:bg-fd-primary {
    &:is(:where(.group)[data-state="active"] *) {
      background-color: var(--color-fd-primary);
    }
  }
  .group-data-\[state\=open\]\:rotate-90 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 90deg;
    }
  }
  .group-data-\[state\=open\]\:rotate-180 {
    &:is(:where(.group)[data-state="open"] *) {
      rotate: 180deg;
    }
  }
  .peer-disabled\:cursor-not-allowed {
    &:is(:where(.peer):disabled ~ *) {
      cursor: not-allowed;
    }
  }
  .peer-disabled\:opacity-50 {
    &:is(:where(.peer):disabled ~ *) {
      opacity: 50%;
    }
  }
  .file\:inline-flex {
    &::file-selector-button {
      display: inline-flex;
    }
  }
  .file\:h-6 {
    &::file-selector-button {
      height: calc(var(--spacing) * 6);
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-transparent {
    &::file-selector-button {
      background-color: transparent;
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .file\:text-foreground {
    &::file-selector-button {
      color: var(--foreground);
    }
  }
  .placeholder\:text-fd-muted-foreground {
    &::placeholder {
      color: var(--color-fd-muted-foreground);
    }
  }
  .placeholder\:text-muted-foreground {
    &::placeholder {
      color: var(--muted-foreground);
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:inset-y-1 {
    &::before {
      content: var(--tw-content);
      inset-block: var(--spacing);
    }
  }
  .before\:inset-s-2\.5 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 2.5);
    }
  }
  .before\:start-2\.5 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 2.5);
    }
  }
  .before\:w-px {
    &::before {
      content: var(--tw-content);
      width: 1px;
    }
  }
  .before\:bg-fd-border {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-fd-border);
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:-inset-2 {
    &::after {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2);
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .first\:ms-0 {
    &:first-child {
      margin-inline-start: 0;
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: 0;
    }
  }
  .last\:me-0 {
    &:last-child {
      margin-inline-end: 0;
    }
  }
  .last\:rounded-b-xl {
    &:last-child {
      border-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .\*\:last\:border-b-0 {
    :is(& > *) {
      &:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .empty\:mb-0 {
    &:empty {
      margin-bottom: 0;
    }
  }
  .empty\:hidden {
    &:empty {
      display: none;
    }
  }
  .focus-within\:pointer-events-auto {
    &:focus-within {
      pointer-events: auto;
    }
  }
  .focus-within\:border-foreground\/10 {
    &:focus-within {
      border-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
  }
  .focus-within\:opacity-100 {
    &:focus-within {
      opacity: 100%;
    }
  }
  .focus-within\:ring-2 {
    &:focus-within {
      --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);
    }
  }
  .focus-within\:ring-ring {
    &:focus-within {
      --tw-ring-color: var(--ring);
    }
  }
  .hover\:transform-none {
    &:hover {
      @media (hover: hover) {
        transform: none;
      }
    }
  }
  .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--border);
      }
    }
  }
  .hover\:border-foreground\/35 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--foreground) 35%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[color-mix\(in_oklch\,var\(--site-pill-bg\,var\(--site-primary\)\)\,black_10\%\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-pill-bg,var(--site-primary));
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklch,var(--site-pill-bg,var(--site-primary)),black 10%);
        }
      }
    }
  }
  .hover\:bg-\[var\(--site-btn-hover-bg\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-btn-hover-bg);
      }
    }
  }
  .hover\:bg-\[var\(--site-fg\)\]\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-fg);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--site-fg) 5%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--site-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--site-muted);
      }
    }
  }
  .hover\:bg-background {
    &:hover {
      @media (hover: hover) {
        background-color: var(--background);
      }
    }
  }
  .hover\:bg-control-plate {
    &:hover {
      @media (hover: hover) {
        background-color: var(--control-plate);
      }
    }
  }
  .hover\:bg-fd-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-fd-accent);
      }
    }
  }
  .hover\:bg-fd-accent\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-fd-accent\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-fd-accent) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-fd-primary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-fd-primary) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
        }
      }
    }
  }
  .hover\:bg-foreground\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
      }
    }
  }
  .hover\:bg-muted\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary-hover);
      }
    }
  }
  .hover\:bg-surface-inset-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--surface-inset-hover);
      }
    }
  }
  .hover\:text-\[var\(--site-fg\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--site-fg);
      }
    }
  }
  .hover\:text-fd-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-fd-accent-foreground);
      }
    }
  }
  .hover\:text-fd-accent-foreground\/80 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, hsl(0, 0%, 9%) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-fd-accent-foreground) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-fd-popover-foreground\/50 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in srgb, hsl(0, 0%, 15.1%) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-fd-popover-foreground) 50%, transparent);
        }
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:opacity-75 {
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .hover\:opacity-80 {
    &:hover {
      @media (hover: hover) {
        opacity: 80%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:\[box-shadow\:none\] {
    &:hover {
      @media (hover: hover) {
        box-shadow: none;
      }
    }
  }
  .hover\:transition-none {
    &:hover {
      @media (hover: hover) {
        transition-property: none;
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:absolute {
    &:focus {
      position: absolute;
    }
  }
  .focus\:start-4 {
    &:focus {
      inset-inline-start: calc(var(--spacing) * 4);
    }
  }
  .focus\:top-\[calc\(1rem\+env\(safe-area-inset-top\)\)\] {
    &:focus {
      top: calc(1rem + env(safe-area-inset-top));
    }
  }
  .focus\:z-docked {
    &:focus {
      z-index: var(--z-docked);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:border-background {
    &:focus-visible {
      border-color: var(--background);
    }
  }
  .focus-visible\:border-foreground {
    &:focus-visible {
      border-color: var(--foreground);
    }
  }
  .focus-visible\:border-primary-foreground {
    &:focus-visible {
      border-color: var(--primary-foreground);
    }
  }
  .focus-visible\:border-ring {
    &:focus-visible {
      border-color: var(--ring);
    }
  }
  .focus-visible\:ring-0 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-fd-ring {
    &:focus-visible {
      --tw-ring-color: var(--color-fd-ring);
    }
  }
  .focus-visible\:ring-foreground\/40 {
    &:focus-visible {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 40%, transparent);
      }
    }
  }
  .focus-visible\:ring-ring {
    &:focus-visible {
      --tw-ring-color: var(--ring);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:ring-offset-background {
    &:focus-visible {
      --tw-ring-offset-color: var(--background);
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-offset-4 {
    &:focus-visible {
      outline-offset: 4px;
    }
  }
  .focus-visible\:outline-offset-\[-2px\] {
    &:focus-visible {
      outline-offset: -2px;
    }
  }
  .focus-visible\:outline-\[var\(--site-primary\)\] {
    &:focus-visible {
      outline-color: var(--site-primary);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-inset {
    &:focus-visible {
      --tw-ring-inset: inset;
    }
  }
  .active\:cursor-grabbing {
    &:active {
      cursor: grabbing;
    }
  }
  .active\:bg-control-plate-hover {
    &:active {
      background-color: var(--control-plate-hover);
    }
  }
  .active\:bg-foreground\/80 {
    &:active {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }
  }
  .active\:bg-primary-press {
    &:active {
      background-color: var(--primary-press);
    }
  }
  .active\:opacity-80 {
    &:active {
      opacity: 80%;
    }
  }
  .active\:not-aria-\[haspopup\]\:opacity-80 {
    &:active {
      &:not(*[aria-haspopup]) {
        opacity: 80%;
      }
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-fd-secondary {
    &:disabled {
      background-color: var(--color-fd-secondary);
    }
  }
  .disabled\:bg-input\/50 {
    &:disabled {
      background-color: var(--input);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }
  .disabled\:text-fd-secondary-foreground {
    &:disabled {
      color: var(--color-fd-secondary-foreground);
    }
  }
  .disabled\:text-muted-foreground {
    &:disabled {
      color: var(--muted-foreground);
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .in-data-\[section-measure\=center\]\:\!max-w-none {
    :where(*[data-section-measure="center"]) & {
      max-width: none !important;
    }
  }
  .in-data-\[slot\=button-group\]\:rounded-md {
    :where(*[data-slot="button-group"]) & {
      border-radius: 0.5rem;
    }
  }
  .in-data-\[slot\=button-group\]\:rounded-row {
    :where(*[data-slot="button-group"]) & {
      border-radius: 0.625rem;
    }
  }
  .in-\[\[data-settings-page\]\]\:mt-6 {
    :where(*:is([data-settings-page])) & {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .has-focus-visible\:bg-fd-accent {
    &:has(*:focus-visible) {
      background-color: var(--color-fd-accent);
    }
  }
  .has-data-\[active\=true\]\:text-fd-primary {
    &:has(*[data-active="true"]) {
      color: var(--color-fd-primary);
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-1\.5 {
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-2 {
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[icon\=inline-end\]\:pr-2\.5 {
    &:has(*[data-icon="inline-end"]) {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }
  .has-data-\[icon\=inline-start\]\:pl-1\.5 {
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 1.5);
    }
  }
  .has-data-\[icon\=inline-start\]\:pl-2 {
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .has-data-\[icon\=inline-start\]\:pl-2\.5 {
    &:has(*[data-icon="inline-start"]) {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }
  .has-data-\[slot\=card-footer\]\:pb-0 {
    &:has(*[data-slot="card-footer"]) {
      padding-bottom: 0;
    }
  }
  .\*\:has-\[\+\:last-child\[data-empty\=true\]\]\:border-b-0 {
    :is(& > *) {
      &:has(+:last-child[data-empty=true]) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .aria-expanded\:bg-control-plate {
    &[aria-expanded="true"] {
      background-color: var(--control-plate);
    }
  }
  .aria-expanded\:bg-foreground\/10 {
    &[aria-expanded="true"] {
      background-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
      }
    }
  }
  .aria-expanded\:text-foreground {
    &[aria-expanded="true"] {
      color: var(--foreground);
    }
  }
  .aria-invalid\:border-destructive {
    &[aria-invalid="true"] {
      border-color: var(--destructive);
    }
  }
  .aria-pressed\:bg-control-plate {
    &[aria-pressed="true"] {
      background-color: var(--control-plate);
    }
  }
  .aria-pressed\:bg-muted {
    &[aria-pressed="true"] {
      background-color: var(--muted);
    }
  }
  .aria-pressed\:text-foreground {
    &[aria-pressed="true"] {
      color: var(--foreground);
    }
  }
  .data-ending-style\:scale-\[0\.98\] {
    &[data-ending-style] {
      scale: 0.98;
    }
  }
  .data-ending-style\:opacity-0 {
    &[data-ending-style] {
      opacity: 0%;
    }
  }
  .data-ending-style\:duration-quick {
    &[data-ending-style] {
      --tw-duration: var(--duration-quick);
      transition-duration: var(--duration-quick);
    }
  }
  .data-highlighted\:bg-accent {
    &[data-highlighted] {
      background-color: var(--accent);
    }
  }
  .data-highlighted\:text-accent-foreground {
    &[data-highlighted] {
      color: var(--accent-foreground);
    }
  }
  .data-instant\:transition-none {
    &[data-instant] {
      transition-property: none;
    }
  }
  .data-popup-open\:border-ring\/40 {
    &[data-popup-open] {
      border-color: var(--ring);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--ring) 40%, transparent);
      }
    }
  }
  .data-starting-style\:scale-\[0\.98\] {
    &[data-starting-style] {
      scale: 0.98;
    }
  }
  .data-starting-style\:opacity-0 {
    &[data-starting-style] {
      opacity: 0%;
    }
  }
  .data-\[active\=true\]\:bg-fd-primary\/10 {
    &[data-active="true"] {
      background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
      }
    }
  }
  .data-\[active\=true\]\:font-medium {
    &[data-active="true"] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .data-\[active\=true\]\:text-fd-primary {
    &[data-active="true"] {
      color: var(--color-fd-primary);
    }
  }
  .data-\[active\=true\]\:before\:absolute {
    &[data-active="true"] {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .data-\[active\=true\]\:before\:inset-y-2\.5 {
    &[data-active="true"] {
      &::before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[active\=true\]\:before\:inset-s-2\.5 {
    &[data-active="true"] {
      &::before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[active\=true\]\:before\:start-2\.5 {
    &[data-active="true"] {
      &::before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing) * 2.5);
      }
    }
  }
  .data-\[active\=true\]\:before\:w-px {
    &[data-active="true"] {
      &::before {
        content: var(--tw-content);
        width: 1px;
      }
    }
  }
  .data-\[active\=true\]\:before\:bg-fd-primary {
    &[data-active="true"] {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-fd-primary);
      }
    }
  }
  .data-\[active\=true\]\:before\:content-\[\'\'\] {
    &[data-active="true"] {
      &::before {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .data-\[active\=true\]\:hover\:transition-colors {
    &[data-active="true"] {
      &:hover {
        @media (hover: hover) {
          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));
        }
      }
    }
  }
  .data-\[collapsed\=false\]\:hidden {
    &[data-collapsed="false"] {
      display: none;
    }
  }
  .data-\[column-changed\=true\]\:transition-\[grid-template-columns\] {
    &[data-column-changed="true"] {
      transition-property: grid-template-columns;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\*\:data-\[empty\=true\]\:border-b-0 {
    :is(& > *) {
      &[data-empty="true"] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .data-\[motion\=from-end\]\:animate-fd-enterFromRight {
    &[data-motion="from-end"] {
      animation: var(--animate-fd-enterFromRight);
    }
  }
  .data-\[motion\=from-start\]\:animate-fd-enterFromLeft {
    &[data-motion="from-start"] {
      animation: var(--animate-fd-enterFromLeft);
    }
  }
  .data-\[motion\=to-end\]\:animate-fd-exitToRight {
    &[data-motion="to-end"] {
      animation: var(--animate-fd-exitToRight);
    }
  }
  .data-\[motion\=to-start\]\:animate-fd-exitToLeft {
    &[data-motion="to-start"] {
      animation: var(--animate-fd-exitToLeft);
    }
  }
  .data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\] {
    &[data-size="sm"] {
      --card-spacing: calc(var(--spacing) * 3);
    }
  }
  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0 {
    &[data-size="sm"] {
      &:has(*[data-slot="card-footer"]) {
        padding-bottom: 0;
      }
    }
  }
  .data-\[state\=active\]\:border-fd-primary {
    &[data-state="active"] {
      border-color: var(--color-fd-primary);
    }
  }
  .data-\[state\=active\]\:text-fd-primary {
    &[data-state="active"] {
      color: var(--color-fd-primary);
    }
  }
  .data-\[state\=closed\]\:animate-fd-accordion-up {
    &[data-state="closed"] {
      animation: var(--animate-fd-accordion-up);
    }
  }
  .data-\[state\=closed\]\:animate-fd-collapsible-up {
    &[data-state="closed"] {
      animation: var(--animate-fd-collapsible-up);
    }
  }
  .data-\[state\=closed\]\:animate-fd-dialog-out {
    &[data-state="closed"] {
      animation: var(--animate-fd-dialog-out);
    }
  }
  .data-\[state\=closed\]\:animate-fd-fade-out {
    &[data-state="closed"] {
      animation: var(--animate-fd-fade-out);
    }
  }
  .data-\[state\=closed\]\:animate-fd-nav-menu-out {
    &[data-state="closed"] {
      animation: var(--animate-fd-nav-menu-out);
    }
  }
  .data-\[state\=closed\]\:animate-fd-popover-out {
    &[data-state="closed"] {
      animation: var(--animate-fd-popover-out);
    }
  }
  .data-\[state\=closed\]\:animate-fd-sidebar-out {
    &[data-state="closed"] {
      animation: var(--animate-fd-sidebar-out);
    }
  }
  .data-\[state\=hidden\]\:animate-fd-fade-out {
    &[data-state="hidden"] {
      animation: var(--animate-fd-fade-out);
    }
  }
  .data-\[state\=inactive\]\:hidden {
    &[data-state="inactive"] {
      display: none;
    }
  }
  .data-\[state\=open\]\:animate-fd-accordion-down {
    &[data-state="open"] {
      animation: var(--animate-fd-accordion-down);
    }
  }
  .data-\[state\=open\]\:animate-fd-collapsible-down {
    &[data-state="open"] {
      animation: var(--animate-fd-collapsible-down);
    }
  }
  .data-\[state\=open\]\:animate-fd-dialog-in {
    &[data-state="open"] {
      animation: var(--animate-fd-dialog-in);
    }
  }
  .data-\[state\=open\]\:animate-fd-fade-in {
    &[data-state="open"] {
      animation: var(--animate-fd-fade-in);
    }
  }
  .data-\[state\=open\]\:animate-fd-nav-menu-in {
    &[data-state="open"] {
      animation: var(--animate-fd-nav-menu-in);
    }
  }
  .data-\[state\=open\]\:animate-fd-popover-in {
    &[data-state="open"] {
      animation: var(--animate-fd-popover-in);
    }
  }
  .data-\[state\=open\]\:animate-fd-sidebar-in {
    &[data-state="open"] {
      animation: var(--animate-fd-sidebar-in);
    }
  }
  .data-\[state\=open\]\:bg-fd-accent {
    &[data-state="open"] {
      background-color: var(--color-fd-accent);
    }
  }
  .data-\[state\=open\]\:bg-fd-accent\/50 {
    &[data-state="open"] {
      background-color: color-mix(in srgb, hsla(0, 0%, 82%, 50%) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fd-accent) 50%, transparent);
      }
    }
  }
  .data-\[state\=open\]\:text-fd-accent-foreground {
    &[data-state="open"] {
      color: var(--color-fd-accent-foreground);
    }
  }
  .data-\[transparent\=false\]\:bg-fd-background\/80 {
    &[data-transparent="false"] {
      background-color: color-mix(in srgb, hsl(0, 0%, 96%) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-fd-background) 80%, transparent);
      }
    }
  }
  .motion-safe\:animate-in {
    @media (prefers-reduced-motion: no-preference) {
      animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
    }
  }
  .motion-safe\:duration-panel {
    @media (prefers-reduced-motion: no-preference) {
      --tw-duration: var(--duration-panel);
      transition-duration: var(--duration-panel);
    }
  }
  .motion-safe\:zoom-in-75 {
    @media (prefers-reduced-motion: no-preference) {
      --tw-enter-scale: calc(75*1%);
      --tw-enter-scale: .75;
    }
  }
  .motion-reduce\:animate-none {
    @media (prefers-reduced-motion: reduce) {
      animation: none;
    }
  }
  .motion-reduce\:transition-none {
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .motion-reduce\:\[animation-duration\:2s\] {
    @media (prefers-reduced-motion: reduce) {
      animation-duration: 2s;
    }
  }
  .max-xl\:hidden {
    @media (width < 80rem) {
      display: none;
    }
  }
  .max-lg\:flex {
    @media (width < 64rem) {
      display: flex;
    }
  }
  .max-lg\:hidden {
    @media (width < 64rem) {
      display: none;
    }
  }
  .max-lg\:rounded-b-2xl {
    @media (width < 64rem) {
      border-bottom-right-radius: 1.25rem;
      border-bottom-left-radius: 1.25rem;
    }
  }
  .max-lg\:shadow-lg {
    @media (width < 64rem) {
      --tw-shadow: var(--shadow-lg);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .max-md\:flex {
    @media (width < 48rem) {
      display: flex;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:rounded-md {
    @media (width < 48rem) {
      border-radius: 0.5rem;
    }
  }
  .max-md\:border {
    @media (width < 48rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .max-md\:bg-fd-secondary {
    @media (width < 48rem) {
      background-color: var(--color-fd-secondary);
    }
  }
  .max-md\:p-1\.5 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 1.5);
    }
  }
  .max-sm\:mt-2 {
    @media (width < 40rem) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .max-sm\:hidden {
    @media (width < 40rem) {
      display: none;
    }
  }
  .sm\:bottom-6 {
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 6);
    }
  }
  .sm\:ml-auto {
    @media (width >= 40rem) {
      margin-left: auto;
    }
  }
  .sm\:hidden {
    @media (width >= 40rem) {
      display: none;
    }
  }
  .sm\:max-w-\[380px\] {
    @media (width >= 40rem) {
      max-width: 380px;
    }
  }
  .sm\:max-w-\[400px\] {
    @media (width >= 40rem) {
      max-width: 400px;
    }
  }
  .sm\:flex-1 {
    @media (width >= 40rem) {
      flex: 1;
    }
  }
  .sm\:flex-none {
    @media (width >= 40rem) {
      flex: none;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:justify-end {
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .sm\:rounded-2xl {
    @media (width >= 40rem) {
      border-radius: 1.25rem;
    }
  }
  .sm\:border {
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .sm\:p-1 {
    @media (width >= 40rem) {
      padding: var(--spacing);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:pt-4 {
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .sm\:pb-3 {
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .sm\:text-4xl {
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .sm\:text-sm {
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:top-\[calc\(50\%-250px\)\] {
    @media (width >= 48rem) {
      top: calc(50% - 250px);
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:mb-auto {
    @media (width >= 48rem) {
      margin-bottom: auto;
    }
  }
  .md\:ml-0 {
    @media (width >= 48rem) {
      margin-left: 0;
    }
  }
  .md\:ml-1 {
    @media (width >= 48rem) {
      margin-left: var(--spacing);
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:contents {
    @media (width >= 48rem) {
      display: contents;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:inline {
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .md\:inline-flex {
    @media (width >= 48rem) {
      display: inline-flex;
    }
  }
  .md\:size-5 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .md\:size-8 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .md\:size-auto {
    @media (width >= 48rem) {
      width: auto;
      height: auto;
    }
  }
  .md\:h-auto {
    @media (width >= 48rem) {
      height: auto;
    }
  }
  .md\:w-16 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 16);
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:max-w-56 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 56);
    }
  }
  .md\:min-w-auto {
    @media (width >= 48rem) {
      min-width: auto;
    }
  }
  .md\:flex-1 {
    @media (width >= 48rem) {
      flex: 1;
    }
  }
  .md\:basis-0 {
    @media (width >= 48rem) {
      flex-basis: 0;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:justify-center {
    @media (width >= 48rem) {
      justify-content: center;
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:bg-transparent {
    @media (width >= 48rem) {
      background-color: transparent;
    }
  }
  .md\:px-0 {
    @media (width >= 48rem) {
      padding-inline: 0;
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:pt-8 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: 0;
    }
  }
  .md\:\[--safe-l-min\:0px\] {
    @media (width >= 48rem) {
      --safe-l-min: 0px;
    }
  }
  .md\:\[--safe-r-min\:0\.5rem\] {
    @media (width >= 48rem) {
      --safe-r-min: 0.5rem;
    }
  }
  .md\:\[--safe-t-min\:0px\] {
    @media (width >= 48rem) {
      --safe-t-min: 0px;
    }
  }
  .has-data-\[collapsed\=true\]\:md\:flex {
    &:has(*[data-collapsed="true"]) {
      @media (width >= 48rem) {
        display: flex;
      }
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .xl\:px-8 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .xl\:pt-14 {
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 14);
    }
  }
  .\@max-\[768px\]\:line-clamp-2 {
    @container (width < 768px) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  .\@max-\[768px\]\:border-b-0 {
    @container (width < 768px) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .\@max-\[768px\]\:\[font-size\:var\(--site-wordmark-size-phone\,var\(--site-wordmark-base-phone\,1\.125rem\)\)\] {
    @container (width < 768px) {
      font-size: var(--site-wordmark-size-phone,var(--site-wordmark-base-phone,1.125rem));
    }
  }
  .\@max-\[768px\]\:leading-\[calc\(1\.75\/1\.125\)\] {
    @container (width < 768px) {
      --tw-leading: calc(1.75 / 1.125);
      line-height: calc(1.75 / 1.125);
    }
  }
  .\@max-\[768px\]\:text-balance {
    @container (width < 768px) {
      text-wrap: balance;
    }
  }
  .\@max-\[768px\]\:break-words {
    @container (width < 768px) {
      overflow-wrap: break-word;
    }
  }
  .\@max-xl\:hidden {
    @container (width < 36rem) {
      display: none;
    }
  }
  .\@max-lg\:col-span-full {
    @container (width < 32rem) {
      grid-column: 1 / -1;
    }
  }
  .\@min-\[480px\]\:w-auto {
    @container (width >= 480px) {
      width: auto;
    }
  }
  .\@min-\[480px\]\:flex-row {
    @container (width >= 480px) {
      flex-direction: row;
    }
  }
  .\@min-\[480px\]\:flex-wrap {
    @container (width >= 480px) {
      flex-wrap: wrap;
    }
  }
  .\@min-\[480px\]\:justify-center {
    @container (width >= 480px) {
      justify-content: center;
    }
  }
  .\@min-\[600px\]\:grid-cols-3 {
    @container (width >= 600px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\@min-\[640px\]\:max-w-none {
    @container (width >= 640px) {
      max-width: none;
    }
  }
  .\@min-\[640px\]\:grid-cols-2 {
    @container (width >= 640px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@min-\[768px\]\:start-\[5\%\] {
    @container (width >= 768px) {
      inset-inline-start: 5%;
    }
  }
  .\@min-\[768px\]\:end-\[5\%\] {
    @container (width >= 768px) {
      inset-inline-end: 5%;
    }
  }
  .\@min-\[768px\]\:col-span-6 {
    @container (width >= 768px) {
      grid-column: span 6 / span 6;
    }
  }
  .\@min-\[768px\]\:col-start-7 {
    @container (width >= 768px) {
      grid-column-start: 7;
    }
  }
  .\@min-\[768px\]\:col-end-13 {
    @container (width >= 768px) {
      grid-column-end: 13;
    }
  }
  .\@min-\[768px\]\:flex {
    @container (width >= 768px) {
      display: flex;
    }
  }
  .\@min-\[768px\]\:hidden {
    @container (width >= 768px) {
      display: none;
    }
  }
  .\@min-\[768px\]\:aspect-\[2\/1\] {
    @container (width >= 768px) {
      aspect-ratio: 2/1;
    }
  }
  .\@min-\[768px\]\:aspect-auto {
    @container (width >= 768px) {
      aspect-ratio: auto;
    }
  }
  .\@min-\[768px\]\:w-auto {
    @container (width >= 768px) {
      width: auto;
    }
  }
  .\@min-\[768px\]\:max-w-\[calc\(\(100\%_-_11\*var\(--site-gutter\)\)\*10\/12_\+_9\*var\(--site-gutter\)\)\] {
    @container (width >= 768px) {
      max-width: calc((100% - 11 * var(--site-gutter)) * 10 / 12 + 9 * var(--site-gutter));
    }
  }
  .\@min-\[768px\]\:flex-1 {
    @container (width >= 768px) {
      flex: 1;
    }
  }
  .\@min-\[768px\]\:grid-cols-2 {
    @container (width >= 768px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .\@min-\[768px\]\:grid-cols-12 {
    @container (width >= 768px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .\@min-\[768px\]\:justify-center {
    @container (width >= 768px) {
      justify-content: center;
    }
  }
  .\@min-\[768px\]\:justify-end {
    @container (width >= 768px) {
      justify-content: flex-end;
    }
  }
  .\@min-\[768px\]\:gap-x-\[var\(--site-grid-gap\,2rem\)\] {
    @container (width >= 768px) {
      column-gap: var(--site-grid-gap,2rem);
    }
  }
  .\@min-\[768px\]\:gap-x-\[var\(--site-gutter\,var\(--site-grid-gap\,2rem\)\)\] {
    @container (width >= 768px) {
      column-gap: var(--site-gutter,var(--site-grid-gap,2rem));
    }
  }
  .\@min-\[768px\]\:truncate {
    @container (width >= 768px) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .\@min-\[768px\]\:px-\[calc\(var\(--site-space-3xl\)\*2\.25\)\] {
    @container (width >= 768px) {
      padding-inline: calc(var(--site-space-3xl) * 2.25);
    }
  }
  .\@min-\[768px\]\:py-\[calc\(var\(--site-space-3xl\)\*2\.75\)\] {
    @container (width >= 768px) {
      padding-block: calc(var(--site-space-3xl) * 2.75);
    }
  }
  .\@min-\[768px\]\:\[line-height\:var\(--slot-leading\,var\(--site-leading-body\)\)\] {
    @container (width >= 768px) {
      line-height: var(--slot-leading,var(--site-leading-body));
    }
  }
  .\@min-\[768px\]\:\[--site-gutter\:var\(--site-grid-gap\,1\.5rem\)\] {
    @container (width >= 768px) {
      --site-gutter: var(--site-grid-gap,1.5rem);
    }
  }
  .\@min-\[1024px\]\:col-span-5 {
    @container (width >= 1024px) {
      grid-column: span 5 / span 5;
    }
  }
  .\@min-\[1024px\]\:col-span-6 {
    @container (width >= 1024px) {
      grid-column: span 6 / span 6;
    }
  }
  .\@min-\[1024px\]\:col-start-1 {
    @container (width >= 1024px) {
      grid-column-start: 1;
    }
  }
  .\@min-\[1024px\]\:col-start-7 {
    @container (width >= 1024px) {
      grid-column-start: 7;
    }
  }
  .\@min-\[1024px\]\:row-start-1 {
    @container (width >= 1024px) {
      grid-row-start: 1;
    }
  }
  .\@min-\[1024px\]\:max-w-\[calc\(\(100\%_-_11\*var\(--site-gutter\)\)\*8\/12_\+_7\*var\(--site-gutter\)\)\] {
    @container (width >= 1024px) {
      max-width: calc((100% - 11 * var(--site-gutter)) * 8 / 12 + 7 * var(--site-gutter));
    }
  }
  .\@min-\[1024px\]\:grid-cols-12 {
    @container (width >= 1024px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .\@min-\[1280px\]\:\[--footer-cols\:2\] {
    @container (width >= 1280px) {
      --footer-cols: 2;
    }
  }
  .\@min-\[1280px\]\:\[--site-gutter\:var\(--site-grid-gap\,2rem\)\] {
    @container (width >= 1280px) {
      --site-gutter: var(--site-grid-gap,2rem);
    }
  }
  .\@min-\[20rem\]\:grid-cols-2 {
    @container (width >= 20rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .rtl\:-translate-x-2 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .rtl\:translate-x-full {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .rtl\:-scale-x-100 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      --tw-scale-x: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .rtl\:rotate-90 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 90deg;
    }
  }
  .rtl\:rotate-180 {
    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      rotate: 180deg;
    }
  }
  .dark\:bg-\(--shiki-dark-bg\) {
    &:is(.dark *) {
      background-color: var(--shiki-dark-bg);
    }
  }
  .dark\:bg-card {
    &:is(.dark *) {
      background-color: var(--card);
    }
  }
  .dark\:invert {
    &:is(.dark *) {
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .dark\:hover\:bg-muted {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted);
        }
      }
    }
  }
  .dark\:aria-invalid\:border-destructive\/50 {
    &:is(.dark *) {
      &[aria-invalid="true"] {
        border-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
        }
      }
    }
  }
  .data-checked\:text-fd-accent-foreground {
    &:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) {
      color: var(--color-fd-accent-foreground);
    }
  }
  .layout\:\[--fd-header-height\:--spacing\(14\)\] {
    #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
      --fd-header-height: calc(var(--spacing) * 14);
    }
  }
  .max-xl\:layout\:\[--fd-toc-popover-height\:--spacing\(10\)\] {
    @media (width < 80rem) {
      #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
        --fd-toc-popover-height: calc(var(--spacing) * 10);
      }
    }
  }
  .max-md\:layout\:\[--fd-header-height\:--spacing\(14\)\] {
    @media (width < 48rem) {
      #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
        --fd-header-height: calc(var(--spacing) * 14);
      }
    }
  }
  .md\:layout\:\[--fd-sidebar-width\:268px\] {
    @media (width >= 48rem) {
      #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
        --fd-sidebar-width: 268px;
      }
    }
  }
  .lg\:layout\:\[--fd-header-height\:--spacing\(24\)\] {
    @media (width >= 64rem) {
      #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
        --fd-header-height: calc(var(--spacing) * 24);
      }
    }
  }
  .xl\:layout\:\[--fd-toc-width\:268px\] {
    @media (width >= 80rem) {
      #nd-docs-layout:has(&), #nd-notebook-layout:has(&), #nd-home-layout:has(&), #nd-flux-layout:has(&) {
        --fd-toc-width: 268px;
      }
    }
  }
  .\[\&_\.site-cta\]\:inline-block {
    & .site-cta {
      display: inline-block;
    }
  }
  .\[\&_\.site-cta\]\:\[overflow-wrap\:break-word\] {
    & .site-cta {
      overflow-wrap: break-word;
    }
  }
  .\[\&_\:is\(a\,\.site-cta\)\]\:no-underline {
    & :is(a,.site-cta) {
      text-decoration-line: none;
    }
  }
  .\[\&_\:is\(a\,\.site-cta\)\:hover\]\:no-underline {
    & :is(a,.site-cta):hover {
      text-decoration-line: none;
    }
  }
  .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\,p\,blockquote\,address\,figcaption\,\[contenteditable\]\)\]\:text-start\! {
    & :is(h1,h2,h3,h4,h5,h6,p,blockquote,address,figcaption,[contenteditable]) {
      text-align: start !important;
    }
  }
  .\[\&_\[data-slot\=input\]\]\:leading-none {
    & [data-slot=input] {
      --tw-leading: 1;
      line-height: 1;
    }
  }
  .\[\&_a\]\:h-7\! {
    & a {
      height: calc(var(--spacing) * 7) !important;
    }
  }
  .\[\&_a\[class\~\=\'group\/button\'\]\:not\(\[data-bar-panel\]_\*\)\]\:h-8 {
    & a[class~='group/button']:not([data-bar-panel] *) {
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_a\[class\~\=\'group\/button\'\]\:not\(\[data-bar-panel\]_\*\)\]\:rounded-full {
    & a[class~='group/button']:not([data-bar-panel] *) {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&_a\[href\^\=\'tel\:\'\]\]\:whitespace-nowrap {
    & a[href^='tel:'] {
      white-space: nowrap;
    }
  }
  .\[\&_button\]\:h-7\! {
    & button {
      height: calc(var(--spacing) * 7) !important;
    }
  }
  .\[\&_button\]\:text-sm {
    & button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .\[\&_button\:not\(\[data-bar-panel\]_\*\)\]\:h-8 {
    & button:not([data-bar-panel] *) {
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_button\:not\(\[data-bar-panel\]_\*\)\]\:rounded-full {
    & button:not([data-bar-panel] *) {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:size-2\.5 {
    & svg {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&_svg\]\:size-3 {
    & svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&_svg\]\:size-3\.5 {
    & svg {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:size-4\.5 {
    & svg {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
  }
  .\[\&_svg\]\:size-5 {
    & svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
  .\[\&_svg\]\:size-5\.5 {
    & svg {
      width: calc(var(--spacing) * 5.5);
      height: calc(var(--spacing) * 5.5);
    }
  }
  .\[\&_svg\]\:size-full {
    & svg {
      width: 100%;
      height: 100%;
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_svg\]\:stroke-\[1\.75\] {
    & svg {
      stroke-width: 1.75;
    }
  }
  .\[\&_svg\]\:text-control-icon {
    & svg {
      color: var(--control-icon);
    }
  }
  .\[\&_svg\]\:text-current {
    & svg {
      color: currentcolor;
    }
  }
  .\[\&_svg\]\:text-fd-muted-foreground {
    & svg {
      color: var(--color-fd-muted-foreground);
    }
  }
  .\[\&_svg\]\:text-foreground {
    & svg {
      color: var(--foreground);
    }
  }
  .\[\&_svg\]\:text-muted-foreground {
    & svg {
      color: var(--muted-foreground);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 3.5);
      height: calc(var(--spacing) * 3.5);
    }
  }
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
    & svg:not([class*='size-']) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
    &::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:has\(\[data-bleed-rail\]\)\]\:overflow-x-clip {
    &:has([data-bleed-rail]) {
      overflow-x: clip;
    }
  }
  .\[\&\:has\(\[data-card-rail\]\)\]\:overflow-x-clip {
    &:has([data-card-rail]) {
      overflow-x: clip;
    }
  }
  .\[\&\:has\(\[data-reference-rail\]\)\]\:overflow-x-clip {
    &:has([data-reference-rail]) {
      overflow-x: clip;
    }
  }
  .\[a\]\:cursor-pointer {
    &:is(a) {
      cursor: pointer;
    }
  }
  .\[a\]\:hover\:bg-secondary\/80 {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--secondary);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
          }
        }
      }
    }
  }
  .\*\:\[img\:first-child\]\:rounded-t-xl {
    :is(& > *) {
      &:is(img:first-child) {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
      }
    }
  }
  .\*\:\[img\:last-child\]\:rounded-b-xl {
    :is(& > *) {
      &:is(img:last-child) {
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
      }
    }
  }
  .\[\&\>figure\:only-child\]\:-m-4 {
    &>figure:only-child {
      margin: calc(var(--spacing) * -4);
    }
  }
  .\[\&\>figure\:only-child\]\:border-none {
    &>figure:only-child {
      --tw-border-style: none;
      border-style: none;
    }
  }
  .\[\@media\(hover\:none\)\]\:opacity-100 {
    @media (hover:none) {
      opacity: 100%;
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:pointer-events-auto {
    @media (pointer:coarse) {
      pointer-events: auto;
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:opacity-100 {
    @media (pointer:coarse) {
      opacity: 100%;
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:absolute {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:top-1\/2 {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        top: calc(1 / 2 * 100%);
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:left-1\/2 {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        left: calc(1 / 2 * 100%);
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:hidden {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:size-full {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        width: 100%;
        height: 100%;
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:min-h-11 {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        min-height: calc(var(--spacing) * 11);
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:min-w-11 {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        min-width: calc(var(--spacing) * 11);
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:-translate-x-1\/2 {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:-translate-y-1\/2 {
    @media (pointer:coarse) {
      &::after {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .\[\@media\(pointer\:coarse\)\]\:after\:content-\[\'\'\] {
    @media (pointer:coarse) {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
  .\[\@media\(pointer\:fine\)\]\:inline-flex {
    @media (pointer:fine) {
      display: inline-flex;
    }
  }
  .\[\@media\(pointer\:fine\)\]\:after\:absolute {
    @media (pointer:fine) {
      &::after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .\[\@media\(pointer\:fine\)\]\:after\:-inset-x-0\.5 {
    @media (pointer:fine) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * -0.5);
      }
    }
  }
  .\[\@media\(pointer\:fine\)\]\:after\:-inset-x-2 {
    @media (pointer:fine) {
      &::after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * -2);
      }
    }
  }
  .\[\@media\(pointer\:fine\)\]\:after\:-inset-y-1\.5 {
    @media (pointer:fine) {
      &::after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * -1.5);
      }
    }
  }
  .\[\@media\(pointer\:fine\)\]\:after\:hidden {
    @media (pointer:fine) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .\[\@media\(pointer\:fine\)\]\:after\:content-\[\'\'\] {
    @media (pointer:fine) {
      &::after {
        --tw-content: '';
        content: var(--tw-content);
      }
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0px;
}
@property --scroll-fade-mask {
  syntax: "*";
  inherits: false;
}
@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}
@property --shimmer-image {
  syntax: "*";
  inherits: false;
}
@property --shimmer-text-fill {
  syntax: "*";
  inherits: false;
}
@media (prefers-reduced-motion: reduce) {
  .shimmer {
    animation: none;
    background-image: none;
    -webkit-text-fill-color: currentColor;
  }
}
.dark {
  --color-fd-background: hsl(0, 0%, 7.04%);
  --color-fd-foreground: hsl(0, 0%, 92%);
  --color-fd-muted: hsl(0, 0%, 12.9%);
  --color-fd-muted-foreground: hsla(0, 0%, 70%, 0.8);
  --color-fd-popover: hsl(0, 0%, 11.6%);
  --color-fd-popover-foreground: hsl(0, 0%, 86.9%);
  --color-fd-card: hsl(0, 0%, 9.8%);
  --color-fd-card-foreground: hsl(0, 0%, 98%);
  --color-fd-border: hsla(0, 0%, 40%, 20%);
  --color-fd-primary: hsl(0, 0%, 98%);
  --color-fd-primary-foreground: hsl(0, 0%, 9%);
  --color-fd-secondary: hsl(0, 0%, 12.9%);
  --color-fd-secondary-foreground: hsl(0, 0%, 92%);
  --color-fd-accent: hsla(0, 0%, 40.9%, 30%);
  --color-fd-accent-foreground: hsl(0, 0%, 90%);
  --color-fd-ring: hsl(0, 0%, 54.9%);
  --color-fd-overlay: hsla(0, 0%, 0%, 0.2);
}
:root, .dark {
  --color-fd-background: var(--background);
  --color-fd-foreground: var(--foreground);
  --color-fd-muted: var(--muted);
  --color-fd-muted-foreground: var(--muted-foreground);
  --color-fd-popover: var(--popover);
  --color-fd-popover-foreground: var(--popover-foreground);
  --color-fd-card: var(--card);
  --color-fd-card-foreground: var(--card-foreground);
  --color-fd-border: var(--border);
  --color-fd-primary: var(--primary);
  --color-fd-primary-foreground: var(--primary-foreground);
  --color-fd-secondary: var(--secondary);
  --color-fd-secondary-foreground: var(--secondary-foreground);
  --color-fd-accent: var(--accent);
  --color-fd-accent-foreground: var(--accent-foreground);
  --color-fd-ring: var(--ring);
}
#nd-sidebar {
  background-color: var(--sidebar);
  color: var(--sidebar-foreground);
  border-color: var(--sidebar-border);
  --color-fd-accent: var(--sidebar-accent);
  --color-fd-accent-foreground: var(--sidebar-accent-foreground);
  --color-fd-ring: var(--sidebar-ring);
  --color-fd-primary-foreground: var(--sidebar-primary-foreground);
}
:root {
  --fd-sidebar-drawer-offset: 100%;
}
[dir='rtl'] {
  --fd-sidebar-drawer-offset: -100%;
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    border-color: var(--color-fd-border, currentColor);
  }
  body {
    background-color: var(--color-fd-background);
    color: var(--color-fd-foreground);
  }
}
@property --radix-collapsible-content-height {
  syntax: '<length>';
  inherits: false;
  initial-value: 0px;
}
.fd-page-tree-item-name {
  display: inline-flex;
  width: 100%;
  align-items: center;
  gap: var(--spacing);
}
.shiki:not(.not-fumadocs-codeblock *) {
  --padding-left: calc(var(--spacing) * 4);
  --padding-right: calc(var(--spacing) * 4);
  code span {
    color: var(--shiki-light);
    font-style: var(--shiki-light-font-style);
  }
  .line {
    position: relative;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
  }
  .line:empty {
    height: 1lh;
  }
  &.has-focused .line:not(.focused) {
    filter: blur(2px);
    transition: filter 200ms;
  }
  &.has-focused:hover .line:not(.focused) {
    filter: blur(0);
  }
  .diff::before {
    position: absolute;
    left: calc(var(--spacing) * 1.5);
  }
  .diff.remove {
    opacity: 0.7;
    --fd-counter-color: var(--color-fd-diff-remove-symbol);
    background-color: var(--color-fd-diff-remove);
  }
  .diff.remove::before {
    content: '-';
    color: var(--color-fd-diff-remove-symbol);
  }
  .diff.add {
    --fd-counter-color: var(--color-fd-diff-add-symbol);
    background-color: var(--color-fd-diff-add);
  }
  .diff.add::before {
    content: '+';
    color: var(--color-fd-diff-add-symbol);
  }
  .highlighted {
    --fd-counter-color: var(--color-fd-primary);
    background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
    }
  }
  .highlighted::after {
    position: absolute;
    content: '';
    inset-block: 0;
    left: 0;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in srgb, hsl(0, 0%, 9%) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
    }
  }
  .highlighted-word {
    padding: 1px;
    margin-block: -1px;
    border-radius: 0.5rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, hsl(0, 0%, 9%) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-fd-primary) 30%, transparent);
    }
    background-color: color-mix(in srgb, hsl(0, 0%, 9%) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fd-primary) 10%, transparent);
    }
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  &[data-line-numbers] .twoslash-meta-line {
    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
  }
  &[data-line-numbers] .line {
    counter-increment: line;
    padding-left: calc(var(--padding-left) + 7 * var(--spacing));
  }
  &[data-line-numbers] .line::after {
    position: absolute;
    content: counter(line);
    color: var(--fd-counter-color, hsl(0, 0%, 45.1%));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix( in oklab, var(--fd-counter-color, var(--color-fd-muted-foreground)) 60%, transparent );
    }
    inset-block: 0;
    left: 0;
    width: calc(var(--spacing) * 7);
    text-align: right;
  }
}
.dark .shiki:not(.not-fumadocs-codeblock *) {
  code span {
    color: var(--shiki-dark);
    font-style: var(--shiki-dark-font-style);
  }
}
code.shiki:not(.not-fumadocs-code *) span {
  color: var(--shiki-light);
  font-style: var(--shiki-light-font-style);
}
.dark code.shiki:not(.not-fumadocs-code *) span {
  color: var(--shiki-dark);
  font-style: var(--shiki-dark-font-style);
}
#nd-docs-layout > [class*="grid-area:main"].items-end {
  align-self: start;
}
#nd-sidebar [data-radix-scroll-area-viewport], #nd-sidebar-mobile [data-radix-scroll-area-viewport] {
  padding-inline: 0.5rem;
}
[data-dock-root="true"][data-dock-mode="bottom"] {
  inset-inline: 0 !important;
  inset-block-start: auto !important;
  inset-block-end: 0 !important;
}
[data-dock-root="true"][data-dock-mode="side"] {
  inset-block: 0 !important;
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
}
[data-dock-root="true"][data-dock-mode="float"] {
  inset: 0 !important;
}
input::placeholder, textarea::placeholder {
  opacity: 0.65;
}
[data-slot="select-value"][data-placeholder] {
  color: var(--muted-foreground);
  opacity: 0.65;
}
select:has(> option[value=""]:checked) {
  color: var(--site-muted-fg, var(--muted-foreground));
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--site-muted-fg, var(--muted-foreground)) 65%, transparent);
  }
}
select:has(> option[value=""]:checked) > option:not([value=""]) {
  color: var(--site-fg, var(--foreground));
}
:root {
  --background: #fbfbfa;
  --foreground: #2c2b28;
  --card: #ffffff;
  --card-foreground: #2c2b28;
  --popover: #ffffff;
  --popover-foreground: #2c2b28;
  --chat-input-bg: #ffffff;
  --chat-input-border: rgba(0, 0, 0, 0.05);
  --chat-input-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04),
    0 2px 8px 0 rgba(0, 0, 0, 0.04), 0 4px 80px 8px rgba(0, 0, 0, 0.024);
  --chat-input-shadow-modal: 0 0 0 1px rgba(0, 0, 0, 0.04),
    0 1px 3px 0 rgba(0, 0, 0, 0.06);
  --primary: #0070EB;
  --primary-foreground: #ffffff;
  --primary-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --primary-hover: color-mix(in oklab, var(--primary) 88%, black);
  }
  --primary-press: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --primary-press: color-mix(in oklab, var(--primary) 78%, black);
  }
  --secondary: #f1f1ef;
  --secondary-foreground: #2c2b28;
  --muted: #efeeec;
  --muted-foreground: #8f8e8a;
  --accent: #efeeec;
  --accent-foreground: #2c2b28;
  --surface-inset: #f7f7f5;
  --surface-inset-hover: #efeeec;
  --home-card: #f8f8f6;
  --editor-shell-bg: #f9f9f8;
  --surface-edge: #f3f3f1;
  --chrome-edge: var(--surface-edge);
  --sidebar-active: #efeeec;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #e9e8e5;
  --input: #e9e8e5;
  --control-edge: rgba(55, 53, 47, 0.08);
  --control-edge-soft: rgba(55, 53, 47, 0.08);
  --control-icon: #86857f;
  --control-plate: rgba(55, 53, 47, 0.05);
  --control-plate-hover: rgba(55, 53, 47, 0.09);
  --control-plate-press: rgba(55, 53, 47, 0.16);
  --destructive-text: #dc2626;
  --primary-text: #0070EB;
  --ring: #2c2b28;
  --chart-1: #0070EB;
  --chart-2: #10b981;
  --chart-3: #f59e0b;
  --chart-4: #8b5cf6;
  --chart-5: #f43f5e;
  --radius: 0.75rem;
  --sidebar: #f7f7f5;
  --sidebar-foreground: #2c2b28;
  --sidebar-primary: #0070EB;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #eae9e6;
  --sidebar-accent-foreground: #2c2b28;
  --sidebar-border: #e9e8e5;
  --sidebar-ring: #2c2b28;
  --shadow-color: #000000;
  --shadow-2xs: 0px 2px 20px 0px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 2px 20px 0px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 1px 2px -1px hsl(0 0% 0% / 0.08);
  --shadow: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 1px 2px -1px hsl(0 0% 0% / 0.08);
  --shadow-md: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 2px 4px -1px hsl(0 0% 0% / 0.08);
  --shadow-lg: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 4px 6px -1px hsl(0 0% 0% / 0.08);
  --shadow-xl: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 8px 10px -1px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 2px 20px 0px hsl(0 0% 0% / 0.2);
  --tracking-normal: -0.02em;
  --font-sans: var(--font-brand, system-ui), system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    "Noto Sans", sans-serif;
  --marketing-accent: #0070EB;
  --marketing-surface: #f5f3f0;
  --marketing-surface-strong: #ece9e4;
  --avatar-1: #eadfd3;
  --avatar-1-fg: #6b4f36;
  --avatar-2: #dbe5dc;
  --avatar-2-fg: #3f5a45;
  --avatar-3: #d9e4f0;
  --avatar-3-fg: #34506e;
  --avatar-4: #f0dcdc;
  --avatar-4-fg: #7a3e3e;
  --avatar-5: #e3ddef;
  --avatar-5-fg: #54477a;
  --avatar-6: #efe3c8;
  --avatar-6-fg: #6e5622;
  --status-ok: oklch(0.62 0.15 150);
  --status-warn: oklch(0.7 0.15 75);
  --status-bad: oklch(0.577 0.245 27.325);
  --status-info: oklch(0.55 0.18 255);
  --status-ok-fg: oklch(0.47 0.13 150);
  --status-warn-fg: oklch(0.47 0.11 75);
  --status-info-fg: oklch(0.47 0.17 255);
  --badge-ok-bg: #e8f6e8;
  --badge-ok-fg: #1e802c;
  --badge-warn-bg: #fdf4cc;
  --badge-warn-fg: #c18100;
  --badge-bad-bg: #fbeceb;
  --badge-bad-fg: #b3261e;
  --badge-info-bg: #e9f1fd;
  --badge-info-fg: #1a5fb4;
  --notice-info-bg: var(--badge-info-bg);
  --code-tag: oklch(0.45 0.17 265);
  --code-attr: oklch(0.48 0.13 45);
  --code-string: oklch(0.47 0.15 25);
  --code-comment: oklch(0.5 0.09 150);
  --code-keyword: oklch(0.46 0.19 305);
  --code-number: oklch(0.48 0.11 195);
  --code-punct: oklch(0.55 0.02 260);
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-quick: 100ms;
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-panel: 300ms;
  --duration-pop: 400ms;
  --duration-rise: 600ms;
  --duration-caret: 1.1s;
  --duration-draw: 1.4s;
  --duration-pulse: 1.7s;
  --duration-build: 3.2s;
  --duration-light: 2.8s;
  --duration-marquee: 40s;
  --ease-out-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-room: 892ms;
  --ease-spring: linear(
    0, 0.0081, 0.0296, 0.061, 0.0997, 0.1432, 0.1898, 0.2381, 0.2868, 0.3353,
    0.3827, 0.4285, 0.4726, 0.5144, 0.5541, 0.5914, 0.6263, 0.6588, 0.689,
    0.717, 0.7428, 0.7666, 0.7884, 0.8084, 0.8268, 0.8435, 0.8587, 0.8726,
    0.8852, 0.8966, 0.907, 0.9164, 0.9249, 0.9325, 0.9395, 0.9457, 0.9513,
    0.9564, 0.961, 0.9651, 0.9687, 0.9721, 0.975, 0.9777, 0.9801, 0.9822,
    0.9841, 0.9858, 0.9874, 0.9887, 0.99, 0.9911, 0.992, 0.9929, 0.9937,
    0.9944, 0.995, 0.9956, 0.996, 0.9965, 0.9969, 0.9972, 0.9975, 0.9978, 1
  );
  --ease-soft: cubic-bezier(0.25, 0.8, 0.25, 1);
  --ease-glide: cubic-bezier(0.45, 0, 0.2, 1);
  --z-canvas-tool: 20;
  --z-canvas-bar: 25;
  --z-canvas-panel: 30;
  --z-panel-resize: 35;
  --z-site-nav: 30;
  --z-sticky: 30;
  --z-subbar: 29;
  --z-public-header: 41;
  --z-docked: 40;
  --z-dropdown: 50;
  --z-overlay: 60;
  --z-modal: 70;
  --z-modal-nested: 80;
  --z-coachmark: 45;
  --z-coachmark-halo: 44;
  --z-site-menu: 40;
  --z-site-scrim: 29;
  --z-menu: 85;
  --z-tooltip: 90;
  --z-boot: 95;
  --z-system: 1000;
  --z-cookie: 2147483000;
  --scrim: color-mix(in oklab, black 60%, transparent);
  --media-scrim: color-mix(in oklab, black 60%, transparent);
}
@keyframes skeleton-shimmer {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
html:not([data-px-settings-page="detail"]) [data-prepaint="settings-detail"], html:not([data-px-settings-page="index"]) [data-prepaint="settings-index"], html[data-px-settings-page] [data-prepaint="no-settings"], html[data-px-home="gallery"] [data-prepaint="home-single"], html:not([data-px-home="gallery"]) [data-prepaint="home-gallery"], html:not([data-px-home-tiles="1"]) [data-prepaint="tiles-1"], html:not([data-px-home-tiles="2"]) [data-prepaint="tiles-2"], html:not([data-px-home-tiles="3"]):is([data-px-home-tiles]) [data-prepaint="tiles-3"], html:not([data-px-home-tiles="4"]) [data-prepaint="tiles-4"], html:not([data-px-home-tiles="5"]) [data-prepaint="tiles-5"], html:not([data-px-home-tiles="6"]) [data-prepaint="tiles-6"] {
  display: none;
}
[data-prepaint-settings-tab] {
  display: none;
}
html:not([data-px-settings-tab]) [data-prepaint-settings-tab="generic"], html[data-px-settings-tab="general"] [data-prepaint-settings-tab="general"], html[data-px-settings-tab="site-usage"] [data-prepaint-settings-tab="site-usage"], html[data-px-settings-tab="contact"] [data-prepaint-settings-tab="contact"], html[data-px-settings-tab="booking"] [data-prepaint-settings-tab="booking"], html[data-px-settings-tab="web-address"] [data-prepaint-settings-tab="web-address"], html[data-px-settings-tab="appearance"] [data-prepaint-settings-tab="appearance"], html[data-px-settings-tab="notifications"] [data-prepaint-settings-tab="notifications"], html[data-px-settings-tab="visitor-assistant"] [data-prepaint-settings-tab="visitor-assistant"], html[data-px-settings-tab="services"] [data-prepaint-settings-tab="services"], html[data-px-settings-tab="restaurant"] [data-prepaint-settings-tab="restaurant"], html[data-px-settings-tab="statistics"] [data-prepaint-settings-tab="statistics"], html[data-px-settings-tab="people"] [data-prepaint-settings-tab="people"], html[data-px-settings-tab="ai"] [data-prepaint-settings-tab="ai"], html[data-px-settings-tab="languages"] [data-prepaint-settings-tab="languages"], html[data-px-settings-tab="company"] [data-prepaint-settings-tab="company"], html[data-px-settings-tab="invoicing"] [data-prepaint-settings-tab="invoicing"], html[data-px-settings-tab="tracking"] [data-prepaint-settings-tab="tracking"], html[data-px-settings-tab="custom-code"] [data-prepaint-settings-tab="custom-code"], html[data-px-settings-tab="legal"] [data-prepaint-settings-tab="legal"], html[data-px-settings-tab="memory"] [data-prepaint-settings-tab="memory"], html[data-px-settings-tab="backup"] [data-prepaint-settings-tab="backup"], html[data-px-settings-tab="copy-move"] [data-prepaint-settings-tab="copy-move"], html[data-px-settings-tab="import"] [data-prepaint-settings-tab="import"], html[data-px-settings-tab="ai-integrations"] [data-prepaint-settings-tab="ai-integrations"], html[data-px-settings-tab="developer"] [data-prepaint-settings-tab="developer"], html[data-px-settings-tab="danger"] [data-prepaint-settings-tab="danger"], html[data-px-settings-tab="company-websites"] [data-prepaint-settings-tab="company-websites"], html[data-px-settings-tab="account"] [data-prepaint-settings-tab="account"], html[data-px-settings-tab="login"] [data-prepaint-settings-tab="login"], html[data-px-settings-tab="privacy"] [data-prepaint-settings-tab="privacy"], html[data-px-settings-tab="account-notifications"] [data-prepaint-settings-tab="account-notifications"], html[data-px-settings-tab="billing"] [data-prepaint-settings-tab="billing"], html[data-px-settings-tab="usage"] [data-prepaint-settings-tab="usage"], html[data-px-settings-tab="ownership"] [data-prepaint-settings-tab="ownership"], html[data-px-settings-tab="account-danger"] [data-prepaint-settings-tab="account-danger"] {
  display: block;
}
html:not([data-px-home-rail]) [data-prepaint-home-rail] {
  display: flex;
}
html:not([data-px-home-rail]) [data-prepaint-home-rail-plate] {
  display: none;
}
html[data-settings-page-drawn] .sidebar-column, html[data-settings-page-drawn] [data-app-bar] {
  display: none !important;
}
@keyframes working-light {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes working-light-counter {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.working-text {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.working-text-light {
  --working-light-width: 6rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--working-light-width));
  width: calc(100% + 2 * var(--working-light-width));
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient( to right, transparent 0, rgb(0 0 0 / 10%) 1rem, rgb(0 0 0 / 42%) 2.2rem, rgb(0 0 0 / 72%) 3rem, rgb(0 0 0 / 42%) 3.8rem, rgb(0 0 0 / 10%) 5rem, transparent var(--working-light-width), transparent 100% );
  -webkit-mask-repeat: no-repeat;
  mask-image: linear-gradient( to right, transparent 0, rgb(0 0 0 / 10%) 1rem, rgb(0 0 0 / 42%) 2.2rem, rgb(0 0 0 / 72%) 3rem, rgb(0 0 0 / 42%) 3.8rem, rgb(0 0 0 / 10%) 5rem, transparent var(--working-light-width), transparent 100% );
  mask-repeat: no-repeat;
  animation: working-light var(--duration-light) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
  will-change: transform;
}
.working-text-counter {
  display: block;
  width: 100%;
  animation: working-light-counter var(--duration-light) cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
  will-change: transform;
}
.working-text-copy {
  display: block;
  width: calc(100% - 2 * var(--working-light-width));
  margin-left: var(--working-light-width);
  color: var(--foreground);
}
.working-text[data-truncate], .working-text[data-truncate] .working-text-copy {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes roll-in {
  from {
    opacity: 0;
    transform: translateY(5px);
    filter: blur(3px);
  }
}
@keyframes roll-out {
  to {
    opacity: 0;
    transform: translateY(-5px);
    filter: blur(3px);
  }
}
.roll-in {
  animation: roll-in 360ms cubic-bezier(0.22, 0.8, 0.2, 1) 90ms both;
}
.roll-out {
  animation: roll-out 220ms cubic-bezier(0.5, 0, 0.8, 0.4) both;
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .working-text-light {
    display: none;
  }
  .working-text-counter, .roll-in, .roll-out {
    animation: none;
  }
  .roll-out {
    display: none;
  }
}
@keyframes editor-boot-fill {
  0% {
    transform: scaleX(0.02);
    opacity: 0;
  }
  2% {
    transform: scaleX(0.06);
    opacity: 1;
  }
  6% {
    transform: scaleX(0.22);
  }
  11% {
    transform: scaleX(0.35);
  }
  22% {
    transform: scaleX(0.55);
  }
  33% {
    transform: scaleX(0.67);
  }
  44% {
    transform: scaleX(0.76);
  }
  67% {
    transform: scaleX(0.87);
  }
  100% {
    transform: scaleX(0.96);
  }
}
@keyframes editor-boot-finish {
  from {
    transform: scaleX(var(--boot-from, 0.5));
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes editor-boot-leave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes editor-boot-glow {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.75;
  }
}
.editor-boot-track {
  position: relative;
  height: 2px;
  width: 200px;
  border-radius: 9999px;
  background-color: var(--surface-edge);
}
.editor-boot-fill {
  position: absolute;
  inset: 0;
  transform-origin: left center;
  transform: scaleX(0.02);
  will-change: transform, opacity;
  border-radius: 9999px;
  background-image: linear-gradient( 90deg, var(--primary) 0%, var(--primary) 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( 90deg, color-mix(in oklab, var(--primary) 45%, transparent) 0%, var(--primary) 100% );
  }
  box-shadow: 0 0 12px 1px var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 12px 1px color-mix(in oklab, var(--primary) 40%, transparent);
  }
  animation: editor-boot-fill 9s linear forwards;
}
.editor-boot-glow {
  position: absolute;
  inset: 0;
  margin: auto;
  height: 180px;
  width: 180px;
  will-change: opacity;
  border-radius: 9999px;
  background-image: radial-gradient( closest-side, var(--primary) 0%, var(--primary) 38%, var(--primary) 66%, transparent 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient( closest-side, color-mix(in oklab, var(--primary) 20%, transparent) 0%, color-mix(in oklab, var(--primary) 11%, transparent) 38%, color-mix(in oklab, var(--primary) 4%, transparent) 66%, transparent 100% );
  }
  animation: editor-boot-glow 5s ease-in-out infinite;
}
.editor-boot-farewell {
  animation: editor-boot-leave 160ms 220ms ease-out forwards;
}
.editor-boot-farewell .editor-boot-fill {
  animation: editor-boot-finish 220ms ease-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  .editor-boot-fill {
    animation: none;
    transform: scaleX(0.4);
    opacity: 1;
    will-change: auto;
  }
  .editor-boot-glow {
    animation: none;
    opacity: 0.5;
    will-change: auto;
  }
  .editor-boot-farewell .editor-boot-fill {
    animation: none;
    transform: scaleX(1);
  }
}
.text-destructive {
  color: var(--destructive-text);
}
.text-primary {
  color: var(--primary-text);
}
@media (width >= 48rem) {
  [data-canvas-column] > div:has([data-settings-page]) {
    inset: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
@property --brief-room {
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}
.brief-room-box {
  --brief-room: 1;
  transition: --brief-room var(--duration-room) var(--ease-spring);
}
html[data-brief-room="alone"] .brief-room-box, html[data-brief-room="hidden"] .brief-room-box {
  --brief-room: 0;
}
.brief-room-box[data-framed] {
  --brief-room-col: min(42rem, 100% + var(--brief-stage-w, 0px));
  position: absolute;
  inset-block: 0;
  z-index: var(--z-docked);
  left: calc( (100% + var(--brief-stage-w, 0px) - var(--brief-room-col)) / 2 * (1 - var(--brief-room)) );
  width: calc( var(--brief-room-col) * (1 - var(--brief-room)) + 100% * var(--brief-room) );
  background-color: var(--background);
  border-right: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-right: 1px solid color-mix(in srgb, var(--border) calc(var(--brief-room) * 100%), transparent);
  }
}
@media (min-width: 64rem) {
  html[data-brief-room]:not([data-brief-room="beside"]) #editor-sidebar-panel > div {
    border-right-color: transparent;
  }
}
html[data-brief-room="pushing"] [data-stage-overlay="brief"] {
  z-index: calc(var(--z-modal) + 1);
  background-color: transparent;
}
.brief-room-thread {
  padding-inline: 0.875rem;
  padding-top: 0.75rem;
}
.brief-room-box .brief-room-thread {
  transition: padding var(--duration-room) var(--ease-spring);
}
html[data-brief-room="alone"] .brief-room-box .brief-room-thread, html[data-brief-room="hidden"] .brief-room-box .brief-room-thread {
  padding-inline: 1rem;
  padding-top: 1.5rem;
}
@media (min-width: 64rem) {
  html[data-brief-frame] [data-editor-topbar], html[data-brief-frame] [data-editor-rail] > div {
    transition: border-color 420ms linear 60ms;
  }
  html[data-brief-frame="out"] [data-editor-topbar] {
    border-bottom-color: transparent;
    transition: none;
  }
  html[data-brief-frame="out"] [data-editor-rail] > div {
    border-right-color: transparent;
    transition: none;
  }
  html[data-brief-frame] [data-editor-topbar] [data-topbar-mark] ~ *, html[data-brief-frame] [data-editor-topbar] > :first-child > :first-child ~ *, html[data-brief-frame] [data-editor-topbar] > :first-child ~ *, html[data-brief-frame] [data-editor-rail] > div > * {
    transition: opacity 420ms var(--ease-soft) 140ms, translate 420ms var(--ease-soft) 140ms, visibility 0s linear 140ms;
  }
  html[data-brief-frame="out"] [data-editor-topbar] [data-topbar-mark] ~ *, html[data-brief-frame="out"] [data-editor-topbar] > :first-child > :first-child ~ *, html[data-brief-frame="out"] [data-editor-topbar] > :first-child ~ * {
    visibility: hidden;
    opacity: 0;
    translate: 0 -4px;
    transition: none;
  }
  html[data-brief-frame="out"] [data-editor-rail] > div > * {
    visibility: hidden;
    opacity: 0;
    translate: -6px 0;
    transition: none;
  }
}
.brief-frame-head {
  transition: opacity 380ms var(--ease-soft) 180ms, translate 380ms var(--ease-soft) 180ms, visibility 0s linear 180ms;
}
.brief-frame-head[data-quiet] {
  visibility: hidden;
  opacity: 0;
  translate: 0 -4px;
  transition: none;
}
.brief-wait-row {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 596ms var(--ease-spring), margin-top 596ms var(--ease-spring), opacity 160ms linear;
}
.brief-wait-row[data-folded] {
  grid-template-rows: 0fr;
  margin-top: 0;
  opacity: 0;
}
.brief-card-word {
  opacity: 0;
  transition: opacity 140ms linear;
}
.brief-card-word[data-on] {
  opacity: 1;
  transition: opacity 200ms linear 60ms;
}
@keyframes brief-card-light {
  from {
    background-position: 110% 0;
  }
  to {
    background-position: -110% 0;
  }
}
.brief-card-light {
  background: linear-gradient( 90deg, var(--muted-foreground) 0%, var(--muted-foreground) 38%, var(--foreground) 50%, var(--muted-foreground) 62%, var(--muted-foreground) 100% );
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: brief-card-light 2.2s linear infinite;
}
@keyframes brief-row-in {
  from {
    grid-template-rows: 0fr;
    opacity: 0;
    clip-path: inset(0 -8px);
  }
  to {
    grid-template-rows: 1fr;
    opacity: 1;
    clip-path: inset(0 -8px);
  }
}
.brief-row {
  display: grid;
  grid-template-rows: 1fr;
}
.brief-row > * {
  min-height: 0;
}
.brief-row[data-arriving] {
  animation: brief-row-in var(--duration-panel) var(--ease-out-emphasized);
}
.brief-fold {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows var(--duration-panel) var(--ease-out-emphasized), opacity var(--duration-fast) linear;
}
.brief-fold > * {
  min-height: 0;
  overflow: hidden;
}
.brief-fold[data-folded] {
  grid-template-rows: 0fr;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .brief-wait-row, .brief-card-word, .brief-room-box, .brief-room-box .brief-room-thread, .brief-fold, .brief-frame-head, html[data-brief-frame] [data-editor-topbar], html[data-brief-frame] [data-editor-topbar] [data-topbar-mark] ~ *, html[data-brief-frame] [data-editor-topbar] > :first-child > :first-child ~ *, html[data-brief-frame] [data-editor-topbar] > :first-child ~ *, html[data-brief-frame] [data-editor-rail] > div, html[data-brief-frame] [data-editor-rail] > div > * {
    transition: none;
  }
  .brief-card-light {
    animation: none;
    background: none;
    -webkit-text-fill-color: currentColor;
  }
  .brief-row[data-arriving] {
    animation: none;
  }
}
@keyframes busy-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes busy-recede {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .busy-appear, .busy-recede {
    animation-duration: 1ms;
  }
}
@property --rail-open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
[data-editor-rail] {
  --rail-open: 0;
  transition: width var(--duration-panel) var(--ease-out-emphasized), --rail-open var(--duration-base) var(--ease-glide);
}
[data-editor-rail][data-instant] {
  transition: --rail-open var(--duration-base) var(--ease-glide);
}
@media (hover: hover) {
  [data-editor-rail]:hover {
    --rail-open: 1;
    transition-duration: var(--duration-panel), 360ms;
    transition-delay: 0ms, 150ms;
  }
}
[data-editor-rail]:has(:focus-visible, [aria-expanded="true"]) {
  --rail-open: 1;
  transition-duration: var(--duration-panel), 360ms;
  transition-delay: 0ms;
}
[data-editor-rail]:has([aria-expanded="true"]) {
  transition-duration: var(--duration-panel), 0ms;
}
@media (prefers-reduced-motion: reduce) {
  [data-editor-rail], [data-editor-rail][data-instant] {
    transition: none;
  }
}
[data-editor-rail] > [data-rail-column] {
  width: calc(100% + 7rem * var(--rail-open));
  box-shadow: 4px 0 16px -6px rgb(0 0 0 / calc(0.12 * var(--rail-open)));
}
[data-editor-rail] .editor-rail-row {
  clip-path: inset(0 calc((100% - 2rem) * (1 - var(--rail-open))) 0 0 round 10px);
}
[data-editor-rail] .editor-rail-label {
  opacity: clamp(0, (var(--rail-open) - 0.3) * 1.5, 1);
}
@media (hover: none), (pointer: coarse) {
  [data-editor-rail] [data-rail-tools] {
    width: 4rem;
    margin-inline-start: -1rem;
  }
  [data-editor-rail] [data-rail-tool] {
    width: 4rem;
    height: 3rem;
    flex-direction: column;
    gap: 0.25rem;
    clip-path: none;
  }
  [data-editor-rail] [data-rail-tool] .editor-rail-label {
    width: 100%;
    flex: none;
    padding-inline: 1px;
    font-size: 0.5625rem;
    line-height: 0.75rem;
    text-align: center;
    opacity: 1;
  }
}
@property --sidebar-open {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
.sidebar-column {
  --sidebar-open: 1;
  width: calc(4rem + 11rem * var(--sidebar-open));
  transition: --sidebar-open var(--duration-panel) var(--ease-out-emphasized);
}
.sidebar-column[data-collapsed] {
  --sidebar-open: 0;
  transition-duration: var(--duration-base);
}
.sidebar-column .sidebar-row {
  --sidebar-row-radius: 12px;
  --sidebar-mask-y: calc((100% - 36px) / 2 * (1 - var(--sidebar-open)));
  --sidebar-mask-right: max(0px, calc(100% - 38px - 178px * var(--sidebar-open)));
  --sidebar-mask-left: calc(2px * (1 - var(--sidebar-open)));
  position: relative;
  clip-path: inset( var(--sidebar-mask-y) var(--sidebar-mask-right) var(--sidebar-mask-y) var(--sidebar-mask-left) round var(--sidebar-row-radius) );
}
.sidebar-column .sidebar-row.rounded-row {
  --sidebar-row-radius: 10px;
}
.sidebar-column .sidebar-row:focus-visible {
  outline: none;
  box-shadow: none;
}
.sidebar-column .sidebar-row:focus-visible::before {
  content: "";
  position: absolute;
  inset: var(--sidebar-mask-y) var(--sidebar-mask-right) var(--sidebar-mask-y) var(--sidebar-mask-left);
  border-radius: var(--sidebar-row-radius);
  box-shadow: inset 0 0 0 2px var(--ring);
  pointer-events: none;
}
.sidebar-column .sidebar-row > :not(:first-child, kbd), .sidebar-column .sidebar-fade {
  opacity: clamp(0, (var(--sidebar-open) - 0.6) * 2.5, 1);
}
.sidebar-column .sidebar-rail-dot {
  opacity: clamp(0, 1 - var(--sidebar-open) * 2.5, 1);
}
.sidebar-row-outline {
  position: relative;
}
.sidebar-row-outline::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid var(--control-edge);
  border-radius: inherit;
  pointer-events: none;
}
.sidebar-column .sidebar-row-outline::after {
  inset: var(--sidebar-mask-y) var(--sidebar-mask-right) var(--sidebar-mask-y) var(--sidebar-mask-left);
  border-radius: var(--sidebar-row-radius);
}
.sidebar-column .sidebar-row.sidebar-co {
  --sidebar-mask-y: 0px;
  --sidebar-mask-right: max(0px, calc(100% - max(38px, 178px * var(--sidebar-open) - 2px)));
  transform: translateY(calc(2.75rem * (1 - var(--sidebar-open))));
}
.sidebar-column .sidebar-rail-slot {
  height: calc(2.75rem * (1 - var(--sidebar-open)));
}
.sidebar-column .sidebar-card {
  opacity: clamp(0, (var(--sidebar-open) - 0.7) * 3.4, 1);
}
.sidebar-column[data-collapsed] .sidebar-card {
  visibility: hidden;
}
.sidebar-column[data-rail-settled] .sidebar-card {
  display: none;
}
.sidebar-column[data-rail-settled] .sidebar-row {
  width: 38px;
}
.sidebar-column .sidebar-toggle {
  right: calc(13px - 2px * var(--sidebar-open));
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-column {
    transition: none;
  }
}
@media (hover: hover) {
  [data-site-root] :hover > [data-inline-item-tools] {
    opacity: 1;
    pointer-events: auto;
  }
}
[data-editor-canvas] img {
  -webkit-user-drag: none;
}
[data-media-shimmer] {
  display: none;
}
[data-editor-canvas][data-canvas-working] [data-media-shimmer] {
  display: block;
}
[data-editor-canvas][data-canvas-working] [data-media-shimmer]::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background-image: linear-gradient( 90deg, transparent 0%, var(--site-bg, var(--background)) 50%, transparent 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( 90deg, transparent 0%, color-mix(in oklab, var(--site-bg, var(--background)) 85%, transparent) 50%, transparent 100% );
  }
  animation: skeleton-shimmer 1.8s ease-in-out infinite;
  animation-delay: var(--shimmer-delay, 0ms);
  will-change: transform;
}
@keyframes canvas-design-sweep {
  0% {
    transform: translateX(-100%);
  }
  60%, 100% {
    transform: translateX(100%);
  }
}
.canvas-design-sweep {
  position: sticky;
  bottom: 0;
  z-index: var(--z-canvas-tool);
  height: 0;
  pointer-events: none;
}
.canvas-design-sweep > span {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  height: 100svh;
  overflow: hidden;
}
.canvas-design-sweep > span::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background-image: linear-gradient( 100deg, transparent 35%, rgb(255 255 255 / 14%) 50%, transparent 65% );
  animation: canvas-design-sweep 2.4s var(--ease-glide) infinite;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  [data-editor-canvas][data-canvas-working] [data-media-shimmer], .canvas-design-sweep {
    display: none;
  }
}
body.canvas-dragging, body.canvas-dragging * {
  cursor: grabbing !important;
  user-select: none !important;
}
[data-search-hit] {
  border-radius: 0.25rem;
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix( in srgb, var(--primary) 16%, transparent );
  }
  box-shadow: 0 0 0 2px var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 45%, transparent);
  }
  transition: background-color var(--duration-panel) var(--ease-out-emphasized), box-shadow var(--duration-panel) var(--ease-out-emphasized);
}
@media (prefers-reduced-motion: reduce) {
  [data-search-hit] {
    transition: none;
  }
}
[data-ai-rewrite-target] {
  border-radius: 0.25rem;
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix( in srgb, var(--primary) 14%, transparent );
  }
  box-shadow: 0 0 0 2px var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 40%, transparent);
  }
}
.dark {
  --background: #141414;
  --foreground: #f5f5f5;
  --card: #1c1c1c;
  --card-foreground: #f5f5f5;
  --popover: #1f1f1f;
  --popover-foreground: #f5f5f5;
  --chat-input-bg: #202020;
  --chat-input-border: rgba(255, 255, 255, 0.14);
  --chat-input-shadow: none;
  --chat-input-shadow-modal: 0 0 0 1px rgba(0, 0, 0, 0.4);
  --primary: #1B75DB;
  --primary-foreground: #ffffff;
  --primary-hover: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --primary-hover: color-mix(in oklab, var(--primary) 88%, black);
  }
  --primary-press: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
    --primary-press: color-mix(in oklab, var(--primary) 78%, black);
  }
  --secondary: #2e2e2e;
  --secondary-foreground: #f5f5f5;
  --editor-shell-bg: #111111;
  --muted: #262626;
  --sidebar-active: #262626;
  --muted-foreground: #ababab;
  --accent: #2e2e2e;
  --accent-foreground: #ffffff;
  --surface-inset: #202020;
  --surface-inset-hover: #282828;
  --home-card: #1c1c1c;
  --surface-edge: #262626;
  --chrome-edge: rgba(255, 255, 255, 0.06);
  --destructive: #d4302d;
  --destructive-foreground: #ffffff;
  --destructive-text: #f0605c;
  --primary-text: #4fa0f0;
  --border: #262626;
  --input: #262626;
  --control-edge: rgba(255, 255, 255, 0.12);
  --control-edge-soft: rgba(255, 255, 255, 0.12);
  --control-icon: #acacac;
  --control-plate: rgba(255, 255, 255, 0.05);
  --control-plate-hover: rgba(255, 255, 255, 0.09);
  --control-plate-press: rgba(255, 255, 255, 0.16);
  --ring: #e8e8e8;
  --chart-1: #1B75DB;
  --chart-2: #30d158;
  --chart-3: #ffd60a;
  --chart-4: #bf5af2;
  --chart-5: #ff375f;
  --sidebar: #111111;
  --sidebar-foreground: #dddddd;
  --sidebar-primary: #1B75DB;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #262626;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #262626;
  --sidebar-ring: #e8e8e8;
  --shadow-color: #000000;
  --shadow-2xs: 0px 2px 20px 0px hsl(0 0% 0% / 0.04);
  --shadow-xs: 0px 2px 20px 0px hsl(0 0% 0% / 0.04);
  --shadow-sm: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 1px 2px -1px hsl(0 0% 0% / 0.08);
  --shadow: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 1px 2px -1px hsl(0 0% 0% / 0.08);
  --shadow-md: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 2px 4px -1px hsl(0 0% 0% / 0.08);
  --shadow-lg: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 4px 6px -1px hsl(0 0% 0% / 0.08);
  --shadow-xl: 0px 2px 20px 0px hsl(0 0% 0% / 0.08), 0px 8px 10px -1px hsl(0 0% 0% / 0.08);
  --shadow-2xl: 0px 2px 20px 0px hsl(0 0% 0% / 0.2);
  --marketing-accent: #66b2ff;
  --marketing-surface: #1c1c1c;
  --marketing-surface-strong: #242424;
  --avatar-1: #4a3d31;
  --avatar-1-fg: #ecd9c6;
  --avatar-2: #34443a;
  --avatar-2-fg: #cfe3d4;
  --avatar-3: #2f3f52;
  --avatar-3-fg: #cfe0f2;
  --avatar-4: #4d3333;
  --avatar-4-fg: #f2d4d4;
  --avatar-5: #3e3752;
  --avatar-5-fg: #ddd4f2;
  --avatar-6: #4b4128;
  --avatar-6-fg: #efdfb8;
  --status-ok: oklch(0.72 0.16 150);
  --status-warn: oklch(0.8 0.15 80);
  --status-bad: oklch(0.704 0.191 22.216);
  --status-info: oklch(0.75 0.14 255);
  --status-ok-fg: oklch(0.72 0.16 150);
  --status-warn-fg: oklch(0.8 0.15 80);
  --status-info-fg: oklch(0.75 0.14 255);
  --badge-ok-bg: #002311;
  --badge-ok-fg: #40ae83;
  --badge-warn-bg: #250e00;
  --badge-warn-fg: #b67e04;
  --badge-bad-bg: #2a0a07;
  --badge-bad-fg: #d4726a;
  --badge-info-bg: #00142b;
  --badge-info-fg: #6c9fd8;
  --notice-info-bg: #1f2c40;
  --code-tag: oklch(0.75 0.13 250);
  --code-attr: oklch(0.83 0.11 90);
  --code-string: oklch(0.79 0.11 40);
  --code-comment: oklch(0.72 0.1 150);
  --code-keyword: oklch(0.78 0.13 310);
  --code-number: oklch(0.8 0.1 195);
  --code-punct: oklch(0.72 0.02 260);
}
@container (max-width: 640px) {
  [data-site-root] :is(h1, h2, h3, h4, h5, h6) {
    hyphens: auto;
    overflow-wrap: anywhere;
  }
}
[data-site-root] .site-item-title {
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 4;
  -webkit-hyphenate-limit-after: 4;
  hyphenate-limit-chars: 10 4 4;
}
[data-site-root] :is(input, textarea, select):-webkit-autofill {
  -webkit-text-fill-color: var(--site-card-fg);
  caret-color: var(--site-card-fg);
  box-shadow: inset 0 0 0 100px var(--site-muted, #f1f1f1) !important;
}
[data-site-root] :is(input, textarea, select):autofill {
  -webkit-text-fill-color: var(--site-card-fg);
  caret-color: var(--site-card-fg);
  box-shadow: inset 0 0 0 100px var(--site-muted, #f1f1f1) !important;
}
[data-site-root][data-site-scheme="light"] {
  color-scheme: light;
}
[data-site-root][data-site-scheme="dark"] {
  color-scheme: dark;
}
[data-site-root][data-site-scheme="system"] {
  color-scheme: light dark;
}
[data-site-root]::selection, [data-site-root] ::selection {
  background-color: color-mix(in srgb, #007aff 32%, transparent);
  background-color: color-mix(in srgb, AccentColor 32%, transparent);
}
@layer base {
  * {
    border-color: var(--border);
    outline: none;
  }
  body {
    background-color: var(--background);
    color: var(--foreground);
    overflow-x: clip;
  }
  html {
    font-family: var(--font-sans);
  }
  html:has([data-public-header]) {
    scroll-padding-top: 5.5rem;
  }
  :focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
  }
  html[data-focus-modality="pointer"] :focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }
  [data-site-root] :focus-visible:not(:is(.canvas-chrome, .canvas-chrome *)) {
    outline-color: var(--site-primary);
  }
  @media (max-width: 767px) {
    .site-hide-mobile {
      display: none;
    }
  }
  [data-sim="mobile"] .site-hide-mobile {
    display: none;
  }
  [data-sim="desktop"] .site-hide-mobile, [data-sim="tablet"] .site-hide-mobile {
    display: revert;
  }
  @media (min-width: 768px) {
    .site-hide-desktop {
      display: none;
    }
  }
  [data-sim="desktop"] .site-hide-desktop, [data-sim="tablet"] .site-hide-desktop {
    display: none;
  }
  [data-sim="mobile"] .site-hide-desktop {
    display: revert;
  }
  html[data-focus-modality="keyboard"] .keyboard-focus-within:has(:focus) {
    border-color: var(--ring);
    box-shadow: 0 0 0 2px var(--ring);
  }
  html[data-focus-modality="keyboard"] [data-site-root] .keyboard-focus-within:has(:focus) {
    border-color: var(--site-primary);
    box-shadow: 0 0 0 2px var(--site-primary);
  }
  * {
    scrollbar-color: var(--border) transparent;
  }
  ::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
    background: transparent;
  }
  html[data-app-chrome]:not(:has([data-site-document])), html[data-app-chrome]:not(:has([data-site-document])) * {
    scrollbar-width: thin;
  }
  html[data-app-chrome]:not(:has([data-site-document]))::-webkit-scrollbar, html[data-app-chrome]:not(:has([data-site-document])) ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  html[data-app-chrome]:not(:has([data-site-document]))::-webkit-scrollbar-thumb, html[data-app-chrome]:not(:has([data-site-document])) ::-webkit-scrollbar-thumb {
    min-height: 24px;
    min-width: 24px;
    border: 2px solid transparent;
    border-radius: 9999px;
    background-color: var(--border);
    background-clip: padding-box;
  }
  html[data-app-chrome]:not(:has([data-site-document]))::-webkit-scrollbar-thumb:hover, html[data-app-chrome]:not(:has([data-site-document])) ::-webkit-scrollbar-thumb:hover {
    border-width: 1px;
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 55%, transparent);
    }
  }
  html[data-app-chrome]:not(:has([data-site-document]))::-webkit-scrollbar-thumb:active, html[data-app-chrome]:not(:has([data-site-document])) ::-webkit-scrollbar-thumb:active {
    border-width: 1px;
    background-color: var(--muted-foreground);
  }
  @media (prefers-contrast: more) {
    html[data-app-chrome]:not(:has([data-site-document])), html[data-app-chrome]:not(:has([data-site-document])) * {
      scrollbar-color: var(--muted-foreground) transparent;
    }
    html[data-app-chrome]:not(:has([data-site-document]))::-webkit-scrollbar-thumb, html[data-app-chrome]:not(:has([data-site-document])) ::-webkit-scrollbar-thumb {
      border-width: 1px;
      background-color: var(--muted-foreground);
    }
  }
  button:not(:disabled):not([aria-disabled="true"]), [role="button"]:not([aria-disabled="true"]), label[for], summary {
    cursor: pointer;
  }
  a, button, summary, input, select, textarea, label[for], [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"] {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow, opacity;
    transition-duration: var(--default-transition-duration);
    transition-timing-function: var(--default-transition-timing-function);
  }
  @media (prefers-reduced-motion: reduce) {
    a, button, summary, input, select, textarea, label[for], [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"] {
      transition-duration: 1ms;
    }
  }
}
[data-slot="button"]:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}
:where( input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), textarea, select ):focus {
  border-color: var(--ring) !important;
  box-shadow: none !important;
  outline: none !important;
}
[data-site-root] :where( input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]), textarea, select ):focus {
  border-color: var(--site-primary) !important;
}
[data-editor-canvas] [data-site-root] input.canvas-chrome:focus {
  border-color: var(--ring) !important;
}
@keyframes mk-caret {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
@keyframes mk-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes mk-build {
  0%, 12% {
    opacity: 0.18;
    transform: translateY(6px);
  }
  40%, 100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes mk-wait {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  12%, 82% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
    transform: none;
  }
}
@keyframes mk-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.85);
  }
}
@keyframes mk-ping {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  70%, 100% {
    opacity: 0;
    transform: scale(2.4);
  }
}
.mk-caret {
  animation: mk-caret var(--duration-caret) step-end infinite;
}
.mk-rise {
  opacity: 0;
  animation: mk-rise var(--duration-rise) var(--ease-out-emphasized) forwards;
}
.mk-build {
  animation: mk-build var(--duration-build) ease-in-out infinite;
}
.mk-wait {
  opacity: 0;
  animation: mk-wait 1.7s var(--ease-out-emphasized) forwards;
}
.mk-pulse {
  animation: mk-pulse var(--duration-pulse) ease-in-out infinite;
}
.mk-ping {
  animation: mk-ping var(--duration-pulse) ease-out infinite;
}
@keyframes mk-loop-rise {
  0% {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(3px);
  }
  7%, 86% {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
  95%, 100% {
    opacity: 0;
    transform: translateY(-4px);
    filter: blur(2px);
  }
}
.mk-loop {
  opacity: 0;
  animation: mk-loop-rise var(--mk-loop, 9s) var(--ease-out-emphasized) infinite both;
}
@keyframes mk-loop-press {
  0%, 42% {
    transform: none;
  }
  45% {
    transform: scale(0.94);
  }
  50% {
    transform: scale(1.03);
  }
  56%, 100% {
    transform: none;
  }
}
.mk-beat {
  animation: mk-loop-press var(--mk-loop, 9s) var(--ease-out-emphasized) infinite;
}
@keyframes mk-cycle-out {
  0%, 92% {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-4px);
    filter: blur(2px);
  }
}
.mk-cycle {
  animation: mk-cycle-out var(--mk-cycle, 12s) var(--ease-out-emphasized) forwards;
}
@keyframes mk-draw {
  from {
    stroke-dashoffset: var(--mk-len, 600);
  }
  to {
    stroke-dashoffset: 0;
  }
}
.mk-draw {
  stroke-dasharray: var(--mk-len, 600);
  stroke-dashoffset: var(--mk-len, 600);
  animation: mk-draw var(--duration-draw) var(--ease-out-emphasized) forwards;
}
@keyframes mk-pop {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.mk-pop {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: mk-pop var(--duration-pop) var(--ease-out-emphasized) forwards;
}
@keyframes setup-strike {
  from {
    background-size: 0 1px;
  }
  to {
    background-size: 100% 1px;
  }
}
.setup-strike-line {
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 58%;
  background-size: 100% 1px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.setup-strike-line--animate {
  animation: setup-strike 320ms var(--ease-out-emphasized, ease-out) 100ms both;
}
@media (prefers-reduced-motion: reduce) {
  .setup-strike-line--animate {
    animation: none;
  }
}
@keyframes setup-tick-fill {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  60% {
    transform: scale(1.12);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes setup-tick-draw {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.setup-tick-fill--animate {
  animation: setup-tick-fill var(--duration-panel, 300ms) var(--ease-out-emphasized, ease-out) both;
}
.setup-tick-check--animate {
  stroke-dasharray: 1;
  animation: setup-tick-draw var(--duration-base, 200ms) var(--ease-out-emphasized, ease-out) var(--duration-fast, 150ms) both;
}
@media (prefers-reduced-motion: reduce) {
  .setup-tick-fill--animate, .setup-tick-check--animate {
    animation: none;
  }
}
.reveal-stagger > * {
  opacity: 0;
  animation: mk-rise var(--duration-rise) var(--ease-out-emphasized) forwards;
}
.reveal-stagger > *:nth-child(2) {
  animation-delay: 60ms;
}
.reveal-stagger > *:nth-child(3) {
  animation-delay: 120ms;
}
.reveal-stagger > *:nth-child(4) {
  animation-delay: 180ms;
}
.reveal-stagger > *:nth-child(5) {
  animation-delay: 240ms;
}
.reveal-stagger > *:nth-child(n + 6) {
  animation-delay: 300ms;
}
[data-site-still] .site-reveal, [data-site-still] .site-reveal-full.site-reveal-kids > *, [data-site-still] .site-lively.site-reveal-kids > *, [data-site-still] .site-load-reveal, [data-site-still] .site-load-reveal .site-reveal:not(.site-reveal-kids), [data-site-still] .site-load-reveal .site-reveal-kids > *, [data-site-still] .site-parallax-soft {
  animation: none;
  opacity: 1;
  transform: none;
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .site-reveal {
      animation: var(--site-motion-anim, site-reveal-in) var(--site-motion-ease, linear) both;
      animation-timeline: view();
      animation-range: entry var(--site-motion-start, 0%) entry calc(var(--site-motion-start, 0%) + 55%);
    }
    .site-reveal-subtle {
      --site-reveal-y: var(--site-motion-y, 0.5rem);
    }
    .site-reveal-full {
      --site-reveal-y: var(--site-motion-y, 2.25rem);
      animation-range: entry var(--site-motion-start, 0%) entry calc(var(--site-motion-start, 0%) + 45%);
    }
    .site-reveal-full.site-reveal-kids {
      animation: none;
      opacity: 1;
      transform: none;
    }
    .site-reveal-full.site-reveal-kids > * {
      animation: var(--site-motion-anim, site-reveal-in) var(--site-motion-ease, linear) both;
      animation-timeline: view();
      animation-range: entry var(--site-motion-start, 0%) entry calc(var(--site-motion-start, 0%) + 50%);
      --site-reveal-y: var(--site-motion-y, 1.75rem);
    }
    .site-reveal-full.site-reveal-kids > *:nth-child(2) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 4%) entry calc(var(--site-motion-start, 0%) + 54%);
    }
    .site-reveal-full.site-reveal-kids > *:nth-child(3) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 8%) entry calc(var(--site-motion-start, 0%) + 58%);
    }
    .site-reveal-full.site-reveal-kids > *:nth-child(4) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 12%) entry calc(var(--site-motion-start, 0%) + 62%);
    }
    .site-reveal-full.site-reveal-kids > *:nth-child(n + 5) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 16%) entry calc(var(--site-motion-start, 0%) + 66%);
    }
    .site-parallax {
      animation: site-parallax-drift linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
      will-change: transform;
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html[data-site-entrances]) [data-site-root] .site-reveal:where(:not(.site-load-reveal *)), [data-site-root] .site-reveal:where([data-site-pending]) {
    opacity: 0;
  }
}
:is([data-site-still], [data-site-thumbnail]) [data-site-root] .site-reveal {
  opacity: 1;
}
@media print {
  [data-site-root] .site-reveal {
    opacity: 1;
  }
}
@property --site-process-reach {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@keyframes site-process-reach {
  from {
    --site-process-reach: 0;
  }
  to {
    --site-process-reach: 1;
  }
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    [data-site-root] .site-process-fill > li, [data-site-root] .site-process-fill [data-process-line] {
      animation: site-process-reach linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 100%;
    }
  }
}
:is([data-site-still], [data-site-thumbnail]) [data-site-root] .site-process-fill > li, :is([data-site-still], [data-site-thumbnail]) [data-site-root] .site-process-fill [data-process-line] {
  animation: none;
}
@media print {
  [data-site-root] .site-process-fill > li, [data-site-root] .site-process-fill [data-process-line] {
    animation: none;
  }
}
.site-split-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding: 0.15em 0.06em;
  margin: -0.15em -0.06em;
}
.site-split-word {
  display: inline-block;
}
@media (prefers-reduced-motion: no-preference) {
  [data-site-root] .site-load-reveal [data-slot="hero.eyebrow"], [data-site-root] .site-load-reveal [data-slot="hero.heading"]:where(:not(:has(> .site-split-mask))), [data-site-root] .site-load-reveal [data-slot="hero.body"], [data-site-root] .site-load-reveal [data-slot="hero.cta"] {
    animation: var(--site-motion-anim, site-reveal-in) var(--site-motion-duration, 700ms) var(--site-motion-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
    --site-reveal-y: var(--site-motion-y, 26px);
  }
  [data-site-root] .site-load-reveal [data-slot="hero.body"] {
    animation-delay: var(--site-motion-stagger, 50ms);
  }
  [data-site-root] .site-load-reveal [data-slot="hero.cta"] {
    animation-delay: calc(var(--site-motion-stagger, 50ms) * 2);
  }
  [data-site-root] .site-load-reveal .site-split-word {
    animation: site-split-rise 850ms var(--site-motion-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
    animation-delay: calc(var(--word-i, 0) * 55ms);
    will-change: transform;
  }
  [data-site-root] .site-load-reveal [data-slot="hero.media"]:where(:not([data-site-entrance-still] *)) {
    animation: site-load-fade calc(var(--site-motion-duration, 700ms) + 300ms) var(--site-motion-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
  }
  [data-site-root] .site-load-reveal .site-reveal:where(:not(.site-reveal-kids):not(:has([data-slot^="hero."]))) {
    animation: var(--site-motion-anim, site-reveal-in) var(--site-motion-duration, 700ms) var(--site-motion-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
    --site-reveal-y: var(--site-motion-y, 26px);
  }
  [data-site-root] .site-load-reveal .site-reveal-kids:where(:not(:has([data-slot^="hero."]))) > * {
    animation: var(--site-motion-anim, site-reveal-in) var(--site-motion-duration, 700ms) var(--site-motion-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
    --site-reveal-y: var(--site-motion-y, 26px);
  }
  [data-site-root] .site-load-reveal .site-reveal-kids:where(:not(:has([data-slot^="hero."]))) > *:nth-child(2) {
    animation-delay: var(--site-motion-stagger, 50ms);
  }
  [data-site-root] .site-load-reveal .site-reveal-kids:where(:not(:has([data-slot^="hero."]))) > *:nth-child(3) {
    animation-delay: calc(var(--site-motion-stagger, 50ms) * 2);
  }
  [data-site-root] .site-load-reveal .site-reveal-kids:where(:not(:has([data-slot^="hero."]))) > *:nth-child(4) {
    animation-delay: calc(var(--site-motion-stagger, 50ms) * 3);
  }
  [data-site-root] .site-load-reveal .site-reveal-kids:where(:not(:has([data-slot^="hero."]))) > *:nth-child(n + 5) {
    animation-delay: calc(var(--site-motion-stagger, 50ms) * 4);
  }
}
:is([data-site-still], [data-site-thumbnail]) [data-site-root] .site-load-reveal :is( .site-reveal, .site-reveal-kids > *, [data-slot^="hero."], .site-split-word ) {
  animation: none;
  opacity: 1;
  transform: none;
}
@media (hover: hover) {
  :is(.site-lively, .site-tile-hover) [data-slot$=".grid"] > a[href]:hover, :is(.site-lively, .site-tile-hover) a[data-slot$=".card"][href]:hover {
    opacity: 0.88;
  }
}
:is(.site-lively, .site-tile-hover) [data-slot$=".grid"] > a[href], :is(.site-lively, .site-tile-hover) a[data-slot$=".card"][href] {
  transition: opacity var(--duration-base) var(--ease-out-emphasized);
}
[data-site-root] [data-slot$=".eyebrow"] {
  text-transform: none !important;
  letter-spacing: 0;
}
[data-site-root] .flex.flex-col:not([data-source-reference] *):has(> :is(h1, h2, h3)[data-slot]) {
  row-gap: var(--site-space-sm);
}
[data-site-root] :is(h1, h2, h3):not([data-source-reference] *)[data-slot] + [data-slot$=".body"] {
  margin-block-start: var(--site-space-sm);
}
[data-site-root] [data-slot$=".body"]:not([data-source-reference] *) + .flex:has(> [data-action="cta_click"], > [data-cta-editor], > span > [data-cta-editor]) {
  margin-block-start: var(--site-space-lg);
}
[data-site-root] .flex.flex-col:not([data-source-reference] *):has(> :is(h1, h2, h3)[data-slot]) > [data-slot$=".body"] {
  margin-block-start: 0;
}
[data-site-root] .flex.flex-col:not([data-source-reference] *):has(> :is(h1, h2, h3)[data-slot]) > .flex:has(> .site-cta, > [data-cta-editor], > span > [data-cta-editor]), [data-site-root] .flex.flex-col:not([data-source-reference] *):has(> :is(h1, h2, h3)[data-slot]) > :is(.site-cta, [data-cta-editor]) {
  margin-block-start: var(--site-space-lg);
}
[data-site-root][data-site-scale="tailored"] .text-base {
  font-size: var(--site-text-body);
}
[data-site-root][data-site-scale="tailored"] .text-sm {
  font-size: var(--site-text-sm);
}
[data-site-root][data-site-scale="tailored"] .text-xs {
  font-size: var(--site-text-xs);
}
[data-site-root][data-site-scale="tailored"] .site-cta {
  font-size: var(--site-text-cta);
}
[data-site-root][data-site-scale="tailored"] {
  --site-wordmark-base: var(--site-text-body);
  --site-wordmark-base-phone: var(--site-text-body);
}
[data-site-root] {
  --site-media-cap: var(--site-preview-viewport-height, 100svh);
}
[data-site-root] section:not([class*="py-0"]) {
  --site-media-cap: max(8rem, calc(
    var(--site-preview-viewport-height, 100svh) - var(--site-section-py, 0px) *
      var(--section-py-own, 1) *
      (var(--section-pt-scale, 1) + var(--section-pb-scale, 1))
  ));
}
[data-site-root] [class*="aspect-"]:not([data-source-reference] *) {
  max-height: var(--site-media-cap);
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .site-lively.site-reveal-kids {
      animation: none;
      opacity: 1;
      transform: none;
    }
    .site-lively.site-reveal-kids > * {
      animation: var(--site-motion-anim, site-reveal-in) var(--site-motion-ease, linear) both;
      animation-timeline: view();
      animation-range: entry var(--site-motion-start, 0%) entry calc(var(--site-motion-start, 0%) + 50%);
      --site-reveal-y: var(--site-motion-y, 1.25rem);
    }
    .site-lively.site-reveal-kids > *:nth-child(2) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 4%) entry calc(var(--site-motion-start, 0%) + 54%);
    }
    .site-lively.site-reveal-kids > *:nth-child(3) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 8%) entry calc(var(--site-motion-start, 0%) + 58%);
    }
    .site-lively.site-reveal-kids > *:nth-child(4) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 12%) entry calc(var(--site-motion-start, 0%) + 62%);
    }
    .site-lively.site-reveal-kids > *:nth-child(5) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 16%) entry calc(var(--site-motion-start, 0%) + 66%);
    }
    .site-lively.site-reveal-kids > *:nth-child(n + 6) {
      animation-range: entry calc(var(--site-motion-start, 0%) + 20%) entry calc(var(--site-motion-start, 0%) + 70%);
    }
  }
}
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .site-parallax-soft {
      animation: site-parallax-soft-drift linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
      will-change: transform;
    }
  }
}
[data-site-thumbnail] .site-reveal, [data-site-thumbnail] .site-reveal-kids > *, [data-site-thumbnail] .site-parallax, [data-site-thumbnail] .site-parallax-soft {
  animation: none;
  opacity: 1;
  transform: none;
}
@keyframes site-split-rise {
  from {
    transform: translateY(125%);
  }
  to {
    transform: none;
  }
}
@keyframes site-load-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes site-reveal-in {
  from {
    opacity: 0;
    transform: translateY(var(--site-reveal-y, 0.5rem));
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes site-reveal-in-blur {
  from {
    opacity: 0;
    transform: translateY(var(--site-reveal-y, 0.5rem));
    filter: blur(var(--site-motion-blur, 0px));
  }
  to {
    opacity: 1;
    transform: none;
    filter: blur(0px);
  }
}
@keyframes site-slot-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes site-slot-zoom {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes site-slot-drift {
  from {
    translate: 0 var(--slot-drift-y, 0px);
  }
  to {
    translate: 0 calc(var(--slot-drift-y, 0px) * -1);
  }
}
@keyframes site-parallax-drift {
  from {
    transform: translate( var(--site-parallax-x, 0px), var(--site-parallax-y, 0px) );
  }
  to {
    transform: none;
  }
}
@keyframes site-parallax-soft-drift {
  from {
    transform: translateY(-3%);
  }
  to {
    transform: translateY(3%);
  }
}
@media (prefers-reduced-motion: no-preference) {
  html:has([data-site-root]), [data-site-scroll-root] {
    scroll-behavior: smooth;
  }
}
[data-site-root]:has([data-footer-region="open-directory-shell"]) [data-site-footer-meta] {
  background-color: var(--site-card);
  --site-fg: var(--site-card-fg);
}
@keyframes chat-word-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.chat-word-in {
  display: inline;
  animation: chat-word-in 140ms linear both;
}
@keyframes chat-stream-caret {
  0%, 49% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.chat-stream-caret {
  display: inline-block;
  width: 2px;
  height: 0.95em;
  margin-left: 1px;
  translate: 0 0.12em;
  border-radius: 1px;
  background: currentColor;
  opacity: 0.55;
  vertical-align: baseline;
  animation: chat-stream-caret var(--duration-caret) step-end infinite;
}
.chat-stream-done {
  animation: none;
  opacity: 1;
}
.chat-stream-live > div > *, .chat-stream-live li {
  animation: chat-word-in 180ms linear both;
}
@media (prefers-reduced-motion: reduce) {
  .chat-word-in, .chat-stream-caret, .chat-stream-done, .chat-stream-live > div > *, .chat-stream-live li {
    animation: none;
  }
  .chat-word-in {
    opacity: 1;
    filter: none;
    transform: none;
  }
  .chat-stream-caret {
    opacity: 0.4;
  }
  .chat-stream-done {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mk-caret, .mk-rise, .mk-loop, .mk-beat, .mk-cycle, .mk-build, .mk-wait, .mk-pulse, .mk-ping, .mk-draw, .mk-pop, .reveal-stagger > * {
    animation: none;
  }
  .mk-rise, .mk-loop, .mk-cycle, .mk-pop, .reveal-stagger > * {
    opacity: 1;
  }
  .mk-wait {
    opacity: 0;
  }
  .mk-pop {
    transform: none;
  }
  .mk-draw {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-spin, .animate-pulse {
    animation: none;
  }
}
.safe-top {
  padding-top: max(env(safe-area-inset-top), var(--safe-t-min, 0px));
}
.safe-bottom {
  padding-bottom: max(env(safe-area-inset-bottom), var(--safe-b-min, 0px));
}
.safe-x {
  padding-left: max( env(safe-area-inset-left), var(--safe-l-min, var(--safe-x-min, 0px)) );
  padding-right: max( env(safe-area-inset-right), var(--safe-r-min, var(--safe-x-min, 0px)) );
}
:root {
  --app-bar-h: calc(3.5rem + env(safe-area-inset-top));
  --editor-bar-h: calc(3rem + env(safe-area-inset-top));
}
@media (min-width: 768px) {
  :root {
    --editor-bar-h: calc(3rem + env(safe-area-inset-top));
  }
}
body.native {
  --native-safe-top: env(safe-area-inset-top);
  --native-safe-right: env(safe-area-inset-right);
  --native-safe-bottom: env(safe-area-inset-bottom);
  --native-safe-left: env(safe-area-inset-left);
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  padding-left: var(--native-safe-left);
  padding-right: var(--native-safe-right);
}
body.native button, body.native a, body.native [role="button"] {
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  body.native header.sticky.top-0:not([data-site-nav]) {
    padding-top: var(--native-safe-top);
  }
}
@media (hover: none) and (pointer: coarse) {
  button, a, [role="button"], label[for], summary, input, select, textarea, [contenteditable="true"], [contenteditable="plaintext-only"], [role="textbox"] {
    touch-action: manipulation;
  }
}
@container (max-width: 640px) {
  [contenteditable="true"], [contenteditable="plaintext-only"] {
    hyphens: auto;
  }
}
[contenteditable="plaintext-only"][data-guide-text-path]:hover {
  transition-property: none;
}
@media (hover: none) and (pointer: coarse) {
  input, select, textarea, [contenteditable="true"]:not([data-field-path]), [contenteditable="plaintext-only"]:not([data-field-path]), [role="textbox"]:not([data-field-path]) {
    font-size: max(16px, 1em);
  }
}
@supports (-webkit-touch-callout: none) {
  input, select, textarea, [contenteditable="true"]:not([data-field-path]), [contenteditable="plaintext-only"]:not([data-field-path]), [role="textbox"]:not([data-field-path]) {
    font-size: max(16px, 1em);
  }
}
@media (hover: none) and (pointer: coarse) {
  [class*="overflow-y-auto"], [class*="overflow-y-scroll"] {
    -webkit-overflow-scrolling: touch;
  }
}
[data-layer-hover] {
  outline: 2px solid var(--ring);
  outline-offset: -2px;
}
@media (prefers-reduced-motion: no-preference) {
  [data-layer-hover] {
    transition: outline-color var(--duration-fast) var(--ease-out-emphasized);
  }
}
@media (hover: none) and (pointer: coarse) {
  .touch-target {
    min-height: 44px;
    min-width: 44px;
  }
}
.prose {
  --tw-prose-body: var(--color-foreground);
  --tw-prose-headings: var(--color-foreground);
  --tw-prose-lead: var(--color-muted-foreground);
  --tw-prose-links: var(--color-foreground);
  --tw-prose-bold: var(--color-foreground);
  --tw-prose-counters: var(--color-muted-foreground);
  --tw-prose-bullets: var(--color-muted-foreground);
  --tw-prose-hr: var(--color-border);
  --tw-prose-quotes: var(--color-foreground);
  --tw-prose-quote-borders: var(--color-border);
  --tw-prose-captions: var(--color-muted-foreground);
  --tw-prose-kbd: var(--color-foreground);
  --tw-prose-kbd-shadows: var(--color-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-prose-kbd-shadows: color-mix(
    in oklch,
    var(--color-foreground) 10%,
    transparent
  );
  }
  --tw-prose-code: var(--color-foreground);
  --tw-prose-pre-code: var(--color-foreground);
  --tw-prose-pre-bg: var(--color-muted);
  --tw-prose-th-borders: var(--color-border);
  --tw-prose-td-borders: var(--color-border);
  --tw-prose-invert-body: var(--color-foreground);
  --tw-prose-invert-headings: var(--color-foreground);
  --tw-prose-invert-lead: var(--color-muted-foreground);
  --tw-prose-invert-links: var(--color-foreground);
  --tw-prose-invert-bold: var(--color-foreground);
  --tw-prose-invert-counters: var(--color-muted-foreground);
  --tw-prose-invert-bullets: var(--color-muted-foreground);
  --tw-prose-invert-hr: var(--color-border);
  --tw-prose-invert-quotes: var(--color-foreground);
  --tw-prose-invert-quote-borders: var(--color-border);
  --tw-prose-invert-captions: var(--color-muted-foreground);
  --tw-prose-invert-kbd: var(--color-foreground);
  --tw-prose-invert-kbd-shadows: var(--color-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-prose-invert-kbd-shadows: color-mix(
    in oklch,
    var(--color-foreground) 10%,
    transparent
  );
  }
  --tw-prose-invert-code: var(--color-foreground);
  --tw-prose-invert-pre-code: var(--color-foreground);
  --tw-prose-invert-pre-bg: var(--color-muted);
  --tw-prose-invert-th-borders: var(--color-border);
  --tw-prose-invert-td-borders: var(--color-border);
}
.prose-blog {
  line-height: 1.75rem;
  :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    color: var(--tw-prose-lead);
  }
  :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 1rem;
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }
  :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }
  :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }
  :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }
  :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
  }
  :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  :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;
  }
  :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 500;
  }
  :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }
  :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }
  :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }
  :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }
  :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }
  :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }
  :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }
  :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }
  :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
  }
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }
  :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
  }
  :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: open-quote;
  }
  :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: close-quote;
  }
  :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: var(--text-3xl);
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }
  :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
  }
  :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
    font-weight: 600;
  }
  :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
  }
  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }
  :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
  }
  :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }
  :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
  }
  :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);
  }
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding: 3px;
    border: solid 1px;
    font-size: 13px;
    border-color: var(--color-fd-border);
    border-radius: 5px;
    font-weight: 400;
    background: var(--color-fd-muted);
    color: var(--tw-prose-code);
  }
  :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: var(--text-2xl);
  }
  :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
  }
  :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
  }
  :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
  }
  :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }
  :where(a:not([data-card])):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    transition: opacity .2s;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 3.5px;
    text-decoration-color: var(--color-fd-primary);
    text-decoration-thickness: 1.5px;
  }
  :where(a:not([data-card]):hover):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    opacity: 80%;
  }
  --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
  --tw-prose-headings: var(--color-fd-foreground);
  --tw-prose-lead: var(--color-fd-foreground);
  --tw-prose-links: var(--color-fd-foreground);
  --tw-prose-bold: var(--color-fd-foreground);
  --tw-prose-counters: var(--color-fd-muted-foreground);
  --tw-prose-bullets: var(--color-fd-muted-foreground);
  --tw-prose-hr: var(--color-fd-border);
  --tw-prose-quotes: var(--color-fd-foreground);
  --tw-prose-quote-borders: var(--color-fd-border);
  --tw-prose-captions: var(--color-fd-foreground);
  --tw-prose-code: var(--color-fd-foreground);
  --tw-prose-th-borders: var(--color-fd-border);
  --tw-prose-td-borders: var(--color-fd-border);
  --tw-prose-kbd: var(--color-fd-foreground);
  --tw-prose-kbd-shadows: color-mix(in oklab, var(--color-fd-primary) 50%, transparent);
  :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }
  :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: 0.875em;
    line-height: 1.7142857;
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--color-fd-card);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-fd-border);
    overflow: hidden;
  }
  :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
    padding: calc(var(--spacing) * 2.5);
    border-inline-start: 1px solid var(--color-fd-border);
    background: var(--color-fd-muted);
  }
  :where(th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-inline-start: none;
  }
  :where(th:not(tr:last-child *), td:not(tr:last-child *)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom: 1px solid var(--color-fd-border);
  }
  :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
    border-inline-start: 1px solid var(--color-fd-border);
    padding: calc(var(--spacing) * 2.5);
  }
  :where(td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-inline-start: none;
  }
  :where(tfoot th, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  :where(thead th, thead td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  color: var(--tw-prose-body);
  max-width: 65ch;
  :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }
  :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
  }
  :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }
  :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }
  :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }
  :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }
  :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }
  :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }
  :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }
  :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }
  :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }
  :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }
  :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
  }
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }
  :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
  }
  :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;
  }
  :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }
  :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: open-quote;
  }
  :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: close-quote;
  }
  :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }
  :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit;
  }
  :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }
  :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit;
  }
  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }
  :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
  }
  :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }
  :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit;
  }
  :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
  }
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
  }
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: "`";
  }
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: "`";
  }
  :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em;
  }
  :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em;
  }
  :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }
  :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
  }
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before {
    content: none;
  }
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {
    content: none;
  }
  :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
  }
  :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }
  :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }
  :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }
  :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }
  :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }
  :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }
  --tw-prose-body: oklch(37.3% 0.034 259.733);
  --tw-prose-headings: oklch(21% 0.034 264.665);
  --tw-prose-lead: oklch(44.6% 0.03 256.802);
  --tw-prose-links: oklch(21% 0.034 264.665);
  --tw-prose-bold: oklch(21% 0.034 264.665);
  --tw-prose-counters: oklch(55.1% 0.027 264.364);
  --tw-prose-bullets: oklch(87.2% 0.01 258.338);
  --tw-prose-hr: oklch(92.8% 0.006 264.531);
  --tw-prose-quotes: oklch(21% 0.034 264.665);
  --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-captions: oklch(55.1% 0.027 264.364);
  --tw-prose-kbd: oklch(21% 0.034 264.665);
  --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
  --tw-prose-code: oklch(21% 0.034 264.665);
  --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
  --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
  --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
  --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
  --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
  --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
  --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
  --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
  --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
  --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
  font-size: 1rem;
  line-height: 1.75;
  :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0.375em;
  }
  :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }
  :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }
  :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }
  :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }
  :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }
  :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }
  :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }
  :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }
  :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }
  max-width: none;
  --tw-prose-body: oklch(37.1% 0 0);
  --tw-prose-headings: oklch(20.5% 0 0);
  --tw-prose-lead: oklch(43.9% 0 0);
  --tw-prose-links: oklch(20.5% 0 0);
  --tw-prose-bold: oklch(20.5% 0 0);
  --tw-prose-counters: oklch(55.6% 0 0);
  --tw-prose-bullets: oklch(87% 0 0);
  --tw-prose-hr: oklch(92.2% 0 0);
  --tw-prose-quotes: oklch(20.5% 0 0);
  --tw-prose-quote-borders: oklch(92.2% 0 0);
  --tw-prose-captions: oklch(55.6% 0 0);
  --tw-prose-kbd: oklch(20.5% 0 0);
  --tw-prose-kbd-shadows: color-mix(in oklab, oklch(20.5% 0 0) 10%, transparent);
  --tw-prose-code: oklch(20.5% 0 0);
  --tw-prose-pre-code: oklch(92.2% 0 0);
  --tw-prose-pre-bg: oklch(26.9% 0 0);
  --tw-prose-th-borders: oklch(87% 0 0);
  --tw-prose-td-borders: oklch(92.2% 0 0);
  --tw-prose-invert-body: oklch(87% 0 0);
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: oklch(70.8% 0 0);
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: oklch(70.8% 0 0);
  --tw-prose-invert-bullets: oklch(43.9% 0 0);
  --tw-prose-invert-hr: oklch(37.1% 0 0);
  --tw-prose-invert-quotes: oklch(97% 0 0);
  --tw-prose-invert-quote-borders: oklch(37.1% 0 0);
  --tw-prose-invert-captions: oklch(70.8% 0 0);
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: oklch(87% 0 0);
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: oklch(43.9% 0 0);
  --tw-prose-invert-td-borders: oklch(37.1% 0 0);
  --tw-prose-headings: var(--color-foreground);
  --tw-prose-body: var(--color-foreground);
  --tw-prose-lead: var(--color-muted-foreground);
  --tw-prose-links: var(--color-foreground);
  --tw-prose-bold: var(--color-foreground);
  --tw-prose-counters: var(--color-muted-foreground);
  --tw-prose-bullets: var(--color-muted-foreground);
  --tw-prose-hr: var(--color-border);
  --tw-prose-quotes: var(--color-foreground);
  --tw-prose-quote-borders: var(--color-border);
  --tw-prose-captions: var(--color-muted-foreground);
  --tw-prose-code: var(--color-foreground);
  --tw-prose-pre-code: var(--color-foreground);
  --tw-prose-pre-bg: var(--color-muted);
  --tw-prose-th-borders: var(--color-border);
  --tw-prose-td-borders: var(--color-border);
}
.prose-blog h2 {
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
}
.prose-blog h3 {
  font-weight: 500;
  margin-top: 1.75rem;
}
.prose-blog a {
  text-decoration: underline;
  text-decoration-color: var(--color-muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklch, var(--color-muted-foreground) 40%, transparent);
  }
  text-underline-offset: 3px;
  transition: text-decoration-color 0.15s;
}
.prose-blog a:hover {
  text-decoration-color: var(--color-foreground);
}
.prose-blog blockquote {
  font-style: normal;
  font-weight: 500;
  border-left-color: var(--color-border);
  color: var(--color-foreground);
}
.prose-blog code:not(pre code) {
  background-color: var(--color-muted);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  padding: 0.1em 0.35em;
  font-size: 0.85em;
  font-weight: 400;
}
.prose-blog code:not(pre code)::before, .prose-blog code:not(pre code)::after {
  content: none;
}
.prose-blog :is(h2, h3) {
  scroll-margin-top: 6rem;
}
.prose-blog .blog-table {
  margin-block: 2em;
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
}
.prose-blog .blog-table table {
  margin: 0;
  font-size: 0.9em;
}
.prose-blog .blog-table :is(th, td) {
  padding: 0.75em 1em;
  border-inline-start: 0;
}
.prose-blog .blog-table thead th {
  font-weight: 600;
  background-color: var(--color-muted);
}
.prose-blog .blog-table tbody tr:last-child {
  border-bottom-width: 0;
}
.app-chrome [data-slot="page-header"] {
  display: none;
}
[data-slot="page-heading"] {
  display: none;
}
.app-chrome [data-slot="page-heading"] {
  display: block;
}
.app-chrome [data-slot="focused-back"] {
  display: none;
}
.px-owner-editing {
  outline: 2px dashed rgba(37, 99, 235, 0.55);
  outline-offset: 3px;
  border-radius: 2px;
  cursor: text;
}
.px-owner-editing:focus, .px-owner-editing[contenteditable="plaintext-only"], .px-owner-editing[contenteditable="true"] {
  outline-color: rgba(37, 99, 235, 0.95);
  outline-style: solid;
  background: rgba(37, 99, 235, 0.06);
}
@media print {
  .px-owner-fab {
    display: none !important;
  }
}
@media print {
  .dark {
    --background: #ffffff;
    --foreground: #0d0d0d;
    --card: #ffffff;
    --card-foreground: #0d0d0d;
    --popover: #ffffff;
    --popover-foreground: #0d0d0d;
    --muted: #f5f5f5;
    --muted-foreground: #555555;
    --border: #cccccc;
    --input: #cccccc;
  }
  body:has([data-print="area"]) {
    background: #fff !important;
  }
  body:has([data-print="area"]) * {
    visibility: hidden;
  }
  body:has([data-print="area"]) [data-print="area"], body:has([data-print="area"]) [data-print="area"] * {
    visibility: visible;
  }
  [data-print="area"] [data-print="hide"], [data-print="area"] [data-print="hide"] * {
    visibility: hidden !important;
  }
  body:has([data-print="area"]) :has([data-print="area"]) {
    position: static !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
  }
  [data-print="area"] * {
    overflow: visible !important;
    max-height: none !important;
  }
  [data-print="area"] .truncate, [data-print="area"] [class*="line-clamp-"] {
    display: block !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: none !important;
  }
  [data-print="area"] {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
  }
}
.auth-showcase-base {
  background-color: #d7e6f2;
}
.auth-showcase-glass {
  display: flex;
  width: 100%;
  max-width: 426px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0);
  box-shadow: inset 0.5px 0.5px 0 rgba(255, 255, 255, 0.28);
}
.auth-showcase-prompt {
  display: flex;
  width: 100%;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  padding: 6px 8px 6px 16px;
  overflow: hidden;
  border-radius: 14px;
  border: 1.259px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.87);
  box-shadow: 33.984px 86.848px 26.432px 0 rgba(0, 0, 0, 0), 21.397px 55.381px 23.915px 0 rgba(0, 0, 0, 0.01), 12.587px 31.467px 20.139px 0 rgba(0, 0, 0, 0.03), 5.035px 13.845px 15.104px 0 rgba(0, 0, 0, 0.04), 1.259px 3.776px 8.811px 0 rgba(0, 0, 0, 0.05);
}
.auth-showcase-prompt-text {
  margin: 0;
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  color: #585858;
  font-size: 16px;
  line-height: 1.5;
}
.auth-showcase-caret {
  background-color: #2381ff;
}
.auth-showcase-send {
  background-color: #2381ff;
  color: #ffffff;
}
#credential_picker_container, #credential_picker_iframe, iframe[src*="gsi/iframe"] {
  background-color: transparent !important;
  color-scheme: light dark;
}
.prompt-composer-shell {
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 2px 8px 0px, rgba(0, 0, 0, 0.024) 0px 4px 80px 8px;
}
.prompt-composer-shell.prompt-composer-shell--modal {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 2px 8px 0px;
}
.dark .prompt-composer-shell {
  box-shadow: none;
}
html[data-focus-modality="keyboard"] .prompt-composer-shell:has(:focus) {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ring);
}
.chat-typing-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: var(--muted-foreground);
  opacity: 0.35;
  animation: chat-typing 1.1s ease-in-out infinite;
}
@keyframes chat-typing {
  0%, 100% {
    opacity: 0.35;
    transform: translateY(0);
  }
  40% {
    opacity: 0.9;
    transform: translateY(-2px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .chat-typing-dot {
    animation: none;
    opacity: 0.6;
  }
}
html[data-ask-ai-switch] *, html[data-ask-ai-switch] *::before, html[data-ask-ai-switch] *::after {
  transition: none !important;
}
html[data-ask-ai-switch]::view-transition-old(root), html[data-ask-ai-switch]::view-transition-new(root) {
  animation-duration: var(--duration-base);
  animation-timing-function: var(--ease-out-emphasized);
}
:where([data-site-root][data-site-pal^="aluminium"], [data-site-root][data-site-pal^="dark"]) svg[data-site-glyph] {
  color: var(--site-icon);
}
:where([data-site-root][data-site-pal^="aluminium"], [data-site-root][data-site-pal^="dark"]) :is(a, button, [class*="bg-[var(--site-primary)]"]) svg[data-site-glyph] {
  color: inherit;
}
:is([data-site-root][data-site-pal^="aluminium"], [data-site-root][data-site-pal^="dark"], [data-site-root][data-site-card-edge="none"]) :is(section, footer) :where([class*="bg-[var(--site-card)]"][class*="border-[color-mix(in_oklch,var(--site-card-fg)_14%,transparent)]"]) {
  border-width: 0;
}
[data-site-root] :where([style*="--site-card:var(--s-light-card)"], [style*="--site-card: var(--s-light-card)"]) {
  --site-card-outline-fill: var(--s-light-card-outline-fill, 100%);
}
[data-site-root] :where([style*="--site-card:var(--s-clear-card)"], [style*="--site-card: var(--s-clear-card)"]) {
  --site-card-outline-fill: var(--s-clear-card-outline-fill, 100%);
}
[data-site-root] :where([style*="--site-card:var(--s-dark-card)"], [style*="--site-card: var(--s-dark-card)"]) {
  --site-card-outline-fill: var(--s-dark-card-outline-fill, 100%);
}
[data-site-root] :where([style*="--site-card:var(--s-brand-card)"], [style*="--site-card: var(--s-brand-card)"]) {
  --site-card-outline-fill: var(--s-brand-card-outline-fill, 100%);
}
[data-site-root] :where([style*="--site-card:rgb(0 0 0 / 72%)"], [style*="--site-card: rgb(0 0 0 / 72%)"]) {
  --site-card-outline-fill: 100%;
}
[data-site-root] :is(section, footer) :where([class*="bg-[var(--site-card)]"]:is([class*="border-[color-mix(in_oklch,var(--site-card-fg)_14%,transparent)]"], [class*="border-[var(--site-primary)]"])):where([class~="border"], [class*="border-[length:var(--site-card-border-width"]) {
  background-color: var(--site-card);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklch, var(--site-card) var(--site-card-outline-fill, 100%), transparent);
  }
}
[data-site-root][data-site-scale="precis"] .flex.flex-col:not([data-source-reference] *):has(> :is(h1, h2, h3)[data-slot]) {
  row-gap: 24px;
}
[data-site-root][data-site-scale="precis"] :not(.flex.flex-col) > :is(h1, h2, h3):not([data-source-reference] *)[data-slot] + [data-slot$=".body"] {
  margin-block-start: 24px;
}
[data-site-root][data-site-scale="tailored"] :is(a, button, span):has(> [data-cta-arrow]) {
  min-height: 30px;
  height: auto;
  padding-block: 3px;
  padding-inline-start: 16px;
  padding-inline-end: 3px;
  font-weight: 400;
}
[data-site-root][data-site-scale="tailored"] [data-cta-arrow] {
  width: 24px;
  height: 24px;
}
[data-site-root][data-site-scale="tailored"] [data-cta-arrow] svg {
  width: 14px;
  height: 14px;
}
[data-site-root][data-site-scale="tailored"] :is(a[data-site-brand] > span:first-child, button[data-site-brand] > span:first-child, span[data-site-brand], [data-site-wordmark], footer span[data-slot="footer.heading"], footer [data-footer-brand="wordmark"]) {
  color: var(--site-fg);
  font-family: var(--site-wordmark-family, var(--site-font-heading));
  font-weight: var(--site-wordmark-weight, 400);
  letter-spacing: var(--site-wordmark-tracking, -0.04em);
  text-transform: var(--site-wordmark-transform, none);
}
[data-site-root][data-site-scale="tailored"] :is(a[data-site-brand] > span:first-child, button[data-site-brand] > span:first-child, span[data-site-brand], [data-site-wordmark]) {
  font-size: var(--site-wordmark-size, var(--site-wordmark-base, 1rem));
}
@container (max-width: 767.98px) {
  [data-site-root][data-site-scale="tailored"] :is(a[data-site-brand] > span:first-child, button[data-site-brand] > span:first-child, span[data-site-brand], [data-site-wordmark]) {
    font-size: var(--site-wordmark-size-phone, var(--site-wordmark-size, var(--site-wordmark-base-phone, 1rem)));
  }
}
[data-site-root][data-site-scale="tailored"] [data-slot="services.card"] :is(a, span).site-cta {
  min-height: 0;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--site-muted-fg);
  font-weight: 400;
}
[data-site-root][data-site-scale="tailored"] [data-slot="services.card"] [data-business-service-arrow] {
  display: block;
}
[data-site-root][data-site-scale="tailored"] [data-slot="services.card"] :is(a, span).site-cta :is(svg:not([data-business-service-arrow]), [data-cta-arrow]) {
  display: none;
}
@container (max-width: 767.98px) {
  [data-site-root] [data-site-wordmark][data-wordmark-long] {
    --site-wordmark-size-phone: 1rem;
    line-height: 1.25;
  }
}
[data-site-root][data-site-pal^="maison"] .site-cta {
  min-height: 32px;
}
[data-site-root][data-site-pal^="maison"] [data-site-nav] :is(a, button, span)[class*="bg-[var(--site-btn-bg)]"] {
  height: 32px;
  min-height: 32px;
  padding-inline: 14px;
}
:root {
  --icon-motion-ease: cubic-bezier(0.45, 0, 0.25, 1);
  --icon-motion-spring: cubic-bezier(0.34, 1.3, 0.64, 1);
}
:where(.tabler-icon) path {
  transform-box: fill-box;
  transform-origin: center;
}
.tabler-icon-photo-motion path:nth-child(5), .tabler-icon-browser-motion path:nth-child(n + 4) {
  opacity: 0;
}
.tabler-icon-photo-motion path {
  transform-box: view-box;
  transform-origin: 12px 12px;
}
.tabler-icon-browser-plus path:nth-child(n + 4) {
  transform-box: view-box;
  transform-origin: 19px 19px;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-photo-motion path {
    transition: transform 0.45s var(--icon-motion-ease), opacity 0.35s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-photo-motion path:nth-child(5) {
    transform: translate(-2px, 2px);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-browser-motion path {
    transition: opacity 0.3s var(--icon-motion-ease), transform 0.4s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-browser-motion path:nth-child(n + 5) {
    transform: translate(-2px, 2px);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-chart-bar path:nth-child(-n + 3) {
    transform-origin: 50% 100%;
    transition: transform 0.3s var(--icon-motion-spring);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-world path {
    transform-box: view-box;
    transform-origin: 12px 12px;
    transition: transform 0.6s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) .tabler-icon-browser-plus path {
    transition: transform 0.7s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]) :is(.tabler-icon-plus, .tabler-icon-settings) {
    transition: transform 0.55s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-photo-motion path:nth-child(-n + 4) {
    transform: translate(-2.2px, 2.2px) rotate(-4deg) scale(0.78);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-photo-motion path:nth-child(5) {
    opacity: 1;
    transform: none;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-browser-motion path:nth-child(2) {
    opacity: 0;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-browser-motion path:nth-child(n + 4) {
    opacity: 1;
    transform: none;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-chart-bar path:nth-child(1) {
    transform: scaleY(1.4);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-chart-bar path:nth-child(2) {
    transform: scaleY(0.75);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-world path {
    transform: rotate(40deg);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-browser-plus path:nth-child(n + 4) {
    transform: rotate(90deg);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-plus {
    transform: rotate(90deg);
    transition-duration: 0.9s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-settings {
    transform: rotate(45deg);
    transition-duration: 0.95s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-search {
    animation: icon-motion-peek 0.8s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) :is(.tabler-icon-layout-grid, .tabler-icon-palette) path {
    animation: icon-motion-pop 0.5s var(--icon-motion-ease) backwards;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-layout-grid path:nth-child(2) {
    animation-delay: 0.07s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-layout-grid path:nth-child(4) {
    animation-delay: 0.14s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-layout-grid path:nth-child(3) {
    animation-delay: 0.21s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-palette path:nth-child(1) {
    animation: none;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-palette path:nth-child(3) {
    animation-delay: 0.09s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-palette path:nth-child(4) {
    animation-delay: 0.18s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-bell path:nth-child(1) {
    transform-box: view-box;
    transform-origin: 12px 3px;
    animation: icon-motion-ring 0.7s ease-in-out;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-bell path:nth-child(2) {
    animation: icon-motion-clapper 0.7s ease-in-out;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-sparkles-motion path:nth-child(1) {
    animation: icon-motion-twinkle 0.8s ease-in-out;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-sparkles-motion path:nth-child(2) {
    animation: icon-motion-twinkle 0.8s ease-in-out 0.15s;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-sparkles-motion path:nth-child(3) {
    animation: icon-motion-breathe 0.8s ease-in-out;
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-layout-sidebar path:nth-child(2) {
    animation: icon-motion-slide 0.7s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-selector path:nth-child(1) {
    animation: icon-motion-up 0.6s var(--icon-motion-ease);
  }
  :is(.sidebar-row, .sidebar-toggle, [data-icon-motion]):is(:hover, :focus-visible) .tabler-icon-selector path:nth-child(2) {
    animation: icon-motion-down 0.6s var(--icon-motion-ease);
  }
}
@keyframes icon-motion-peek {
  45% {
    transform: rotate(-12deg) scale(1.04);
  }
}
@keyframes icon-motion-pop {
  from {
    transform: scale(0.6);
    opacity: 0.2;
  }
}
@keyframes icon-motion-ring {
  20% {
    transform: rotate(-11deg);
  }
  45% {
    transform: rotate(9deg);
  }
  70% {
    transform: rotate(-4deg);
  }
}
@keyframes icon-motion-clapper {
  20% {
    transform: translateX(1.6px);
  }
  45% {
    transform: translateX(-1.3px);
  }
  70% {
    transform: translateX(0.6px);
  }
}
@keyframes icon-motion-twinkle {
  45% {
    transform: scale(0.6);
    opacity: 0.6;
  }
}
@keyframes icon-motion-breathe {
  45% {
    transform: scale(0.93);
  }
}
@keyframes icon-motion-slide {
  40% {
    transform: translateX(-3px);
  }
}
@keyframes icon-motion-up {
  45% {
    transform: translateY(-1.5px);
  }
}
@keyframes icon-motion-down {
  45% {
    transform: translateY(1.5px);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity,1);
    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter: blur(var(--tw-enter-blur,0));
  }
}
@keyframes fd-sidebar-in {
  from {
    transform: translateX(var(--fd-sidebar-drawer-offset));
  }
}
@keyframes fd-sidebar-out {
  to {
    transform: translateX(var(--fd-sidebar-drawer-offset));
  }
}
@keyframes fd-dialog-in {
  from {
    transform: scale(1.06);
    opacity: 0;
  }
  to {
    transform: scale(1);
  }
}
@keyframes fd-dialog-out {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.04);
    opacity: 0;
  }
}
@keyframes fd-popover-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes fd-popover-out {
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes fd-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fd-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fd-enterFromRight {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fd-enterFromLeft {
  from {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fd-exitToRight {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(200px);
  }
}
@keyframes fd-exitToLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-200px);
  }
}
@keyframes fd-collapsible-down {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--radix-collapsible-content-height);
  }
}
@keyframes fd-collapsible-up {
  from {
    height: var(--radix-collapsible-content-height);
  }
  to {
    height: 0;
    opacity: 0;
  }
}
@keyframes fd-accordion-down {
  from {
    height: 0;
    opacity: 0.5;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes fd-accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
    opacity: 0.5;
  }
}
@keyframes fd-nav-menu-in {
  from {
    opacity: 0;
    height: 0px;
  }
  to {
    opacity: 1;
    height: var(--radix-navigation-menu-viewport-height);
  }
}
@keyframes fd-nav-menu-out {
  from {
    opacity: 1;
    height: var(--radix-navigation-menu-viewport-height);
  }
  to {
    opacity: 0;
    height: 0px;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
      --rail-open: 0;
      --sidebar-open: 1;
      --site-process-reach: 1;
    }
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --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-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --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-outline-style: solid;
      --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: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
      --radix-collapsible-content-height: 0px;
      --brief-room: 1;
    }
  }
}
/* components/site-sections/mono-exact/Exact.module.css */
.frame_OB8ygA {
  --site-btn-radius: 9999px;
  font-family: var(--site-font-body);
  container-type: inline-size;
  font-size: 16px;
  font-weight: 450;
  line-height: 1.4;
}

.frame_OB8ygA > * {
  --mx-gutter: 32px;
  --mx-grid: 32px;
  --mx-radius-media: 4px;
  --mx-radius-callout: 24px;
  --mx-radius-card: 16px;
  --mx-rule: color-mix(in srgb, var(--site-fg) 10%, transparent);
  --mx-rule-soft: color-mix(in srgb, var(--site-fg) 6%, transparent);
  --mx-plate: color-mix(in srgb, var(--site-fg) 5%, transparent);
  --mx-quiet: color-mix(in srgb, var(--site-fg) 4%, var(--site-bg));
  --mx-label-edge: color-mix(in srgb, var(--site-fg) 10%, transparent);
  --mx-label-quiet: var(--site-muted-fg);
  --mx-ease: cubic-bezier(.22, 1, .36, 1);
  --mx-ease-expo: cubic-bezier(.625, .05, 0, 1);
  position: relative;
}

@container (width <= 800px) {
  .frame_OB8ygA > * {
    --mx-gutter: 20px;
    --mx-grid: 20px;
  }
}

.frame_OB8ygA .site-section-container {
  padding-inline: var(--mx-gutter);
}

.frame_OB8ygA[data-mono-dark] > *, .frame_OB8ygA[data-mono-surface="media"] > * {
  --mx-label-edge: color-mix(in srgb, var(--site-fg) 20%, transparent);
  --mx-label-quiet: color-mix(in srgb, var(--site-fg) 60%, transparent);
}

.frame_OB8ygA[data-mono-surface="media"] > * {
  color: #fff;
  --site-fg: white !important;
  --site-muted-fg: #ffffffbf !important;
}

.display_OB8ygA, .title_OB8ygA, .heading_OB8ygA, .subheading_OB8ygA {
  white-space: pre-line;
  text-wrap: wrap;
  margin: 0;
}

.display_OB8ygA {
  font-family: var(--site-family-display);
  font-size: calc(var(--site-text-display) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-display));
  font-weight: var(--slot-weight, var(--site-weight-display));
  letter-spacing: calc(var(--site-tracking-display)  + var(--slot-tracking, 0em));
  font-variation-settings: var(--site-axes-display, normal);
}

.title_OB8ygA {
  font-family: var(--site-family-h1);
  font-size: calc(var(--site-text-h1) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-h1));
  font-weight: var(--slot-weight, var(--site-weight-h1));
  letter-spacing: calc(var(--site-tracking-h1)  + var(--slot-tracking, 0em));
  font-variation-settings: var(--site-axes-h1, normal);
}

.heading_OB8ygA, .subheading_OB8ygA {
  font-family: var(--site-family-h2);
  line-height: var(--slot-leading, var(--site-leading-h2));
  font-weight: var(--slot-weight, var(--site-weight-h2));
  letter-spacing: calc(var(--site-tracking-h2)  + var(--slot-tracking, 0em));
  font-variation-settings: var(--site-axes-h2, normal);
}

.heading_OB8ygA {
  font-size: calc(var(--site-text-h2) * var(--slot-size-mult, 1));
}

.subheading_OB8ygA {
  font-size: 32px;
}

.balance_OB8ygA {
  text-wrap: balance;
}

.figure_OB8ygA {
  font-family: var(--site-family-h2);
  font-size: 32px;
  line-height: var(--site-leading-h2);
  font-weight: var(--site-weight-h2);
  letter-spacing: var(--site-tracking-h2);
  font-variation-settings: var(--site-axes-h2, normal);
  font-feature-settings: "calt" 0;
  color: var(--site-fg);
  white-space: pre-line;
  text-wrap: wrap;
  margin: 0;
}

.cardTitle_OB8ygA {
  font-family: var(--site-font-body);
  letter-spacing: 0;
  text-wrap: wrap;
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.lead_OB8ygA {
  text-wrap: wrap;
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
}

.body_OB8ygA {
  text-wrap: wrap;
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
}

.meta_OB8ygA {
  color: var(--site-muted-fg);
  text-wrap: wrap;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.label_OB8ygA {
  display: inline-flex;
  border: 1px solid var(--mx-label-edge);
  font-family: var(--site-font-body);
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  color: var(--site-fg);
  font-variation-settings: normal;
  border-radius: 9999px;
  align-items:  center;
  gap: 8px;
  width: fit-content;
  height: 30px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.labelStrong_OB8ygA {
  color: var(--site-fg);
  font-weight: 550;
}

.labelQuiet_OB8ygA {
  color: var(--mx-label-quiet);
  font-weight: 450;
}

.srSpace_OB8ygA {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: pre;
  width: 1px;
  height: 1px;
}

.header_OB8ygA {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}

.header_OB8ygA[data-align="center"] {
  text-align: center;
  align-items:  center;
}

.header_OB8ygA[data-align="start"] {
  text-align: start;
  align-items:  flex-start;
}

.copyRow_OB8ygA {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  min-width: 0;
}

.header_OB8ygA[data-align="center"] .copyRow_OB8ygA {
  align-items:  center;
  max-width: 660px;
}

.intro_OB8ygA {
  color: var(--site-muted-fg);
  max-width: 420px;
}

.frame_OB8ygA[data-mono-exact-layout][data-mono-bar] :is(h1, h2, h3)[data-slot] + [data-slot$=".body"] {
  margin-block-start: 0;
}

.frame_OB8ygA[data-mono-surface="media"] [contenteditable][data-field-path]:hover, .frame_OB8ygA[data-mono-surface="media"] [contenteditable][data-field-path]:focus {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: #ffffffd9;
  text-underline-offset: .18em;
  text-decoration-skip-ink: none;
  background-color: #ffffff29;
}

.frame_OB8ygA[data-mono-surface="media"] [contenteditable][data-field-path]:hover:not(:focus) {
  box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px var(--primary);
}

.media_OB8ygA {
  position: relative;
  overflow: hidden;
  border-radius: var(--mx-radius-media);
  background: var(--mx-quiet);
  min-width: 0;
}

.mediaFill_OB8ygA {
  position: absolute;
  overflow: hidden;
  inset: 0;
}

.media_OB8ygA img, .mediaFill_OB8ygA img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.actions_OB8ygA {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 8px;
}

.action_OB8ygA {
  letter-spacing: 0;
  white-space: nowrap;
  transition: opacity .24s var(--mx-ease);
  border: 0;
  border-radius: 9999px;
  gap: 8px;
  min-height: 36px;
  padding-block: 4px;
  padding-inline: 14px;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.action_solid_OB8ygA {
  background: var(--site-fg);
  color: #fff;
}

.action_inverse_OB8ygA {
  color: #000;
  background: #fff;
}

.action_glass_OB8ygA {
  color: #fff;
  backdrop-filter: blur(10px);
  background: #ffffff1a;
}

.action_glassFlat_OB8ygA {
  color: #fff;
  background: #ffffff1a;
}

.action_quiet_OB8ygA {
  background: var(--mx-quiet);
  color: var(--site-fg);
}

@media (hover: hover) {
  .action_OB8ygA:hover {
    opacity: .72;
  }
}

.actionMark_OB8ygA {
  display: block;
  object-fit: contain;
  filter: brightness(0) invert(1);
  flex: none;
}

.rule_OB8ygA {
  background: var(--mx-rule-soft);
  border-radius: 2px;
  height: 1px;
}

.visuallyHidden_OB8ygA {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
}

@media (prefers-reduced-motion: reduce) {
  .action_OB8ygA {
    transition: none;
  }
}

.frame_OB8ygA [data-line] {
  display: block;
}

.frame_OB8ygA .site-split-mask {
  overflow: visible;
}

@media (prefers-reduced-motion: no-preference) {
  .frame_OB8ygA[data-mono-view] {
    animation: exact-page-in .4s cubic-bezier(.22, 1, .36, 1) backwards;
  }

  .frame_OB8ygA [data-xr="block"][data-x-hold], .frame_OB8ygA [data-xr="stagger"][data-x-hold] > * {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(12px);
  }

  .frame_OB8ygA [data-xt][data-x-hold] :is([data-xt-lead], [data-xt-support]), .frame_OB8ygA [data-xt]:not([data-xt="lead"])[data-x-hold] :is(h1, h2) {
    opacity: 0;
  }
}

@keyframes exact-page-in_JKNVEQ {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

:is([data-site-still], [data-site-thumbnail]) .frame_OB8ygA {
  animation: none;
}

@media print {
  .frame_OB8ygA[data-mono-view] {
    animation: none;
  }

  .frame_OB8ygA [data-xr][data-x-hold], .frame_OB8ygA [data-xr="stagger"][data-x-hold] > *, .frame_OB8ygA [data-xt][data-x-hold] :is([data-xt-lead], [data-xt-support], h1, h2) {
    opacity: 1;
    filter: none;
    transform: none;
  }
}

/* components/site-sections/mono-exact/ExactHome.module.css */
.centred_EmaE1A {
  justify-content: center;
}

.backdrop_EmaE1A {
  position: absolute;
  overflow: hidden;
  container-type: size;
  inset: 0;
}

.backdrop_EmaE1A[data-editing] {
  pointer-events: auto;
}

.cover_EmaE1A, .texture_EmaE1A {
  position: absolute;
  inset: 0;
}

.texture_EmaE1A {
  pointer-events: none;
}

.cover_EmaE1A .picture_EmaE1A, .texture_EmaE1A .picture_EmaE1A {
  display: block;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.shade_EmaE1A {
  position: absolute;
  pointer-events: none;
  inset: 0;
}

.heroBand_EmaE1A {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  padding-block: 120px 64px;
}

.heroBand_EmaE1A.heroBandMedia_EmaE1A {
  min-height: var(--site-preview-viewport-height, 100svh);
  color: #fff;
  background: #313131;
  padding-block: 64px 16px;
}

.heroVideo_EmaE1A {
  position: absolute;
  pointer-events: none;
  inset: 0;
}

.heroVideo_EmaE1A[data-controls] {
  pointer-events: auto;
}

.heroEmbed_EmaE1A {
  position: absolute;
  pointer-events: none;
  border: 0;
  width: max(100cqw, 177.78cqh);
  height: max(100cqh, 56.25cqw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.heroEmbed_EmaE1A[data-controls] {
  pointer-events: auto;
}

.shadeBottom_EmaE1A {
  background: linear-gradient(#0000 0%, #00000080 100%);
}

.shadeTop_EmaE1A {
  background: linear-gradient(#000000bf 0%, #0000 45.67%);
}

.heroInner_EmaE1A {
  display: flex;
  max-width: calc(1680px + 2 * var(--mx-gutter));
  padding-inline: var(--mx-gutter);
  box-sizing: border-box;
  flex-direction: column;
  align-items:  center;
  gap: 48px;
  width: 100%;
  margin-inline: auto;
}

.heroContent_EmaE1A {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  width: min(760px, 100%);
  min-width: 0;
}

.heroCopy_EmaE1A {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  min-width: 0;
}

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

.heroBody_EmaE1A.heroBody_EmaE1A {
  color: var(--site-muted-fg);
  width: min(520px, 100%);
}

.heroLogos_EmaE1A {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:  center;
  gap: 0 clamp(48px, 8cqw, 112px);
  width: 100%;
}

.heroLogo_EmaE1A {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  min-width: 0;
  min-height: 80px;
}

.heroLogo_EmaE1A .heroLogoImage_EmaE1A {
  display: block;
  object-fit: contain;
  border-radius: 0;
  width: auto;
  max-width: 150px;
  height: 80px;
}

.heroBandMedia_EmaE1A .heroLogoImage_EmaE1A {
  filter: brightness(0) invert(1);
}

.heroLogoLabel_EmaE1A {
  color: var(--site-muted-fg);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

@container (width <= 900px) {
  .heroLogos_EmaE1A {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 0 56px;
  }

  .heroLogo_EmaE1A {
    min-height: 64px;
  }

  .heroLogo_EmaE1A .heroLogoImage_EmaE1A {
    max-width: 120px;
    height: 64px;
  }
}

@container (width <= 520px) {
  .heroBody_EmaE1A.heroBody_EmaE1A {
    font-size: 15px;
  }
}

.cardsBand_EmaE1A {
  padding-block: 120px 160px;
}

.cards_EmaE1A {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 96px;
  min-width: 0;
}

.cardGrid_EmaE1A {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.card_EmaE1A {
  position: relative;
  min-width: 0;
}

.cardCopy_EmaE1A {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-block-start: 32px;
  padding-inline-end: 48px;
}

@container (width <= 800px) {
  .cardsBand_EmaE1A {
    padding-block: 96px 120px;
  }

  .cards_EmaE1A {
    gap: 64px;
  }

  .cardGrid_EmaE1A {
    grid-template-columns: minmax(0, 1fr);
    gap: 56px;
  }

  .cardCopy_EmaE1A {
    padding-block-start: 20px;
    padding-inline-end: 0;
  }
}

.statsBand_EmaE1A {
  padding-block: 120px 160px;
}

.stats_EmaE1A {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 64px;
  min-width: 0;
}

.statsHead_EmaE1A {
  display: flex;
  justify-content: center;
}

.statGrid_EmaE1A {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.statCard_EmaE1A {
  position: relative;
  display: flex;
  background: var(--mx-plate);
  border-radius: var(--mx-radius-media);
  border: 1px solid #ffffff0d;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  height: 400px;
  padding: 20px;
}

.statCard_EmaE1A[data-wide] {
  grid-column: span 2;
}

.statCard_EmaE1A[data-size="featured"] {
  padding: 24px 32px;
}

.statCard_EmaE1A[data-size="large"] .statValue_EmaE1A {
  font-size: 72px;
}

.statCard_EmaE1A[data-size="featured"] .statValue_EmaE1A {
  font-size: 44px;
}

.statCopy_EmaE1A {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 292px;
}

@container (width <= 900px) {
  .statGrid_EmaE1A {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (width <= 600px) {
  .statsBand_EmaE1A {
    padding-block: 96px 120px;
  }

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

  .statCard_EmaE1A, .statCard_EmaE1A[data-wide] {
    height: 320px;
    grid-column: auto;
  }

  .statCard_EmaE1A[data-size="large"] .statValue_EmaE1A {
    font-size: clamp(44px, 16cqw, 72px);
  }

  .statCopy_EmaE1A {
    max-width: none;
  }
}

.closingBand_EmaE1A {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  min-height: 484px;
  padding-block: 160px;
}

.closingBand_EmaE1A.closingBandMedia_EmaE1A {
  color: #fff;
  background: #313131;
}

.closingInner_EmaE1A {
  display: flex;
  max-width: calc(1680px + 2 * var(--mx-gutter));
  padding-inline: var(--mx-gutter);
  box-sizing: border-box;
  flex-direction: column;
  align-items:  center;
  gap: 40px;
  width: 100%;
  margin-inline: auto;
}

.closingCopy_EmaE1A {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  min-width: 0;
}

.closingTitle_EmaE1A.closingTitle_EmaE1A {
  font-size: clamp(34px, 9cqw, var(--site-text-h2));
  width: min(740px, 100%);
  max-width: none;
}

@container (width <= 720px) {
  .closingBand_EmaE1A {
    min-height: 440px;
    padding-block: 120px;
  }
}

@container (width <= 420px) {
  .closingBand_EmaE1A {
    min-height: 420px;
    padding-block: 96px;
  }

  .closingInner_EmaE1A {
    gap: 32px;
  }
}

.footerBand_EmaE1A.footerBand_EmaE1A {
  --mx-gutter: 32px;
  padding-block: 32px;
}

.footer_EmaE1A {
  --ft-quiet: color-mix(in srgb, var(--site-fg) 60%, transparent);
  display: flex;
  color: var(--site-fg);
  flex-direction: column;
  gap: 120px;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.footerTop_EmaE1A, .footerBottom_EmaE1A {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--mx-grid);
}

.footerTop_EmaE1A {
  align-items:  start;
  min-height: 168px;
}

.footerBottom_EmaE1A {
  align-items:  end;
}

.footerMark_EmaE1A {
  grid-column: 1 / span 6;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 16px;
  min-width: 0;
}

.footerMarkImage_EmaE1A.footerMarkImage_EmaE1A {
  display: block;
  width: auto;
  max-width: none;
  height: 40px;
}

[data-mono-dark] .footerMarkImage_EmaE1A.footerMarkImage_EmaE1A {
  filter: brightness(0) invert(1);
  mix-blend-mode: normal;
}

.footerTagline_EmaE1A {
  color: var(--ft-quiet);
  max-width: 320px;
  margin: 0;
}

.footerGroups_EmaE1A {
  grid-column: 7 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items:  start;
  gap: var(--mx-grid);
  min-width: 0;
}

.footerGroup_EmaE1A {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 16px;
  min-width: 0;
}

.footerGroupLabel_EmaE1A {
  color: var(--site-fg);
  font-variation-settings: normal;
  margin: 0;
  font-weight: 550;
}

.footerLinks_EmaE1A {
  display: flex;
  list-style: none;
  white-space: nowrap;
  flex-direction: column;
  align-items:  flex-start;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.footerLinks_EmaE1A > li > *, .footerCredit_EmaE1A > * {
  color: var(--ft-quiet);
  transition: opacity .24s var(--mx-ease);
  min-height: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.footerAction_EmaE1A {
  text-align: start;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  font-family: inherit;
}

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

@media (hover: hover) {
  .footerLinks_EmaE1A > li > :hover, .footerCredit_EmaE1A > :hover {
    opacity: .72;
  }
}

.footerWordmark_EmaE1A {
  grid-column: 1 / span 6;
  display: flex;
  align-items:  center;
  gap: 16px;
  min-width: 0;
}

.footerWordmarkImage_EmaE1A.footerWordmarkImage_EmaE1A {
  display: block;
  object-fit: contain;
  border-radius: 0;
  width: auto;
  max-width: none;
  height: 40px;
}

.footerWordmarkEmpty_EmaE1A.footerWordmarkEmpty_EmaE1A {
  width: 110px;
  height: 40px;
}

.footerName_EmaE1A {
  font-family: var(--site-font-heading);
  letter-spacing: -.04em;
  color: var(--site-fg);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.footerCredits_EmaE1A {
  grid-column: 7 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items:  center;
  gap: var(--mx-grid);
  white-space: nowrap;
  color: var(--ft-quiet);
  min-width: 0;
}

.footerCredit_EmaE1A {
  color: var(--ft-quiet);
  min-width: 0;
}

@container (width <= 1000px) {
  .footerBand_EmaE1A.footerBand_EmaE1A {
    --mx-gutter: 24px;
  }

  .footer_EmaE1A {
    gap: 80px;
  }

  .footerTop_EmaE1A {
    display: flex;
    flex-direction: column;
    gap: 64px;
    min-height: 0;
  }

  .footerGroups_EmaE1A {
    width: 100%;
  }

  .footerBottom_EmaE1A {
    display: flex;
    flex-direction: column;
    align-items:  flex-start;
    gap: 48px;
  }

  .footerWordmark_EmaE1A {
    width: auto;
  }

  .footerCredits_EmaE1A {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}

@container (width <= 680px) {
  .footerBand_EmaE1A.footerBand_EmaE1A {
    --mx-gutter: 20px;
    padding-block: 24px 32px;
  }

  .footer_EmaE1A {
    gap: 64px;
  }

  .footerTop_EmaE1A {
    gap: 56px;
  }

  .footerGroups_EmaE1A {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 24px;
  }

  .footerLinks_EmaE1A {
    white-space: normal;
  }

  .footerCredits_EmaE1A {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .heroEmbed_EmaE1A[data-decorative] {
    display: none;
  }

  .footerLinks_EmaE1A > li > *, .footerCredit_EmaE1A > * {
    transition: none;
  }
}

.heroTitle_EmaE1A [data-line] {
  display: block;
}

@media (prefers-reduced-motion: no-preference) {
  [data-mono-view] .heroTitle_EmaE1A [data-line], [data-mono-view] .heroBody_EmaE1A, [data-mono-view] .heroActions_EmaE1A, [data-mono-view] .heroLogos_EmaE1A {
    animation: exact-hero-in .55s cubic-bezier(.22, 1, .36, 1) backwards;
  }

  [data-mono-view] .heroTitle_EmaE1A [data-line]:first-child {
    animation-delay: .35s;
  }

  [data-mono-view] .heroTitle_EmaE1A [data-line]:nth-child(2), [data-mono-view] .heroTitle_EmaE1A [data-line]:nth-child(n+3) {
    animation-delay: .43s;
  }

  [data-mono-view] .heroBody_EmaE1A {
    animation-delay: .45s;
  }

  [data-mono-view] .heroActions_EmaE1A {
    animation-delay: .55s;
  }

  [data-mono-view] .heroLogos_EmaE1A {
    animation-delay: .65s;
  }
}

@keyframes exact-hero-in_RS_Wew {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(12px);
  }
}

:is([data-site-still], [data-site-thumbnail]) [data-mono-view] :is(.heroTitle_EmaE1A [data-line], .heroBody_EmaE1A, .heroActions_EmaE1A, .heroLogos_EmaE1A) {
  animation: none;
}

/* components/site-sections/mono-exact/ExactInteractive.module.css */
.sliderBand__xo2uA {
  padding-block: 0 160px;
}

.slider__xo2uA {
  --slide-w: calc(100cqw - 40px);
  --slide-gap: 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-width: 0;
  padding-block-start: 32px;
}

.head__xo2uA {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 32px;
}

.headMain__xo2uA {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
  min-width: 0;
  max-width: 549px;
}

.headMain__xo2uA .sliderHeading__xo2uA {
  max-width: none;
}

.controls__xo2uA {
  display: flex;
  flex: none;
  align-items:  center;
  gap: 8px;
}

.pager__xo2uA {
  display: flex;
  background: var(--mx-rule-soft);
  border-radius: 9999px;
  align-items:  center;
  gap: 6px;
  height: 30px;
  padding-block: 4px;
  padding-inline: 12px;
}

.dot__xo2uA {
  position: relative;
  display: flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  height: 22px;
  padding: 0;
}

.dot__xo2uA:after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: -3px;
}

.dotBar__xo2uA {
  position: relative;
  display: block;
  overflow: hidden;
  background: color-mix(in oklch, var(--site-fg) 20%, transparent);
  transition: width .4s var(--mx-ease), background-color .24s var(--mx-ease);
  border-radius: 9999px;
  width: 6px;
  height: 6px;
}

.dot__xo2uA[data-active] .dotBar__xo2uA {
  width: 32px;
}

.dotFill__xo2uA {
  position: absolute;
  background: var(--site-fg);
  transform-origin: left center;
  animation: mono-quote-fill 5s linear forwards;
  inset: 0;
  transform: scaleX(0);
}

.dotFill__xo2uA:dir(rtl) {
  transform-origin: right center;
}

.dotFill__xo2uA[data-paused] {
  animation-play-state: paused;
}

.dotFill__xo2uA[data-still] {
  animation: none;
  transform: none;
}

@keyframes mono-quote-fill_swQqyA {
  to {
    transform: scaleX(1);
  }
}

.dot__xo2uA:focus-visible {
  outline: none;
}

.dot__xo2uA:focus-visible .dotBar__xo2uA {
  outline: 2px solid var(--site-fg);
  outline-offset: 3px;
}

.toggle__xo2uA:not(:focus-visible) {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
}

.toggle__xo2uA {
  display: inline-grid;
  background: var(--mx-rule-soft);
  color: var(--site-fg);
  cursor: pointer;
  transition: opacity .24s var(--mx-ease);
  border: 0;
  border-radius: 9999px;
  flex: none;
  place-items:  center;
  width: 30px;
  height: 30px;
  padding: 0;
}

.toggle__xo2uA:focus-visible {
  outline: 2px solid var(--site-fg);
  outline-offset: 2px;
}

@media (hover: hover) {
  .dot__xo2uA:hover .dotBar__xo2uA {
    background-color: color-mix(in oklch, var(--site-fg) 35%, transparent);
  }

  .toggle__xo2uA:hover {
    opacity: .72;
  }
}

.viewport__xo2uA {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  min-width: 0;
  margin-inline-start: calc(-1 * var(--mono-bleed-start, 0px));
  margin-inline-end: calc(-1 * var(--mono-bleed-end, 0px));
}

.viewport__xo2uA[data-dragging] {
  cursor: grabbing;
}

.viewport__xo2uA:focus-visible {
  outline: 2px solid var(--site-fg);
  outline-offset: -2px;
}

.rail__xo2uA {
  --dir: 1;
  display: flex;
  gap: var(--slide-gap);
  transform: translate3d(calc(var(--mono-drag, 0px)  - var(--dir) * var(--mono-index, 0) * (var(--slide-w)  + var(--slide-gap))), 0, 0);
  transition: transform .72s var(--mx-ease);
  will-change: transform;
  width: max-content;
  padding-inline-start: var(--mono-bleed-start, 0px);
  padding-inline-end: var(--mono-bleed-end, 0px);
}

.rail__xo2uA:dir(rtl) {
  --dir: -1;
}

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

.viewport__xo2uA[data-dragging] .rail__xo2uA {
  transition: none;
}

.rail__xo2uA[data-replaying] {
  transition-duration: 1.1s;
}

.viewport__xo2uA[data-editing] {
  overflow-x: auto;
  cursor: auto;
  touch-action: auto;
  user-select: auto;
  -webkit-user-select: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline-start: var(--mono-bleed-start, 0px);
  scrollbar-width: thin;
}

.viewport__xo2uA[data-editing] .rail__xo2uA {
  will-change: auto;
  transition: none;
  transform: none;
}

.card__xo2uA {
  position: relative;
  display: flex;
  flex: 0 0 var(--slide-w);
  width: var(--slide-w);
  aspect-ratio: 5 / 4;
  overflow: clip;
  border-radius: var(--mx-radius-media);
  background: var(--mx-quiet);
  color: var(--site-fg);
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
}

.card__xo2uA[data-has-media] {
  --site-fg: white;
  --site-muted-fg: #fff9;
  color: #fff;
  background: #313131;
}

.viewport__xo2uA[data-editing] .card__xo2uA {
  scroll-snap-align: start;
}

.viewport__xo2uA:not([data-editing]) .card__xo2uA img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.quoteWrap__xo2uA, .cardFooter__xo2uA {
  position: relative;
  z-index: 1;
  min-width: 0;
  margin: 0;
}

.cardFooter__xo2uA {
  display: flex;
  justify-content: space-between;
  align-items:  flex-end;
  gap: 16px;
}

.playMark__xo2uA {
  display: inline-flex;
  backdrop-filter: blur(12px);
  background: #ffffff1a;
  border-radius: 99px;
  flex: none;
  align-items:  center;
  gap: 8px;
  height: 36px;
  padding: 4px 14px;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
}

.card__xo2uA .quote__xo2uA {
  color: inherit;
  quotes: "“" "”";
  margin: 0;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.4;
}

.viewport__xo2uA:not([data-editing]) .card__xo2uA .quote__xo2uA:before {
  content: open-quote;
}

.viewport__xo2uA:not([data-editing]) .card__xo2uA .quote__xo2uA:after {
  content: close-quote;
}

.attribution__xo2uA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.card__xo2uA .name__xo2uA {
  color: inherit;
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.card__xo2uA .role__xo2uA {
  color: var(--site-muted-fg);
  margin: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

@container (width > 800px) {
  .slider__xo2uA {
    --slide-w: 600px;
    --slide-gap: 32px;
    gap: 96px;
  }

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

@container (width >= 1200px) {
  .slider__xo2uA {
    --slide-w: 680px;
  }
}

@container (width <= 800px) {
  .sliderBand__xo2uA {
    padding-block: 0 120px;
  }
}

.tabsBand__xo2uA {
  padding-block: 32px 80px;
}

.tabsBlock__xo2uA {
  display: flex;
  flex-direction: column;
  gap: 96px;
  min-width: 0;
}

.tabsHead__xo2uA {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
}

.copyRow__xo2uA {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items:  end;
  gap: 32px;
  width: 100%;
}

.copyRow__xo2uA .tabsHeading__xo2uA {
  grid-column: 1;
  max-width: none;
}

.copyRow__xo2uA .tabsIntro__xo2uA {
  grid-column: 3;
  color: var(--site-muted-fg);
}

.panel__xo2uA {
  --tab-ink: var(--site-fg);
  --tab-ink-soft: color-mix(in srgb, var(--site-fg) 60%, transparent);
  --tab-track: color-mix(in srgb, var(--site-fg) 8%, transparent);
  --tab-chip: color-mix(in srgb, var(--site-fg) 6%, transparent);
  --tab-pill: var(--site-fg);
  --tab-pill-ink: var(--site-bg);
  --tab-pill-ink-soft: color-mix(in srgb, var(--site-bg) 60%, transparent);
  --callout-bg: var(--site-bg);
  --callout-edge: var(--mx-rule);
  position: relative;
  isolation: isolate;
  aspect-ratio: 1376 / 864;
  overflow: hidden;
  border-radius: var(--mx-radius-media);
  background: var(--mx-quiet);
  color: var(--tab-ink);
  width: 100%;
  min-height: 620px;
}

.panel__xo2uA[data-photo] {
  --site-fg: white;
  --site-muted-fg: #fff9;
  --tab-ink: white;
  --tab-ink-soft: #fff9;
  --tab-track: #0006;
  --tab-chip: #ffffff1a;
  --tab-pill: white;
  --tab-pill-ink: black;
  --tab-pill-ink-soft: #0006;
  --callout-bg: #36363699;
  --callout-edge: transparent;
  background: #dddbd8;
}

.panelMedia__xo2uA, .panelPhoto__xo2uA {
  position: absolute;
  inset: 0;
}

.panelMedia__xo2uA {
  z-index: 0;
}

.panelPhoto__xo2uA {
  opacity: 0;
  transition: opacity .5s var(--mx-ease);
}

.panelPhoto__xo2uA[data-active] {
  opacity: 1;
}

.panelVideo__xo2uA {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .28s linear;
  inset: 0;
}

.panelVideo__xo2uA[data-shown] {
  opacity: 1;
}

.scrim__xo2uA {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(#00000047 0%, #0000 25%);
  inset: 0;
}

.top__xo2uA {
  position: absolute;
  z-index: 1;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  inset-block-start: 96px;
  inset-inline: 32px;
}

.panelHead__xo2uA {
  max-width: 100%;
}

.panel__xo2uA .panelTitle__xo2uA.panelTitle__xo2uA {
  color: var(--tab-ink);
  max-width: none;
  margin: 0;
  font-size: 32px;
}

.tabs__xo2uA {
  position: relative;
  display: inline-block;
  background: var(--tab-track);
  backdrop-filter: blur(12px);
  border-radius: 9999px;
  width: max-content;
  max-width: 100%;
  padding: 4px;
}

.tabRow__xo2uA {
  display: flex;
  gap: 4px;
  width: max-content;
}

.tab__xo2uA {
  position: relative;
  z-index: 1;
  display: inline-flex;
  background: var(--tab-chip);
  color: var(--tab-ink);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 9999px;
  flex: none;
  align-items:  center;
  gap: 8px;
  height: 36px;
  padding-block: 4px;
  padding-inline: 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.tabNumber__xo2uA {
  color: var(--tab-ink-soft);
}

.tab__xo2uA:focus-visible {
  outline: 2px solid var(--tab-ink);
  outline-offset: 2px;
}

.tabPill__xo2uA {
  position: absolute;
  z-index: 2;
  width: var(--mono-tab-width, 0px);
  overflow: hidden;
  opacity: 0;
  background: var(--tab-pill);
  pointer-events: none;
  transition: inset-inline-start .5s var(--mx-ease-expo), width .5s var(--mx-ease-expo), opacity .24s var(--mx-ease);
  border-radius: 9999px;
  inset-block: 4px;
  inset-inline-start: var(--mono-tab-start, 4px);
}

.tabs__xo2uA[data-ready] .tabPill__xo2uA {
  opacity: 1;
}

.tabPill__xo2uA .tabRow__xo2uA {
  position: absolute;
  transition: inset-inline-start .5s var(--mx-ease-expo);
  inset-block-start: 0;
  inset-inline-start: calc(4px - var(--mono-tab-start, 4px));
}

.tab__xo2uA[data-ghost] {
  color: var(--tab-pill-ink);
  background: none;
}

.tab__xo2uA[data-ghost] .tabNumber__xo2uA {
  color: var(--tab-pill-ink-soft);
}

.tabs__xo2uA:not([data-ready]) .tab__xo2uA[aria-selected="true"], .tabs__xo2uA[data-editing] .tab__xo2uA[aria-selected="true"] {
  background: var(--tab-pill);
  color: var(--tab-pill-ink);
}

.tabs__xo2uA:not([data-ready]) .tab__xo2uA[aria-selected="true"] .tabNumber__xo2uA, .tabs__xo2uA[data-editing] .tab__xo2uA[aria-selected="true"] .tabNumber__xo2uA {
  color: var(--tab-pill-ink-soft);
}

.tabs__xo2uA[data-editing] .tabPill__xo2uA {
  display: none;
}

@media (hover: hover) {
  .tab__xo2uA[aria-selected="false"]:hover {
    background: color-mix(in srgb, var(--tab-chip), var(--tab-ink) 8%);
  }

  .tabs__xo2uA:has(.tab__xo2uA[aria-selected="true"]:hover) .tabPill__xo2uA {
    opacity: .72;
  }
}

.callout__xo2uA {
  position: absolute;
  z-index: 1;
  display: flex;
  border: 1px solid var(--callout-edge);
  border-radius: var(--mx-radius-callout);
  background: var(--callout-bg);
  color: var(--tab-ink);
  backdrop-filter: blur(28px);
  flex-direction: column;
  gap: 8px;
  width: 310px;
  padding: 8px;
  inset-block-end: 32px;
  inset-inline-end: 32px;
}

.panel__xo2uA[data-photo] .callout__xo2uA {
  border: 0;
}

.calloutCopy__xo2uA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.4;
}

.calloutTitle__xo2uA {
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.callout__xo2uA .calloutBody__xo2uA.calloutBody__xo2uA {
  color: var(--tab-ink-soft);
  margin: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.callout__xo2uA .calloutAction__xo2uA {
  justify-content: center;
  width: 100%;
}

.calloutArrow__xo2uA {
  opacity: .4;
}

.panel__xo2uA[data-changed] .panelHead__xo2uA, .panel__xo2uA[data-changed] .calloutCopy__xo2uA {
  animation: mono-tab-in .5s var(--mx-ease) backwards;
}

@keyframes mono-tab-in_swQqyA {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
}

@container (width <= 800px) {
  .tabsBlock__xo2uA {
    gap: 64px;
  }

  .copyRow__xo2uA {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .copyRow__xo2uA .tabsHeading__xo2uA, .copyRow__xo2uA .tabsIntro__xo2uA {
    grid-column: 1;
  }

  .panel__xo2uA {
    min-height: 680px;
    aspect-ratio: auto;
  }

  .top__xo2uA {
    inset-block-start: 56px;
    inset-inline: 20px;
  }

  .panel__xo2uA .panelTitle__xo2uA.panelTitle__xo2uA {
    font-size: 28px;
  }

  .tab__xo2uA {
    gap: 4px;
    padding-inline: 8px;
  }

  .callout__xo2uA {
    inset-block-end: 16px;
    inset-inline-end: 16px;
    width: calc(100% - 32px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rail__xo2uA, .dotBar__xo2uA, .tabPill__xo2uA, .tabPill__xo2uA .tabRow__xo2uA, .panelPhoto__xo2uA, .toggle__xo2uA {
    transition: none;
  }

  .panelVideo__xo2uA {
    display: none;
  }

  .dotFill__xo2uA, .dotFill__xo2uA[data-still] {
    animation: none;
    transform: scaleX(.5);
  }

  .panel__xo2uA[data-changed] .panelHead__xo2uA, .panel__xo2uA[data-changed] .calloutCopy__xo2uA {
    animation: none;
  }
}

.calloutArrow__xo2uA:dir(rtl) {
  transform: scaleX(-1);
}

/* components/site-sections/mono-exact/ExactThread.module.css */
.band_Pc7-tw {
  padding-block: 32px 160px;
}

.body_Pc7-tw {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 64px;
  min-width: 0;
  margin-block-start: 64px;
}

.list_Pc7-tw {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  min-width: 0;
  max-width: 720px;
}

.item_Pc7-tw {
  position: relative;
  min-width: 0;
}

.question_Pc7-tw {
  display: flex;
  font: inherit;
  justify-content: flex-end;
  margin: 0;
}

.trigger_Pc7-tw {
  display: flex;
  color: var(--site-fg);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: 24px;
  align-items:  center;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

button.trigger_Pc7-tw {
  cursor: pointer;
}

button.trigger_Pc7-tw:focus-visible {
  outline: 2px solid;
  outline-offset: 4px;
}

.bubble_Pc7-tw {
  background: color-mix(in srgb, var(--site-fg) 4%, transparent);
  font-family: var(--site-font-body);
  letter-spacing: .01em;
  overflow-wrap: anywhere;
  hyphens: manual;
  border-radius: 24px;
  min-width: 0;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.5;
}

.avatar_Pc7-tw {
  display: grid;
  overflow: hidden;
  opacity: 0;
  flex-shrink: 0;
  justify-items: end;
  width: 0;
  transition: width .56s cubic-bezier(.22,1,.36,1), opacity .24s, transform .56s cubic-bezier(.22,1,.36,1);
  transform: scale(.8);
}

.avatar_Pc7-tw img {
  display: block;
  object-fit: cover;
  border-radius: 9999px;
  width: 28px;
  max-width: none;
  height: 28px;
}

.item_Pc7-tw[data-open] .avatar_Pc7-tw {
  opacity: 1;
  width: 40px;
  transform: scale(1);
}

.answerMotion_Pc7-tw {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows .56s cubic-bezier(.22,1,.36,1), opacity .24s;
}

.item_Pc7-tw[data-open] .answerMotion_Pc7-tw {
  grid-template-rows: 1fr;
  opacity: 1;
}

.answerClip_Pc7-tw {
  overflow: hidden;
  min-height: 0;
}

.answerBody_Pc7-tw {
  box-sizing: border-box;
  max-width: 500px;
  padding: 28px 20px 12px;
}

.answerText_Pc7-tw.answerText_Pc7-tw {
  color: color-mix(in srgb, var(--site-fg) 80.8%, var(--site-bg));
  margin: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.5;
}

@container (width <= 800px) {
  .band_Pc7-tw {
    padding-block: 32px 80px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .avatar_Pc7-tw, .answerMotion_Pc7-tw {
    transition: none;
  }
}

/* components/site-sections/mono-exact/ExactPages.module.css */
.pageHeroBand_kHIY7w {
  padding-block: 160px 0;
}

.pageHero_kHIY7w {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 48px;
}

.pageHeroCopy_kHIY7w {
  width: 100%;
}

.pagePhoto_kHIY7w.pagePhoto_kHIY7w {
  aspect-ratio: var(--mx-photo-ratio, 16 / 9);
  width: 100%;
}

.banner_kHIY7w .bannerCopy_kHIY7w {
  max-width: calc(1680px + 2 * var(--mx-gutter));
  padding-inline: var(--mx-gutter);
  box-sizing: border-box;
  margin-inline: auto;
}

.bannerPhoto_kHIY7w.bannerPhoto_kHIY7w {
  aspect-ratio: var(--mx-photo-ratio, 2880 / 1160);
  border-radius: 0;
  width: 100%;
}

.pageIntroBand_kHIY7w {
  padding-block: 160px 48px;
}

.introCopy_kHIY7w.introCopy_kHIY7w {
  max-width: 660px;
  margin-inline: auto;
}

.introBody_kHIY7w.introBody_kHIY7w {
  color: var(--site-muted-fg);
  max-width: 512px;
}

@container (width <= 800px) {
  .pageHeroBand_kHIY7w {
    padding-block: 120px 0;
  }

  .pageHero_kHIY7w {
    gap: 40px;
  }

  .pagePhoto_kHIY7w.pagePhoto_kHIY7w, .bannerPhoto_kHIY7w.bannerPhoto_kHIY7w {
    aspect-ratio: 4 / 3;
  }

  .pageTitle_kHIY7w.pageTitle_kHIY7w {
    white-space: normal;
  }

  .pageIntroBand_kHIY7w {
    padding-block: 120px 48px;
  }

  .introCopy_kHIY7w.introCopy_kHIY7w {
    gap: 24px;
  }
}

.split_kHIY7w {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--mx-grid);
  align-items:  start;
}

.splitIntroBand_kHIY7w {
  padding-block: 64px;
}

.splitIntroDark_kHIY7w {
  padding-block: 48px 160px;
}

.splitHead_kHIY7w {
  grid-column: 1 / span 6;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
  min-width: 0;
}

.splitHead_kHIY7w .splitHeading_kHIY7w.splitHeading_kHIY7w {
  max-width: 432px;
}

.splitCopy_kHIY7w {
  grid-column: 7 / span 5;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.splitCopy_kHIY7w .splitParagraph_kHIY7w.splitParagraph_kHIY7w {
  white-space: pre-line;
  font-size: 18px;
  line-height: 1.4;
}

.splitClosingBand_kHIY7w {
  padding-block: 32px 64px;
}

.closingCopy_kHIY7w {
  grid-column: 1 / span 6;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  min-width: 0;
}

.closingCopy_kHIY7w .closingHeading_kHIY7w.closingHeading_kHIY7w {
  margin-block-end: 8px;
}

.closingPhoto_kHIY7w.closingPhoto_kHIY7w {
  grid-column: 7 / -1;
  width: 100%;
}

.arrow_kHIY7w {
  color: var(--site-muted-fg);
  flex: none;
  width: 14px;
  height: 14px;
}

.arrow_kHIY7w:dir(rtl) {
  transform: scaleX(-1);
}

@container (width <= 1000px) {
  .splitCopy_kHIY7w {
    grid-column: 7 / -1;
  }
}

@container (width <= 800px) {
  .split_kHIY7w {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .splitHead_kHIY7w, .splitCopy_kHIY7w, .closingCopy_kHIY7w, .closingPhoto_kHIY7w.closingPhoto_kHIY7w {
    grid-column: 1;
  }

  .splitIntroBand_kHIY7w {
    padding-block: 48px;
  }

  .splitIntroDark_kHIY7w {
    padding-block: 64px 96px;
  }

  .splitCopy_kHIY7w .splitParagraph_kHIY7w.splitParagraph_kHIY7w {
    font-size: 16px;
  }

  .splitClosingBand_kHIY7w {
    padding-block: 64px;
  }
}

.valuesBand_kHIY7w {
  padding-block: 0 160px;
}

.valuesInner_kHIY7w {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 96px;
  padding-block-start: 48px;
}

.valuesGrid_kHIY7w {
  display: grid;
  grid-template-columns: repeat(var(--mx-cols, 3), minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}

.valueCard_kHIY7w {
  position: relative;
  display: flex;
  border-inline-end: 1px solid var(--mx-rule-soft);
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
  min-width: 0;
  min-height: 300px;
  padding-inline-end: 16px;
}

.valueCopy_kHIY7w {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.valueIcon_kHIY7w {
  display: flex;
  color: var(--site-muted-fg);
}

.valueGlyph_kHIY7w {
  stroke-width: 2;
  width: 16px;
  height: 16px;
}

.valueText_kHIY7w {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.valueIndex_kHIY7w {
  color: var(--site-muted-fg);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

@container (width <= 800px) {
  .valuesBand_kHIY7w {
    padding-block: 0 120px;
  }

  .valuesInner_kHIY7w {
    gap: 64px;
    padding-block-start: 40px;
  }

  .valuesGrid_kHIY7w {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }

  .valueCard_kHIY7w {
    min-height: 0;
    gap: 32px;
    padding-inline-end: 0;
    padding-block-end: 40px;
    border-inline-end: 0;
    border-block-end: 1px solid var(--mx-rule-soft);
  }
}

.badgesBand_kHIY7w {
  padding-block: 0 120px;
}

.badges_kHIY7w {
  display: flex;
  flex-direction: column;
}

.badgesHeadingEdit_kHIY7w.badgesHeadingEdit_kHIY7w {
  margin-block-end: 32px;
}

.badgeGrid_kHIY7w {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mx-grid);
}

.badgeItem_kHIY7w {
  position: relative;
  display: flex;
  border-inline-start: 1px solid color-mix(in srgb, var(--site-fg) 20%, transparent);
  flex-direction: column;
  gap: 80px;
  min-width: 0;
  padding-inline: 16px 32px;
}

.badge_kHIY7w {
  position: relative;
  overflow: hidden;
  color: var(--site-fg);
  border-radius: 9999px;
  flex: none;
  width: 56px;
  height: 56px;
}

.badge_kHIY7w[data-has-logo="false"] {
  border: 1.5px solid;
}

.badgeCopy_kHIY7w {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.badgeItem_kHIY7w .badgeTitle_kHIY7w.badgeTitle_kHIY7w {
  font-size: 16px;
  font-weight: 450;
}

.badgeItem_kHIY7w .badgeNote_kHIY7w.badgeNote_kHIY7w {
  color: color-mix(in srgb, var(--site-fg) 75%, transparent);
}

@container (width <= 1000px) {
  .badgeGrid_kHIY7w {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 64px;
  }
}

@container (width <= 600px) {
  .badgesBand_kHIY7w {
    padding-block: 0 96px;
  }

  .badgeGrid_kHIY7w {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 48px;
  }

  .badgeItem_kHIY7w {
    gap: 40px;
    padding-inline-end: 0;
  }
}

.legalBand_kHIY7w {
  padding-block: 144px 160px;
}

.legal_kHIY7w {
  --lg-ink: color-mix(in srgb, var(--site-fg) 80.4%, var(--site-bg));
  width: 100%;
  max-width: 640px;
  margin-inline: auto;
}

.legal_kHIY7w .legalTitle_kHIY7w.legalTitle_kHIY7w {
  font-family: var(--site-font-heading);
  letter-spacing: -.035em;
  font-variation-settings: normal;
  text-wrap: wrap;
  font-size: clamp(40px, 4cqw, 44px);
  font-weight: 500;
  line-height: 1.02;
}

.legalSummary_kHIY7w {
  margin-block-start: 24px;
}

.legalSummary_kHIY7w p {
  color: var(--lg-ink);
  max-width: none;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.legalUpdated_kHIY7w {
  margin-block-start: 20px;
}

.legalUpdated_kHIY7w p {
  color: var(--site-muted-fg);
  max-width: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.legalBody_kHIY7w {
  padding-block-start: 28px;
}

.legalSection_kHIY7w {
  display: grid;
  gap: 20px;
  padding-block-start: 40px;
}

.legalSection_kHIY7w:first-child {
  padding-block-start: 0;
}

.legalSection_kHIY7w :is(h2, h3) {
  color: var(--site-fg);
  letter-spacing: -.03em;
  font-variation-settings: normal;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}

.legalSection_kHIY7w h2 {
  font-size: 24px;
}

.legalSection_kHIY7w h3 {
  font-size: 18px;
}

.legalSection_kHIY7w :is(p, li) {
  color: var(--lg-ink);
  max-width: none;
  margin: 0;
  font-size: 16px;
  font-weight: 450;
  line-height: 1.55;
}

.legalSection_kHIY7w li > * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  max-width: none;
}

.legalSection_kHIY7w ol {
  display: grid;
  list-style: none;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.legalSection_kHIY7w ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-inline-start: 20px;
}

.legalSection_kHIY7w a {
  color: var(--site-fg);
  text-underline-offset: .18em;
}

@container (width <= 600px) {
  .legalBand_kHIY7w {
    padding-block: 112px 96px;
  }

  .legal_kHIY7w .legalTitle_kHIY7w.legalTitle_kHIY7w {
    font-size: 36px;
  }

  .legalSection_kHIY7w {
    padding-block-start: 32px;
  }

  .legalSection_kHIY7w h2 {
    font-size: 20px;
  }
}

/* ../../../node_modules/@videojs/react/dist/default/presets/video/skin.css */
@layer base {
  @scope (.media-skin) {
    :scope, *, :before, :after {
      box-sizing: border-box;
    }

    button {
      font: inherit;
      color: inherit;
      text-transform: none;
      letter-spacing: inherit;
      appearance: none;
      background: none;
      margin: 0;
    }

    img, svg, media-icon {
      max-width: 100%;
      margin: 0;
      display: block;
    }

    svg[fill="currentColor"] {
      fill: currentColor;
    }

    svg[fill="none"] {
      fill: none;
    }

    svg[stroke="currentColor"] {
      stroke: currentColor;
    }

    video {
      border-radius: inherit;
      object-fit: var(--media-object-fit, contain);
      object-position: var(--media-object-position, center);
      width: 100%;
      max-width: 100%;
      height: 100%;
      margin: 0;
      display: block;
    }

    media-icon > svg {
      width: 100%;
      height: 100%;
    }

    media-tooltip-group, media-dialog, media-alert-dialog, media-error-dialog, media-controls {
      display: contents;
    }

    [hidden][hidden] {
      display: none !important;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .media-skin {
      interpolate-size: allow-keywords;
    }
  }
}

@layer components {
  @scope (.media-skin) {
    :scope {
      --media-caption-track-duration: var(--media-duration-controls);
      --media-caption-track-delay: 25ms;
      --media-caption-track-y: calc(var(--media-spacing) * -2);
    }

    video::-webkit-media-text-track-container {
      z-index: 20;
      scale: .98;
      translate: 0 var(--media-caption-track-y);
      transition: translate var(--media-caption-track-duration) ease-out;
      transition-delay: var(--media-caption-track-delay);
      font-family: inherit;
    }

    :scope[data-controls-visible] {
      --media-caption-track-y: var(--media-caption-controls-y);
    }

    @container media-root (width >= 42rem) {
      :scope[data-theme="minimal"][data-controls-visible] video {
        --media-caption-track-y: calc(var(--media-spacing) * -12);
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-buffering-indicator {
      pointer-events: none;
      inset: calc(var(--media-spacing) * 0);
      color: var(--media-controls-foreground);
      place-content:  center;
      display: none;
      position: absolute;
    }

    .media-buffering-indicator:not([data-visible]) {
      --media-spinner-animation: none;
    }

    .media-buffering-indicator:before {
      inset: calc(var(--media-spacing) * 0);
      background-color: var(--media-backdrop);
      content: "";
      backdrop-filter: var(--media-backdrop-filter-indicator);
      position: absolute;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-buffering-indicator:before {
        background-color: color-mix(in oklab, var(--media-backdrop) 35%, transparent);
      }
    }

    .media-buffering-indicator[data-visible] {
      display: grid;
    }

    .media-buffering-indicator-spinner-icon {
      z-index: 30;
      width: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      height: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      position: relative;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-button {
      width: var(--media-control-size);
      height: var(--media-control-size);
      min-height: calc(var(--media-spacing) * 0);
      cursor: pointer;
      touch-action: manipulation;
      border-radius: var(--media-control-radius);
      padding: calc(var(--media-spacing) * 0);
      text-align: center;
      color: inherit;
      outline-offset: -2px;
      transition-property: background-color, color, outline-offset, scale;
      transition-duration: var(--media-duration);
      will-change: scale;
      -webkit-user-select: none;
      user-select: none;
      corner-shape: var(--media-control-corner-shape);
      text-shadow: inherit;
      background-color: #0000;
      border-style: solid;
      border-width: 0;
      outline: 2px solid #0000;
      flex-shrink: 0;
      place-items:  center;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: grid;
    }

    .media-button:focus-visible {
      outline-offset: 2px;
      outline-color: var(--media-ring);
    }

    .media-button:not([aria-disabled="true"]):active {
      scale: .97;
    }

    .media-button[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: .5;
    }

    @media (prefers-reduced-motion: reduce) {
      .media-button {
        will-change: auto;
        transition-property: background-color, color;
        scale: 1;
      }
    }

    .media-button:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
      background-color: var(--media-accent);
      color: var(--media-accent-foreground);
    }

    @media (hover: hover) {
      .media-button:hover:where(:not([aria-disabled="true"])) {
        background-color: var(--media-accent);
        color: var(--media-accent-foreground);
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-dialog-actions {
      gap: calc(var(--media-spacing) * 2);
      flex-shrink: 0;
      display: flex;
    }

    .media-dialog-backdrop {
      inset: calc(var(--media-spacing) * 0);
      z-index: 40;
      background-color: var(--media-backdrop);
      opacity: 1;
      backdrop-filter: var(--media-backdrop-filter-dialog);
      transition-property: opacity;
      transition-duration: .15s;
      transition-delay: var(--media-delay-dialog);
      transition-duration: var(--media-duration-dialog);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-dialog-backdrop {
        background-color: color-mix(in oklab, var(--media-backdrop) 20%, transparent);
      }
    }

    .media-dialog-backdrop:not([data-open]) {
      display: none;
    }

    .media-dialog-backdrop[data-ending-style] {
      transition-delay: 0s;
      transition-duration: var(--media-duration-slower);
    }

    .media-dialog-backdrop:is([data-starting-style], [data-ending-style]) {
      opacity: 0;
    }

    .media-dialog-close {
      height: var(--media-control-size);
      width: 100%;
      padding-inline: calc(var(--media-spacing) * 4);
      padding-block: calc(var(--media-spacing) * 2);
      flex: 1;
      font-weight: 500;
      background-color: var(--media-primary) !important;
      color: var(--media-primary-foreground) !important;
    }

    .media-dialog-content {
      min-height: calc(var(--media-spacing) * 0);
      gap: calc(var(--media-spacing) * 2);
      padding-inline: calc(var(--media-spacing) * 2);
      padding-top: calc(var(--media-spacing) * 2);
      padding-bottom: calc(var(--media-spacing) * 1.5);
      flex-direction: column;
      display: flex;
      overflow-y: auto;
    }

    .media-dialog-description {
      margin: calc(var(--media-spacing) * 0);
      overflow-wrap: anywhere;
      opacity: .7;
    }

    .media-dialog-popup {
      z-index: 50;
      max-height: calc(100% - .5rem);
      width: var(--media-dialog-width);
      max-width: var(--media-dialog-max-width);
      gap: calc(var(--media-spacing) * 3);
      border-radius: var(--media-dialog-radius);
      background-color: var(--media-popover);
      padding: calc(var(--media-spacing) * 3);
      color: var(--media-popover-foreground);
      box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
      backdrop-filter: var(--media-backdrop-filter-surface);
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-delay: var(--media-delay-dialog);
      transition-duration: var(--media-duration-dialog);
      text-shadow: var(--media-text-shadow-dialog);
      outline-style: none;
      flex-direction: column;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: flex;
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
    }

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

    .media-dialog-popup:not([data-open]) {
      display: none;
    }

    .media-dialog-popup:after {
      content: "";
      z-index: 10;
      pointer-events: none;
      border-radius: inherit;
      box-shadow: var(--media-shadow-surface-inset);
      position: absolute;
      inset: 0;
    }

    .media-dialog-popup[data-ending-style] {
      transition-delay: 0s;
      transition-duration: var(--media-duration-slower);
    }

    .media-dialog-popup:is([data-starting-style], [data-ending-style]) {
      scale: var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);
      opacity: 0;
    }

    .media-dialog-title {
      margin: calc(var(--media-spacing) * 0);
      font-size: calc(var(--media-spacing) * 3.75);
      font-weight: 600;
      line-height: 1.25;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-container, :scope.media-container {
      isolation: isolate;
      border-radius: var(--media-video-border-radius);
      background-color: var(--media-background);
      width: 100%;
      height: 100%;
      font-family: var(--media-font-family, "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif);
      font-size: calc(var(--media-spacing) * 3.25);
      -webkit-font-smoothing: auto;
      -moz-osx-font-smoothing: auto;
      outline-offset: -4px;
      transition-property: outline-offset, outline-color;
      transition-duration: .15s;
      transition-duration: var(--media-duration-fast);
      --spacing: var(--media-spacing);
      outline: 2px solid #0000;
      line-height: 1.5;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: block;
      position: relative;
      overflow: clip;
      container: media-root / size;
    }

    .media-container:after, :scope.media-container:after {
      pointer-events: none;
      inset: calc(var(--media-spacing) * 0);
      z-index: 10;
      border-radius: inherit;
      content: "";
      box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, inset 0 0 0 1px var(--media-frame-border);
      position: absolute;
    }

    .media-container:focus-visible, :scope.media-container:focus-visible {
      outline-offset: 2px;
      outline-color: var(--media-ring);
    }

    .media-container:fullscreen:after, :scope.media-container:fullscreen:after {
      content: "";
      display: none;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-poster {
      pointer-events: none;
      border-radius: inherit;
      width: 100%;
      height: 100%;
      transition-property: opacity;
      transition-duration: .15s;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      transition-duration: var(--media-duration-slower);
      position: absolute;
      inset: 0;
    }

    .media-poster:not([data-visible]) {
      opacity: 0;
    }

    .media-poster-image {
      border-radius: inherit;
      object-fit: var(--media-object-fit, contain);
      object-position: var(--media-object-position, center);
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
    }

    .media-poster-image:not([src]):not([srcset]) {
      visibility: hidden;
    }
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-poster {
    pointer-events: none;
    border-radius: inherit;
    transition-property: opacity;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: var(--media-duration-slower);
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-poster:not([data-visible]) {
    opacity: 0;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-poster-image {
    border-radius: inherit;
    object-fit: var(--media-object-fit, contain);
    object-position: var(--media-object-position, center);
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-poster-image:not([src]):not([srcset]) {
    visibility: hidden;
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-seek-indicator {
      place-content:  center;
      gap: calc(var(--media-spacing) * 1);
      padding: calc(var(--media-spacing) * 4);
      text-align: center;
      grid-row-start: 1;
      grid-column-start: 2;
      display: grid;
    }

    .media-seek-indicator[data-direction="backward"] {
      grid-column-start: 1;
      justify-self: flex-start;
    }

    .media-seek-indicator[data-direction="forward"] {
      grid-column-start: 3;
      justify-self: flex-end;
    }

    @container media-root (width >= 42rem) {
      .media-seek-indicator {
        padding: calc(var(--media-spacing) * 6);
      }
    }

    .media-seek-indicator-icon {
      width: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);
      height: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);
      transition-property: translate, opacity;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slow);
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      display: none;
    }

    @scope (.media-seek-indicator) {
      &[data-direction] .media-seek-indicator-icon {
        display: block;
      }
    }

    @scope (.media-seek-indicator) {
      &[data-direction="backward"] .media-seek-indicator-icon {
        scale: -1 1;
      }
    }

    @scope (.media-seek-indicator) {
      &[data-direction="backward"][data-starting-style] .media-seek-indicator-icon {
        translate: var(--media-hidden-seek-offset) 0;
      }
    }

    @scope (.media-seek-indicator) {
      &[data-direction="forward"][data-starting-style] .media-seek-indicator-icon {
        translate: calc(var(--media-hidden-seek-offset) * -1) 0;
      }
    }

    @scope (.media-seek-indicator) {
      &:is([data-starting-style], [data-ending-style]) .media-seek-indicator-icon {
        opacity: 0;
      }
    }

    .media-seek-indicator-value {
      font-variant-numeric: tabular-nums;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-status-announcer {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-indicator {
      pointer-events: none;
      top: calc(var(--media-spacing) * 3);
      transform-origin: top;
      border-radius: var(--media-control-radius);
      background-color: var(--media-backdrop);
      color: var(--media-popover-foreground);
      box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
      backdrop-filter: var(--media-backdrop-filter-surface);
      transition-duration: var(--media-duration-fast);
      font-weight: 500;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-indicator {
        background-color: color-mix(in oklab, var(--media-backdrop) 25%, transparent);
      }
    }

    .media-indicator:after {
      content: "";
      z-index: 10;
      pointer-events: none;
      border-radius: inherit;
      box-shadow: var(--media-shadow-surface-inset);
      position: absolute;
      inset: 0;
    }

    .media-indicator[data-ending-style] {
      translate: 0 var(--media-hidden-indicator-offset);
    }

    @media (pointer: coarse) {
      .media-indicator {
        will-change: scale, translate, opacity;
        transition-property: scale, translate, opacity;
      }
    }

    @media (pointer: fine) {
      .media-indicator {
        will-change: scale, translate, filter, opacity;
        transition-property: scale, translate, filter, opacity;
      }
    }

    @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
      .media-indicator {
        background-color: var(--media-background);
      }
    }

    .media-indicator:is([data-starting-style], [data-ending-style]) {
      opacity: 0;
      transition-duration: var(--media-duration-indicator);
      transition-timing-function: cubic-bezier(.4,0,1,1);
    }

    @media (pointer: fine) {
      .media-indicator:is([data-starting-style], [data-ending-style]) {
        scale: var(--media-hidden-indicator-scale) var(--media-hidden-indicator-scale);
        filter: blur(var(--media-hidden-blur));
      }
    }

    .media-indicator-content {
      justify-content: space-between;
      align-items:  center;
      gap: calc(var(--media-spacing) * 2);
      padding-inline: calc(var(--media-spacing) * 2.5);
      padding-block: calc(var(--media-spacing) * 1);
    }

    .media-playback-status-indicator {
      background-color: var(--media-backdrop);
      padding: calc(var(--media-spacing) * 4);
      text-align: center;
      backdrop-filter: var(--media-backdrop-filter-indicator);
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slow);
      border-radius: 9999px;
      grid-row-start: 1;
      grid-column-start: 2;
      place-content:  center;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: grid;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-playback-status-indicator {
        background-color: color-mix(in oklab, var(--media-backdrop) 35%, transparent);
      }
    }

    .media-playback-status-indicator[data-ending-style] {
      transition-duration: var(--media-duration-fast);
      transition-timing-function: cubic-bezier(.4,0,1,1);
    }

    .media-playback-status-indicator:is([data-starting-style], [data-ending-style]) {
      scale: var(--media-hidden-playback-scale) var(--media-hidden-playback-scale);
      opacity: 0;
    }

    .media-playback-status-indicator-pause-icon {
      width: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);
      height: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);
      scale: var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);
      opacity: 0;
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      grid-row-start: 1;
      grid-column-start: 1;
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    @scope (.media-playback-status-indicator) {
      &[data-status="pause"] .media-playback-status-indicator-pause-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-playback-status-indicator-play-icon {
      width: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);
      height: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 1.5);
      scale: var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);
      opacity: 0;
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      grid-row-start: 1;
      grid-column-start: 1;
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    @scope (.media-playback-status-indicator) {
      &[data-status="play"] .media-playback-status-indicator-play-icon {
        opacity: 1;
        translate: 1px;
        scale: 1;
      }
    }

    .media-status-indicator-captions-off-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-status-indicator) {
      &[data-status="captions-off"] .media-status-indicator-captions-off-icon {
        display: block;
      }
    }

    .media-status-indicator-captions-on-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-status-indicator) {
      &[data-status="captions-on"] .media-status-indicator-captions-on-icon {
        display: block;
      }
    }

    .media-status-indicator-content {
      width: 100%;
      display: flex;
    }

    .media-status-indicator-fullscreen-enter-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-status-indicator) {
      &[data-status="fullscreen"] .media-status-indicator-fullscreen-enter-icon {
        display: block;
      }
    }

    .media-status-indicator-fullscreen-exit-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-status-indicator) {
      &[data-status="exit-fullscreen"] .media-status-indicator-fullscreen-exit-icon {
        display: block;
      }
    }

    .media-status-indicator-pip-enter-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-status-indicator) {
      &[data-status="pip"] .media-status-indicator-pip-enter-icon {
        display: block;
      }
    }

    .media-status-indicator-pip-exit-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-status-indicator) {
      &[data-status="exit-pip"] .media-status-indicator-pip-exit-icon {
        display: block;
      }
    }

    .media-status-indicator-value {
      mix-blend-mode: difference;
      margin-left: auto;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    @supports (color: color-mix(in lab, red, red)) {
      
    }

    @media (pointer: coarse) {
      
    }

    @media (pointer: fine) {
      
    }

    @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
      
    }

    @media (pointer: fine) {
      
    }

    .media-volume-indicator {
      width: min(80%, 12rem);
      transform: translateX(0);
    }

    @media (prefers-reduced-motion: no-preference) {
      .media-volume-indicator:is([data-min], [data-max]):not([data-starting-style], [data-ending-style]) {
        transition: transform .3s linear(0, -24 20%, 16 40%, -8 60%, 4 80%, 1);
        transform: translateX(.25px);
      }
    }

    .media-volume-indicator-fill {
      border-radius: inherit;
      background-image: linear-gradient(currentColor, currentColor);
      background-size: var(--media-volume-fill, 0%) 100%;
      width: 100%;
      transition-property: background-size;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slow);
      background-position: 0;
      background-repeat: no-repeat;
      transition-timing-function: linear;
      display: flex;
    }

    .media-volume-indicator-high-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-volume-indicator) {
      &[data-level="high"] .media-volume-indicator-high-icon {
        display: block;
      }
    }

    .media-volume-indicator-low-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-volume-indicator) {
      &[data-level="low"] .media-volume-indicator-low-icon {
        display: block;
      }
    }

    .media-volume-indicator-off-icon {
      mix-blend-mode: difference;
      flex-shrink: 0;
      display: none;
    }

    @scope (.media-volume-indicator) {
      &[data-level="off"] .media-volume-indicator-off-icon {
        display: block;
      }
    }

    .media-volume-indicator-value {
      mix-blend-mode: difference;
      margin-left: auto;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .video-status-indicators {
      pointer-events: none;
      inset: calc(var(--media-spacing) * 0);
      color: var(--media-controls-foreground);
      grid-template-columns: repeat(3, minmax(0, 1fr));
      place-items:  center;
      display: grid;
      position: absolute;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-airplay-button:not([data-airplay-state="connected"]) {
      --media-icon-airplay-fill-animation: none;
      --media-icon-airplay-triangle-animation: none;
    }

    .media-airplay-button-enter-icon {
      opacity: 0;
    }

    @scope (.media-airplay-button) {
      &:not([data-airplay-state="connected"]) .media-airplay-button-enter-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-airplay-button-exit-icon {
      opacity: 0;
    }

    @scope (.media-airplay-button) {
      &[data-airplay-state="connected"] .media-airplay-button-exit-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-button-icon {
      width: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      height: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      grid-row-start: 1;
      grid-column-start: 1;
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-popup {
      margin: calc(var(--media-spacing) * 0);
      color: inherit;
      border-style: solid;
      border-width: 0;
      overflow: visible;
    }

    .media-popup[data-ending-style] {
      transform: none;
    }

    .media-popup[data-starting-style] {
      transform: translate(var(--media-popup-translate-x-distance, 0), var(--media-popup-translate-y-distance, 0));
    }

    .media-popup[data-side="bottom"] {
      transform-origin: top;
      --media-popup-translate-y-distance: calc(var(--media-popup-translate-distance) * -1);
    }

    .media-popup[data-side="left"] {
      transform-origin: 100%;
      --media-popup-translate-x-distance: var(--media-popup-translate-distance);
    }

    .media-popup[data-side="right"] {
      transform-origin: 0;
      --media-popup-translate-x-distance: calc(var(--media-popup-translate-distance) * -1);
    }

    .media-popup[data-side="top"] {
      transform-origin: bottom;
      --media-popup-translate-y-distance: var(--media-popup-translate-distance);
    }

    .media-popup:is([data-starting-style], [data-ending-style]) {
      scale: var(--media-hidden-popup-scale) var(--media-hidden-popup-scale);
      opacity: 0;
      filter: blur(var(--media-hidden-popup-blur));
    }

    .media-popup-safe-area:before {
      pointer-events: auto;
      content: "";
      position: absolute;
    }

    .media-popup-safe-area[data-side="bottom"]:before {
      inset-inline: calc(var(--media-spacing) * 0);
      content: "";
      height: var(--media-popup-side-offset);
      bottom: 100%;
    }

    .media-popup-safe-area[data-side="left"]:before {
      inset-block: calc(var(--media-spacing) * 0);
      content: "";
      width: var(--media-popup-side-offset);
      left: 100%;
    }

    .media-popup-safe-area[data-side="right"]:before {
      inset-block: calc(var(--media-spacing) * 0);
      content: "";
      width: var(--media-popup-side-offset);
      right: 100%;
    }

    .media-popup-safe-area[data-side="top"]:before {
      inset-inline: calc(var(--media-spacing) * 0);
      content: "";
      height: var(--media-popup-side-offset);
      top: 100%;
    }

    .media-popup-surface {
      background-color: var(--media-popover);
      color: var(--media-popover-foreground);
      box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
      backdrop-filter: var(--media-backdrop-filter-surface);
    }

    .media-popup-surface:after {
      content: "";
      z-index: 10;
      pointer-events: none;
      border-radius: inherit;
      box-shadow: var(--media-shadow-surface-inset);
      position: absolute;
      inset: 0;
    }

    .media-popup-transition {
      transition-property: opacity, filter, transform, scale;
      transition-duration: var(--media-duration-fast);
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    .media-popup-transition[data-ending-style] {
      transition-duration: var(--media-duration-instant);
    }

    .media-tooltip {
      border-radius: var(--media-control-radius);
      padding-inline: calc(var(--media-spacing) * 2.5);
      padding-block: calc(var(--media-spacing) * 1);
      font-size: calc(var(--media-spacing) * 3.25);
      white-space: nowrap;
      --media-popup-side-offset: var(--media-tooltip-side-offset);
    }

    .media-tooltip[data-open] {
      align-items:  center;
      gap: calc(var(--media-spacing) * 1);
      display: flex;
    }

    .media-tooltip-shortcut {
      border-radius: calc(var(--media-spacing) * 1);
      background-color: var(--media-muted);
      text-align: center;
      min-width: 1.5em;
      font-family: inherit;
      font-size: calc(var(--media-spacing) * 2.75);
      padding: .1em;
      font-weight: 600;
      line-height: 1.25;
    }
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-popup-surface {
    background-color: var(--media-popover);
    color: var(--media-popover-foreground);
    box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
    backdrop-filter: var(--media-backdrop-filter-surface);
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-popup-surface:after {
    content: "";
    z-index: 10;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: var(--media-shadow-surface-inset);
    position: absolute;
    inset: 0;
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-captions-button-off-icon {
      opacity: 0;
    }

    @scope (.media-captions-button) {
      &:not([data-active]) .media-captions-button-off-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-captions-button-on-icon {
      opacity: 0;
    }

    @scope (.media-captions-button) {
      &[data-active] .media-captions-button-on-icon {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-cast-button-enter-icon {
      opacity: 0;
    }

    @scope (.media-cast-button) {
      &:not([data-cast-state="connected"]) .media-cast-button-enter-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-cast-button-exit-icon {
      opacity: 0;
    }

    @scope (.media-cast-button) {
      &[data-cast-state="connected"] .media-cast-button-exit-icon {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-fullscreen-button-enter-icon {
      opacity: 0;
    }

    @scope (.media-fullscreen-button) {
      &:not([data-fullscreen]) .media-fullscreen-button-enter-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-fullscreen-button-exit-icon {
      opacity: 0;
    }

    @scope (.media-fullscreen-button) {
      &[data-fullscreen] .media-fullscreen-button-exit-icon {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-pip-button-enter-icon {
      opacity: 0;
    }

    @scope (.media-pip-button) {
      &:not([data-pip]) .media-pip-button-enter-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-pip-button-exit-icon {
      opacity: 0;
    }

    @scope (.media-pip-button) {
      &[data-pip] .media-pip-button-exit-icon {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-play-button-pause-icon {
      scale: var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);
      opacity: 0;
    }

    @scope (.media-play-button) {
      &[data-started]:not([data-paused]):not([data-ended]) .media-play-button-pause-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-play-button-play-icon {
      scale: var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);
      opacity: 0;
    }

    @scope (.media-play-button) {
      &:not([data-ended]):not([data-started]) .media-play-button-play-icon, &:not([data-ended])[data-paused] .media-play-button-play-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-play-button-restart-icon {
      scale: var(--media-hidden-icon-scale) var(--media-hidden-icon-scale);
      opacity: 0;
    }

    @scope (.media-play-button) {
      &[data-ended] .media-play-button-restart-icon {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-mute-button-high-icon {
      opacity: 0;
    }

    @scope (.media-mute-button) {
      &:not([data-muted]):not([data-volume-level="low"]) .media-mute-button-high-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-mute-button-low-icon {
      opacity: 0;
    }

    @scope (.media-mute-button) {
      &:not([data-muted])[data-volume-level="low"] .media-mute-button-low-icon {
        opacity: 1;
        scale: 1;
      }
    }

    .media-mute-button-off-icon {
      opacity: 0;
    }

    @scope (.media-mute-button) {
      &[data-muted] .media-mute-button-off-icon {
        opacity: 1;
        scale: 1;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-slider-buffer {
      pointer-events: none;
      border-radius: inherit;
      transition-property: clip-path;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slider);
      background-color: currentColor;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
    }

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

    @scope (.media-slider) {
      &:focus-within .media-slider-buffer, &[data-dragging] .media-slider-buffer, &[data-seeking] .media-slider-buffer {
        transition-duration: 0s;
      }
    }

    .media-slider-buffer[data-orientation="horizontal"] {
      inset-block: calc(var(--media-spacing) * 0);
      left: calc(var(--media-spacing) * 0);
      width: 100%;
      clip-path: inset(0 calc(100% - var(--media-slider-buffer)) 0 0 round var(--media-control-radius));
    }

    .media-slider-buffer[data-orientation="vertical"] {
      inset-inline: calc(var(--media-spacing) * 0);
      bottom: calc(var(--media-spacing) * 0);
      height: 100%;
      clip-path: inset(calc(100% - var(--media-slider-buffer)) 0 0 0 round var(--media-control-radius));
    }

    .media-slider-fill {
      pointer-events: none;
      border-radius: inherit;
      background-color: var(--media-primary);
      transition-property: clip-path;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slider);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
    }

    @scope (.media-slider) {
      &:focus-within .media-slider-fill, &[data-dragging] .media-slider-fill, &[data-seeking] .media-slider-fill {
        transition-duration: 0s;
      }
    }

    .media-slider-fill[data-orientation="horizontal"] {
      inset-block: calc(var(--media-spacing) * 0);
      left: calc(var(--media-spacing) * 0);
      width: 100%;
      clip-path: inset(0 calc(100% - var(--media-slider-fill)) 0 0 round var(--media-control-radius));
    }

    @scope (.media-slider) {
      &[data-dragging] .media-slider-fill[data-orientation="horizontal"] {
        clip-path: inset(0 calc(100% - var(--media-slider-pointer)) 0 0 round var(--media-control-radius));
      }
    }

    .media-slider-fill[data-orientation="vertical"] {
      inset-inline: calc(var(--media-spacing) * 0);
      bottom: calc(var(--media-spacing) * 0);
      height: 100%;
      clip-path: inset(calc(100% - var(--media-slider-fill)) 0 0 0 round var(--media-control-radius));
    }

    @scope (.media-slider) {
      &[data-dragging] .media-slider-fill[data-orientation="vertical"] {
        clip-path: inset(calc(100% - var(--media-slider-pointer)) 0 0 0 round var(--media-control-radius));
      }
    }

    .media-slider-thumb {
      top: 50%;
      left: var(--media-slider-fill);
      z-index: 10;
      width: calc(var(--media-spacing) * 3);
      height: calc(var(--media-spacing) * 3);
      border-radius: var(--media-control-radius);
      box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--media-shadow-thumb);
      outline-offset: -4px;
      transition-property: opacity, height, width, outline-offset, left, top, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slider);
      -webkit-user-select: none;
      user-select: none;
      background-color: currentColor;
      outline: 4px solid #0000;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
      translate: -50% -50%;
    }

    @scope (.media-slider) {
      &:focus-within .media-slider-thumb {
        transition-property: opacity, height, width, outline-offset, scale;
        transition-duration: .15s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
      }
    }

    @scope (.media-slider) {
      &[data-dragging] .media-slider-thumb {
        transition-property: opacity, height, width, outline-offset, scale;
        transition-duration: .15s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        scale: .9;
      }
    }

    .media-slider-thumb:after {
      pointer-events: none;
      inset: calc(var(--media-spacing) * -1);
      border-radius: inherit;
      opacity: 0;
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      content: "";
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
      scale: .5;
      box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 0 2px;
    }

    @media (hover: hover) {
      .media-slider-thumb:hover {
        outline-offset: 0px;
        outline-color: currentColor;
      }

      @supports (color: color-mix(in lab, red, red)) {
        .media-slider-thumb:hover {
          outline-color: color-mix(in oklab, currentcolor 15%, transparent);
        }
      }
    }

    .media-slider-thumb:focus-visible {
      outline-offset: 0px;
      outline-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-slider-thumb:focus-visible {
        outline-color: color-mix(in oklab, currentcolor 15%, transparent);
      }
    }

    .media-slider-thumb:focus-visible:after {
      content: "";
      opacity: 1;
      scale: 1;
    }

    @scope (.media-slider) {
      &[data-dragging] .media-slider-thumb[data-orientation="horizontal"] {
        left: var(--media-slider-pointer);
      }
    }

    .media-slider-thumb[data-orientation="vertical"] {
      top: calc(100% - var(--media-slider-fill));
      left: 50%;
    }

    @scope (.media-slider) {
      &[data-dragging] .media-slider-thumb[data-orientation="vertical"] {
        top: calc(100% - var(--media-slider-pointer));
      }
    }

    .media-slider-track {
      isolation: isolate;
      -webkit-user-select: none;
      user-select: none;
      background-color: currentColor;
      border-radius: 9999px;
      width: 100%;
      position: relative;
      overflow: hidden;
    }

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

    .media-slider-track[data-orientation="horizontal"] {
      height: calc(var(--media-spacing) * 1);
    }

    .media-slider-track[data-orientation="vertical"] {
      height: 100%;
      width: calc(var(--media-spacing) * 1);
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-slider {
      cursor: pointer;
      border-radius: 9999px;
      outline-style: none;
      flex: 1;
      justify-content: center;
      align-items:  center;
      display: flex;
      position: relative;
    }

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

    .media-slider[data-disabled] {
      pointer-events: none;
    }

    .media-slider[data-orientation="horizontal"] {
      height: var(--media-slider-height, calc(var(--media-spacing) * 8));
      min-width: calc(var(--media-spacing) * 18);
    }

    .media-slider[data-orientation="vertical"] {
      height: calc(var(--media-spacing) * 18);
      width: calc(var(--media-spacing) * 8);
      min-width: calc(var(--media-spacing) * 0);
    }

    .media-volume-slider-thumb {
      opacity: 1;
      scale: 1;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-volume-popover {
      border-radius: var(--media-control-radius);
      padding-inline: calc(var(--media-spacing) * 0);
      padding-block: calc(var(--media-spacing) * 3);
      --media-popup-side-offset: var(--media-popover-side-offset);
    }

    .media-volume-popover[data-side="right"] {
      padding: calc(var(--media-spacing) * 0);
      padding-inline: calc(var(--media-spacing) * 3);
      --media-popover-side-offset: 0rem;
      border-radius: 0;
      box-shadow: none !important;
      backdrop-filter: none !important;
      background-color: #0000 !important;
    }

    .media-volume-popover[data-side="right"]:after {
      content: "";
      display: none;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    @media (forced-colors: active) {
      
    }

    .media-slider-preview {
      height: calc(var(--media-spacing) * 1);
      min-width: var(--media-slider-preview-max-width);
      --media-slider-preview-max-height: var(--media-slider-preview-max-width);
      --media-slider-preview-max-width: min(calc(var(--media-spacing) * 32), 100cqi);
      position: relative;
    }

    .media-slider-preview:before {
      pointer-events: none;
      z-index: 1;
      width: calc(var(--media-spacing) * 1);
      height: calc(var(--media-spacing) * 1);
      border-radius: var(--media-control-radius);
      opacity: 0;
      transition-property: opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slow);
      content: "";
      background-color: currentColor;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      scale: .5;
    }

    .media-slider-preview[data-pointing]:not([data-dragging]):before {
      content: "";
      opacity: 1;
      scale: 1;
    }

    @container media-root (width >= 30rem) {
      .media-slider-preview {
        --media-slider-preview-max-width: min(calc(var(--media-spacing) * 40), 100cqi);
      }
    }

    @container media-root (width >= 42rem) {
      .media-slider-preview {
        --media-slider-preview-max-width: min(calc(var(--media-spacing) * 48), 100cqi);
      }
    }

    .media-slider-preview-content {
      max-width: var(--media-slider-preview-max-width);
      transform-origin: bottom;
      translate: -50% var(--media-hidden-preview-offset);
      scale: var(--media-hidden-preview-scale) var(--media-hidden-preview-scale);
      opacity: 0;
      filter: blur(var(--media-hidden-blur));
      transition-property: filter, opacity, scale;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
    }

    :where(.media-slider):has(:focus-visible) .media-slider-preview-content, :where(.media-slider-preview)[data-pointing] .media-slider-preview-content {
      opacity: 1;
      filter: none;
      scale: 1;
    }

    .media-slider-thumbnail {
      pointer-events: none;
      bottom: calc(100% + var(--media-slider-preview-offset));
      max-height: var(--media-slider-preview-max-height);
      border-radius: var(--media-popup-radius);
      background-color: var(--media-backdrop);
      left: 50%;
      overflow: hidden;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-slider-thumbnail {
        background-color: color-mix(in oklab, var(--media-backdrop) 90%, transparent);
      }
    }

    .media-slider-thumbnail:after {
      pointer-events: none;
      inset: calc(var(--media-spacing) * 0);
      border-radius: inherit;
      content: "";
      background-image: var(--media-thumbnail-gradient);
      position: absolute;
    }

    .media-slider-thumbnail[data-loading] {
      aspect-ratio: 16 / 9;
      width: var(--media-slider-preview-max-width);
    }

    .media-slider-thumbnail-image {
      transition-property: opacity;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: block;
    }

    @scope (.media-slider-thumbnail) {
      &[data-loading] .media-slider-thumbnail-image {
        opacity: 0;
      }
    }

    .media-slider-thumbnail-spinner-icon {
      z-index: 10;
      width: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      height: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      opacity: 0;
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      transition-property: opacity;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
    }

    @scope (.media-slider-thumbnail) {
      &:not([data-loading]) .media-slider-thumbnail-spinner-icon {
        --media-spinner-animation: none;
      }
    }

    @scope (.media-slider-thumbnail) {
      &[data-loading] .media-slider-thumbnail-spinner-icon {
        opacity: 1;
      }
    }

    .media-time-slider-chapter {
      inset: calc(var(--media-spacing) * 0);
      min-height: calc(var(--media-spacing) * 0);
      min-width: calc(var(--media-spacing) * 0);
      --media-chapter-inset-end: .5;
      --media-chapter-inset-start: .5;
      justify-content: center;
      align-items:  center;
      display: flex;
      position: absolute;
    }

    .media-time-slider-chapter:first-child {
      --media-chapter-inset-start: 0;
    }

    .media-time-slider-chapter:last-child {
      --media-chapter-inset-end: 0;
    }

    .media-time-slider-chapter[data-orientation="horizontal"] {
      clip-path: inset(0 calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start));
    }

    .media-time-slider-chapter[data-orientation="vertical"] {
      clip-path: inset(calc(100% - var(--media-slider-chapter-end)) 0 var(--media-slider-chapter-start) 0);
    }

    .media-time-slider-chapter-title {
      max-width: var(--media-slider-preview-max-width);
      min-width: calc(var(--media-spacing) * 0);
      text-overflow: ellipsis;
      white-space: nowrap;
      padding-inline: calc(var(--media-spacing) * 6);
      overflow: hidden;
    }

    .media-time-slider-chapter-title:empty {
      display: none;
    }

    .media-time-slider-chapter-track {
      transition-property: height, width;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slow);
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    .media-time-slider-chapter-track[data-orientation="horizontal"] {
      clip-path: inset(0 calc(100% - var(--media-slider-chapter-end)  + var(--media-spacing) * var(--media-chapter-inset-end)) 0 calc(var(--media-slider-chapter-start)  + var(--media-spacing) * var(--media-chapter-inset-start)) round var(--media-control-radius));
    }

    @scope (.media-time-slider-chapter) {
      &[data-highlighted] .media-time-slider-chapter-track[data-orientation="horizontal"] {
        height: calc(var(--media-spacing) * 1.75);
      }
    }

    .media-time-slider-chapter-track[data-orientation="vertical"] {
      clip-path: inset(calc(100% - var(--media-slider-chapter-end)  + var(--media-spacing) * var(--media-chapter-inset-end)) 0 calc(var(--media-slider-chapter-start)  + var(--media-spacing) * var(--media-chapter-inset-start)) 0 round var(--media-control-radius));
    }

    @scope (.media-time-slider-chapter) {
      &[data-highlighted] .media-time-slider-chapter-track[data-orientation="vertical"] {
        width: calc(var(--media-spacing) * 1.75);
      }
    }

    .media-time-slider-chapters {
      width: 100%;
      height: 100%;
      min-height: calc(var(--media-spacing) * 0);
      min-width: calc(var(--media-spacing) * 0);
      border-radius: inherit;
      flex: 1;
      align-items:  center;
      display: flex;
      position: relative;
    }

    .media-time-slider-preview-content {
      bottom: calc(100% + var(--media-slider-preview-label-offset));
      font-variant-numeric: tabular-nums;
      flex-direction: column;
      align-items:  center;
      display: flex;
      left: 50%;
    }

    .media-time-slider-thumb {
      opacity: 0;
      scale: .8;
    }

    .media-time-slider-thumb:focus-visible, .media-time-slider-thumb[data-interactive] {
      opacity: 1;
    }

    @media (pointer: fine) {
      @media (hover: hover) {
        @scope (.media-slider) {
          &:hover .media-time-slider-thumb {
            opacity: 1;
            scale: 1;
          }
        }
      }
    }

    .media-time-slider-value {
      font-variant-numeric: tabular-nums;
    }
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-preview-content {
    max-width: var(--media-slider-preview-max-width);
    transform-origin: bottom;
    translate: -50% var(--media-hidden-preview-offset);
    scale: var(--media-hidden-preview-scale) var(--media-hidden-preview-scale);
    opacity: 0;
    filter: blur(var(--media-hidden-blur));
    transition-property: filter, opacity, scale;
    transition-duration: .15s;
    transition-duration: var(--media-duration);
    position: absolute;
    transition-timing-function: cubic-bezier(0,0,.2,1);
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) :where(.media-slider):has(:focus-visible) .media-slider-preview-content, :where(.media-skin[data-theme="default"][data-preset="video"]) :where(.media-slider-preview)[data-pointing] .media-slider-preview-content {
    opacity: 1;
    filter: none;
    scale: 1;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-thumbnail {
    pointer-events: none;
    bottom: calc(100% + var(--media-slider-preview-offset));
    max-height: var(--media-slider-preview-max-height);
    border-radius: var(--media-popup-radius);
    background-color: var(--media-backdrop);
    overflow: hidden;
    left: 50%;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-thumbnail {
      background-color: color-mix(in oklab, var(--media-backdrop) 90%, transparent);
    }
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-thumbnail:after {
    pointer-events: none;
    inset: calc(var(--media-spacing) * 0);
    border-radius: inherit;
    content: "";
    background-image: var(--media-thumbnail-gradient);
    position: absolute;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-thumbnail[data-loading] {
    aspect-ratio: 16 / 9;
    width: var(--media-slider-preview-max-width);
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-thumbnail-image {
    transition-property: opacity;
    transition-duration: .15s;
    transition-duration: var(--media-duration);
    display: block;
    transition-timing-function: cubic-bezier(0,0,.2,1);
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) :where(.media-slider-thumbnail)[data-loading] .media-slider-thumbnail-image {
    opacity: 0;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) .media-slider-thumbnail-spinner-icon {
    z-index: 10;
    width: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
    height: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
    opacity: 0;
    filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
    transition-property: opacity;
    transition-duration: .15s;
    transition-duration: var(--media-duration);
    position: absolute;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) :where(.media-slider-thumbnail):not([data-loading]) .media-slider-thumbnail-spinner-icon {
    --media-spinner-animation: none;
  }

  :where(.media-skin[data-theme="default"][data-preset="video"]) :where(.media-slider-thumbnail)[data-loading] .media-slider-thumbnail-spinner-icon {
    opacity: 1;
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-menu-back-chevron {
      width: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 7 / 9);
      height: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 7 / 9);
      color: var(--media-muted-foreground);
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      flex-shrink: 0;
      rotate: 180deg;
    }

    @scope (.media-menu-back-item) {
      &:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) .media-menu-back-chevron {
        color: inherit;
      }
    }

    @media (hover: hover) {
      @scope (.media-menu-back-item) {
        &:hover:where(:not([aria-disabled="true"])) .media-menu-back-chevron {
          color: inherit;
        }
      }
    }

    .media-menu-back-chevron:dir(rtl) {
      rotate: none;
      scale: 1;
    }

    .media-menu-forward-chevron {
      width: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 7 / 9);
      height: calc(var(--media-icon-size, calc(var(--media-spacing) * 4.5)) * 7 / 9);
      color: var(--media-muted-foreground);
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      flex-shrink: 0;
    }

    @scope (.media-menu-trigger-item) {
      &:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) .media-menu-forward-chevron {
        color: inherit;
      }
    }

    @media (hover: hover) {
      @scope (.media-menu-trigger-item) {
        &:hover:where(:not([aria-disabled="true"])) .media-menu-forward-chevron {
          color: inherit;
        }
      }
    }

    .media-menu-forward-chevron:dir(rtl) {
      scale: -1 1;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-menu-item-indicator {
      opacity: 0;
      flex-shrink: 0;
      margin-inline-start: auto;
      margin-inline-end: calc(var(--media-spacing) * -1);
    }

    @scope (.media-menu-radio-item) {
      &[aria-checked="true"] .media-menu-item-indicator {
        opacity: 1;
      }
    }

    .media-menu-radio-item {
      cursor: pointer;
      justify-content: space-between;
      align-items:  center;
      gap: calc(var(--media-spacing) * 1.5);
      border-radius: var(--media-menu-item-radius);
      padding-inline: calc(var(--media-spacing) * 2);
      padding-block: calc(var(--media-spacing) * 1.5);
      text-align: start;
      white-space: nowrap;
      color: inherit;
      font-variant-numeric: tabular-nums;
      outline-offset: -2px;
      transition-property: background-color, color;
      transition-duration: .15s;
      transition-duration: var(--media-duration-fast);
      -webkit-user-select: none;
      user-select: none;
      text-shadow: 0 1px 0 var(--media-shadow-current-color);
      outline: 2px solid #0000;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      display: flex;
      position: relative;
    }

    .media-menu-radio-item:focus-visible {
      outline-offset: 2px;
      outline-color: var(--media-ring);
    }

    .media-menu-radio-item[aria-disabled="true"] {
      pointer-events: none;
      cursor: not-allowed;
      opacity: .5;
    }

    .media-menu-radio-item[data-availability="unavailable"], .media-menu-radio-item[data-availability="unsupported"] {
      display: none;
    }

    .media-menu-radio-item:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
      background-color: var(--media-accent);
      color: var(--media-accent-foreground);
    }

    @media (hover: hover) {
      .media-menu-radio-item:hover:where(:not([aria-disabled="true"])) {
        background-color: var(--media-accent);
        color: var(--media-accent-foreground);
      }
    }

    @supports (top: anchor(top)) {
      .media-menu-radio-item {
        transition-duration: var(--media-duration-instant);
      }

      .media-menu-radio-item[data-highlighted] {
        anchor-name: --media-menu-item-highlight-anchor;
      }

      .media-menu-radio-item:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
        transition-duration: var(--media-duration-slow);
        background-color: #0000;
      }

      @media (hover: hover) {
        .media-menu-radio-item:hover:where(:not([aria-disabled="true"])) {
          transition-duration: var(--media-duration-slow);
          background-color: #0000;
        }
      }
    }

    .media-menu-radio-item-icon {
      width: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      height: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      color: var(--media-muted-foreground);
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      flex-shrink: 0;
    }

    @scope (.media-menu-radio-item) {
      &:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) .media-menu-radio-item-icon {
        color: inherit;
      }
    }

    @media (hover: hover) {
      @scope (.media-menu-radio-item) {
        &:hover:where(:not([aria-disabled="true"])) .media-menu-radio-item-icon {
          color: inherit;
        }
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-menu-back-item {
      margin-bottom: calc(var(--media-spacing) * .5);
      cursor: pointer;
      align-items:  center;
      gap: calc(var(--media-spacing) * 1.5);
      border-radius: var(--media-menu-item-radius);
      width: 100%;
      padding-inline: calc(var(--media-spacing) * 2);
      padding-block: calc(var(--media-spacing) * 1.5);
      text-align: start;
      white-space: nowrap;
      outline-offset: -2px;
      transition-property: background-color, color;
      transition-duration: .15s;
      transition-duration: var(--media-duration-fast);
      -webkit-user-select: none;
      user-select: none;
      text-shadow: 0 1px 0 var(--media-shadow-current-color);
      outline: 2px solid #0000;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      display: flex;
      position: relative;
    }

    .media-menu-back-item:focus-visible {
      outline-offset: 2px;
      outline-color: var(--media-ring);
    }

    .media-menu-back-item:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
      background-color: var(--media-accent);
      color: var(--media-accent-foreground);
    }

    @media (hover: hover) {
      .media-menu-back-item:hover:where(:not([aria-disabled="true"])) {
        background-color: var(--media-accent);
        color: var(--media-accent-foreground);
      }
    }

    @supports (top: anchor(top)) {
      .media-menu-back-item {
        transition-duration: var(--media-duration-instant);
      }

      .media-menu-back-item:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
        transition-duration: var(--media-duration-slow);
      }

      @media (hover: hover) {
        .media-menu-back-item:hover:where(:not([aria-disabled="true"])) {
          transition-duration: var(--media-duration-slow);
        }
      }
    }

    .media-menu-content {
      max-height: inherit;
      overscroll-behavior: none;
      transition-property: translate, filter;
      transition-duration: .15s;
      transition-duration: var(--media-duration-menu);
      anchor-scope: --media-menu-item-highlight-anchor;
      outline-style: none;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
      overflow: auto;
    }

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

    .media-menu-content:not([data-submenu]) {
      inset-inline: calc(var(--media-spacing) * 1);
      top: calc(var(--media-spacing) * 1);
      gap: calc(var(--media-spacing) * .5);
      flex-direction: column;
      display: flex;
    }

    .media-menu-content[data-submenu] {
      inset-inline: calc(var(--media-spacing) * 0);
      top: calc(var(--media-spacing) * 0);
      z-index: 10;
      max-height: inherit;
      padding: calc(var(--media-spacing) * 1);
    }

    .media-menu-content:not([data-submenu])[data-child-open] {
      filter: blur(var(--media-hidden-blur));
      translate: -100%;
    }

    .media-menu-content:not([data-submenu])[data-child-open]:before {
      content: "";
      display: none;
    }

    .media-menu-content[data-submenu]:is([data-starting-style], [data-ending-style]) {
      pointer-events: none;
      filter: blur(var(--media-hidden-blur));
      overflow: hidden;
      translate: 100%;
    }

    @supports (top: anchor(top)) {
      .media-menu-content:before {
        content: "";
        position-anchor: --media-menu-item-highlight-anchor;
        inset: anchor(inside);
        overflow-anchor: none;
        pointer-events: none;
        border-radius: var(--media-menu-item-radius);
        background-color: var(--media-accent);
        transition: inset var(--media-duration-fast) ease-in-out;
        position: absolute;
      }

      .media-menu-content:has([data-highlighted=""]):before {
        content: "";
        transition-duration: 0s;
      }
    }

    .media-menu-content:not([data-submenu])[data-child-open]:dir(rtl) {
      translate: 100%;
    }

    .media-menu-content[data-submenu]:is([data-starting-style], [data-ending-style]):dir(rtl) {
      translate: -100%;
    }

    .media-menu-hint {
      min-width: calc(var(--media-spacing) * 0);
      align-items:  center;
      gap: calc(var(--media-spacing) * 1);
      color: currentColor;
      margin-inline-start: auto;
      padding-inline-start: calc(var(--media-spacing) * 2);
      display: inline-flex;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-menu-hint {
        color: color-mix(in oklab, currentcolor 65%, transparent);
      }
    }

    .media-menu-hint-label {
      max-width: calc(var(--media-spacing) * 24);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .media-menu-radio-group {
      max-height: inherit;
      gap: calc(var(--media-spacing) * .5);
      anchor-scope: --media-menu-item-highlight-anchor;
      flex-direction: column;
      display: flex;
    }

    @supports (top: anchor(top)) {
      .media-menu-radio-group:before {
        content: "";
        position-anchor: --media-menu-item-highlight-anchor;
        inset: anchor(inside);
        overflow-anchor: none;
        pointer-events: none;
        border-radius: var(--media-menu-item-radius);
        background-color: var(--media-accent);
        transition: inset var(--media-duration-fast) ease-in-out;
        position: absolute;
      }

      .media-menu-radio-group:has([data-highlighted=""]):before {
        content: "";
        transition-duration: 0s;
      }
    }

    .media-menu-separator {
      margin-block: calc(var(--media-spacing) * 1);
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-color: var(--media-border);
      box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, var(--media-shadow-separator);
      display: block;
    }

    @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
      .media-menu-separator {
        border-color: var(--media-foreground);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .media-menu-separator {
          border-color: color-mix(in oklab, var(--media-foreground) 25%, transparent);
        }
      }
    }

    .media-menu-trigger-item {
      cursor: pointer;
      justify-content: space-between;
      align-items:  center;
      gap: calc(var(--media-spacing) * 1.5);
      border-radius: var(--media-menu-item-radius);
      padding-inline: calc(var(--media-spacing) * 2);
      padding-block: calc(var(--media-spacing) * 1.5);
      text-align: start;
      white-space: nowrap;
      color: inherit;
      font-variant-numeric: tabular-nums;
      outline-offset: -2px;
      transition-property: background-color, color;
      transition-duration: .15s;
      transition-duration: var(--media-duration-fast);
      -webkit-user-select: none;
      user-select: none;
      text-shadow: 0 1px 0 var(--media-shadow-current-color);
      outline: 2px solid #0000;
      transition-timing-function: cubic-bezier(.4,0,.2,1);
      display: flex;
      position: relative;
    }

    .media-menu-trigger-item:focus-visible {
      outline-offset: 2px;
      outline-color: var(--media-ring);
    }

    .media-menu-trigger-item[aria-disabled="true"] {
      pointer-events: none;
      cursor: not-allowed;
      opacity: .5;
    }

    .media-menu-trigger-item[data-availability="unavailable"], .media-menu-trigger-item[data-availability="unsupported"] {
      display: none;
    }

    .media-menu-trigger-item:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
      background-color: var(--media-accent);
      color: var(--media-accent-foreground);
    }

    @media (hover: hover) {
      .media-menu-trigger-item:hover:where(:not([aria-disabled="true"])) {
        background-color: var(--media-accent);
        color: var(--media-accent-foreground);
      }
    }

    @supports (top: anchor(top)) {
      .media-menu-trigger-item {
        transition-duration: var(--media-duration-instant);
      }

      .media-menu-trigger-item[data-highlighted] {
        anchor-name: --media-menu-item-highlight-anchor;
      }

      .media-menu-trigger-item:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) {
        transition-duration: var(--media-duration-slow);
        background-color: #0000;
      }

      @media (hover: hover) {
        .media-menu-trigger-item:hover:where(:not([aria-disabled="true"])) {
          transition-duration: var(--media-duration-slow);
          background-color: #0000;
        }
      }
    }

    .media-menu-trigger-item-icon {
      width: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      height: var(--media-icon-size, calc(var(--media-spacing) * 4.5));
      color: var(--media-muted-foreground);
      filter: drop-shadow(0 1px 0 var(--media-shadow-current-color));
      flex-shrink: 0;
    }

    @scope (.media-menu-trigger-item) {
      &:where(:focus-visible, [aria-expanded="true"], [data-highlighted]):where(:not([aria-disabled="true"])) .media-menu-trigger-item-icon {
        color: inherit;
      }
    }

    @media (hover: hover) {
      @scope (.media-menu-trigger-item) {
        &:hover:where(:not([aria-disabled="true"])) .media-menu-trigger-item-icon {
          color: inherit;
        }
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    @media (hover: hover) {
      
    }

    @supports (top: anchor(top)) {
      @media (hover: hover) {
        
      }
    }

    .media-menu-badge {
      border-radius: var(--media-control-radius);
      background-color: var(--media-accent);
      padding-inline: calc(var(--media-spacing) * 1.5);
      font-size: .7em;
      font-weight: 600;
    }

    @media (forced-colors: active) {
      
    }

    @supports (top: anchor(top)) {
      
    }

    @supports (color: color-mix(in lab, red, red)) {
      
    }

    @supports (top: anchor(top)) {
      
    }

    @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
      @supports (color: color-mix(in lab, red, red)) {
        
      }
    }

    .media-menu-tier {
      color: currentColor;
      padding-inline-start: calc(var(--media-spacing) * .5);
      padding-top: 1px;
      font-size: .7em;
      font-weight: 600;
      line-height: 1;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .media-menu-tier {
        color: color-mix(in oklab, currentcolor 70%, transparent);
      }
    }

    @media (hover: hover) {
      
    }

    @supports (top: anchor(top)) {
      @media (hover: hover) {
        
      }
    }

    @scope (.media-menu-trigger-item) {
      
    }

    @media (hover: hover) {
      @scope (.media-menu-trigger-item) {
        
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    @media (forced-colors: active) {
      
    }

    @supports (top: anchor(top)) {
      
    }

    .media-menu-popup {
      margin: calc(var(--media-spacing) * 0);
      height: var(--media-menu-height);
      max-height: min(var(--media-menu-available-height, calc(var(--media-spacing) * 56)), calc(var(--media-spacing) * 56));
      width: var(--media-menu-width);
      max-width: var(--media-menu-available-width);
      min-width: calc(var(--media-spacing) * 44);
      overscroll-behavior: none;
      border-radius: var(--media-popup-radius);
      padding: calc(var(--media-spacing) * 1);
      transition-property: opacity, filter, transform, scale;
      transition-duration: var(--media-duration-fast);
      --media-popup-side-offset: var(--media-popover-side-offset);
      border-style: solid;
      border-width: 0;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      overflow: hidden !important;
    }

    .media-menu-popup:is([data-starting-style], [data-ending-style]) {
      transition-property: opacity, filter, transform, scale;
      transition-duration: var(--media-duration-fast);
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    .media-menu-resizable-popup {
      transition-property: opacity, filter, transform, scale, width, height;
      transition-duration: var(--media-duration-fast), var(--media-duration-fast), var(--media-duration-fast), var(--media-duration-fast), var(--media-duration-menu), var(--media-duration-menu);
    }

    .media-settings-menu-trigger-icon {
      transition-property: transform, translate, scale, rotate;
      transition-duration: .15s;
      transition-duration: var(--media-duration);
      transition-timing-function: cubic-bezier(.4,0,.2,1);
    }

    @scope (.media-settings-menu-trigger) {
      &[aria-expanded="true"] .media-settings-menu-trigger-icon {
        rotate: 90deg;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .media-settings-menu-trigger-icon {
        transition-property: none !important;
      }
    }

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

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .video-controls-backdrop {
      pointer-events: none;
      inset: calc(var(--media-spacing) * 0);
      z-index: 10;
      border-radius: inherit;
      background-image: var(--media-controls-gradient);
      transition-property: opacity;
      transition-duration: .15s;
      transition-duration: var(--media-duration-controls);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      position: absolute;
    }

    .video-controls-backdrop:not([data-visible]) {
      opacity: 0;
    }

    @container media-root (width < 32rem) {
      .video-controls-captions-button {
        display: none;
      }
    }

    .video-controls-content {
      padding: calc(var(--media-spacing) * 1);
      color: var(--media-controls-foreground);
      transition-property: filter, opacity, scale, translate;
      transition-duration: .15s;
      transition-duration: calc(var(--media-duration-controls) / 2);
      text-shadow: 0 1px 0 var(--media-shadow-current-color);
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: contents;
    }

    @container media-root (width >= 32rem) {
      .video-controls-content {
        inset-inline: calc(var(--media-spacing) * 2);
        bottom: calc(var(--media-spacing) * 2);
        z-index: 30;
        border-radius: var(--media-controls-radius);
        background-color: var(--media-popover);
        color: var(--media-popover-foreground);
        box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
        backdrop-filter: var(--media-backdrop-filter-surface);
        align-items:  center;
        display: flex;
        position: absolute;
      }

      .video-controls-content:not([data-visible]) {
        pointer-events: none;
        translate: 0 var(--media-hidden-offset);
        scale: var(--media-hidden-scale) var(--media-hidden-scale);
        opacity: 0;
        transition-duration: var(--media-duration-controls);
      }

      .video-controls-content:after {
        content: "";
        z-index: 10;
        pointer-events: none;
        border-radius: inherit;
        box-shadow: var(--media-shadow-surface-inset);
        position: absolute;
        inset: 0;
      }

      @media (pointer: fine) {
        .video-controls-content:not([data-visible]) {
          filter: blur(var(--media-hidden-blur));
        }
      }
    }

    @container media-root (width >= 42rem) {
      .video-controls-content {
        inset-inline: calc(var(--media-spacing) * 3);
        bottom: calc(var(--media-spacing) * 3);
      }
    }

    .video-controls-primary {
      inset-inline: calc(var(--media-spacing) * 2);
      bottom: calc(var(--media-spacing) * 2);
      z-index: 30;
      transform-origin: bottom;
      border-radius: var(--media-controls-radius);
      padding: calc(var(--media-spacing) * .5);
      transition-property: filter, opacity, scale, translate;
      transition-duration: .15s;
      transition-duration: calc(var(--media-duration-controls) / 2);
      align-items:  center;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: flex;
      position: absolute;
    }

    @container media-root (width >= 32rem) {
      .video-controls-primary {
        display: contents;
      }
    }

    @container media-root (width < 32rem) {
      .video-controls-primary {
        background-color: var(--media-popover);
        color: var(--media-popover-foreground);
        box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
        backdrop-filter: var(--media-backdrop-filter-surface);
      }

      @scope (.video-controls-content) {
        &:not([data-visible]) .video-controls-primary {
          pointer-events: none;
          translate: 0 var(--media-hidden-offset);
          scale: var(--media-hidden-scale) var(--media-hidden-scale);
          opacity: 0;
          transition-duration: var(--media-duration-controls);
        }
      }

      .video-controls-primary:after {
        content: "";
        z-index: 10;
        pointer-events: none;
        border-radius: inherit;
        box-shadow: var(--media-shadow-surface-inset);
        position: absolute;
        inset: 0;
      }

      @media (pointer: fine) {
        @scope (.video-controls-content) {
          &:not([data-visible]) .video-controls-primary {
            filter: blur(var(--media-hidden-blur));
          }
        }
      }
    }

    .video-controls-secondary {
      top: calc(var(--media-spacing) * 2);
      right: calc(var(--media-spacing) * 2);
      z-index: 30;
      transform-origin: top;
      border-radius: var(--media-controls-radius);
      padding: calc(var(--media-spacing) * .5);
      transition-property: filter, opacity, scale, translate;
      transition-duration: .15s;
      transition-duration: calc(var(--media-duration-controls) / 2);
      align-items:  center;
      gap: 1px;
      transition-timing-function: cubic-bezier(0,0,.2,1);
      display: flex;
      position: absolute;
    }

    @container media-root (width >= 32rem) {
      .video-controls-secondary {
        padding: calc(var(--media-spacing) * 0);
        position: static;
      }
    }

    @container media-root (width < 32rem) {
      .video-controls-secondary {
        background-color: var(--media-popover);
        color: var(--media-popover-foreground);
        box-shadow: 0 0 0 1px var(--media-surface-border, var(--media-border)), var(--media-shadow-surface);
        backdrop-filter: var(--media-backdrop-filter-surface);
      }

      @scope (.video-controls-content) {
        &:not([data-visible]) .video-controls-secondary {
          pointer-events: none;
          translate: 0 calc(var(--media-hidden-offset) * -1);
          scale: var(--media-hidden-scale) var(--media-hidden-scale);
          opacity: 0;
          transition-duration: var(--media-duration-controls);
        }
      }

      .video-controls-secondary:after {
        content: "";
        z-index: 10;
        pointer-events: none;
        border-radius: inherit;
        box-shadow: var(--media-shadow-surface-inset);
        position: absolute;
        inset: 0;
      }

      @media (pointer: fine) {
        @scope (.video-controls-content) {
          &:not([data-visible]) .video-controls-secondary {
            filter: blur(var(--media-hidden-blur));
          }
        }
      }
    }

    @container media-root (width >= 32rem) {
      .video-controls-settings-button {
        margin-inline-start: 1px;
      }
    }

    .video-controls-volume-button {
      margin-inline-start: 1px;
    }

    .video-time-slider-group {
      align-items:  center;
      gap: calc(var(--media-spacing) * 2.5);
      padding-inline: calc(var(--media-spacing) * 2);
      flex: 1;
      display: flex;
      container: media-time / inline-size;
    }

    @container media-root (width >= 32rem) {
      .video-time-slider-group {
        padding-inline: calc(var(--media-spacing) * 3);
      }
    }

    @container media-time (width < 16rem) {
      .video-time-value {
        display: none;
      }
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    .media-time-toggle {
      cursor: pointer;
      font-variant-numeric: tabular-nums;
      outline-offset: -2px;
      transition-property: outline-color, outline-offset;
      transition-duration: .15s;
      transition-duration: var(--media-duration-fast);
      border-radius: .25rem;
      outline: 2px solid #0000;
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    .media-time-toggle:focus-visible {
      outline-offset: 2px;
      outline-color: var(--media-ring);
    }

    .media-time-toggle[aria-disabled="true"] {
      cursor: not-allowed;
      opacity: .5;
    }

    .media-time-value {
      font-variant-numeric: tabular-nums;
      transition-property: opacity;
      transition-duration: .15s;
      transition-duration: var(--media-duration-slow);
      transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    .media-time-value[data-unavailable] {
      opacity: .5;
    }
  }

  @scope (.media-skin[data-theme="default"][data-preset="video"]) {
    @media (pointer: fine) {
      .video-skin:not([data-controls-visible]), :scope.video-skin:not([data-controls-visible]) {
        cursor: none;
      }
    }
  }
}

@layer utilities;

@layer base.theme {
  .media-skin {
    --media-background: oklch(0% 0 0);
    --media-foreground: oklch(100% 0 0);
    --media-controls: oklch(0% 0 0 / .35);
    --media-controls-foreground: var(--media-foreground);
    --media-popover: oklch(100% 0 0 / .1);
    --media-popover-foreground: var(--media-foreground);
    --media-primary: var(--media-accent-color, var(--media-default-accent-color));
    --media-primary-foreground: var(--media-accent-text-color, contrast-color(var(--media-accent-color, var(--media-default-accent-color))));
    --media-accent: var(--media-accent-color, color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));
    --media-accent-foreground: var(--media-accent-text-color, contrast-color(var(--media-accent-color, var(--media-internal-accent-text-fallback, oklch(0% 0 0)))));
    --media-muted: oklch(100% 0 0 / .15);
    --media-muted-foreground: oklch(100% 0 0 / .65);
    --media-border: oklch(0% 0 0 / .1);
    --media-ring: oklch(100% 0 0);
    --media-backdrop: oklch(0% 0 0);
    --media-live-color: oklch(65% .22 27);
    --media-shadow-surface: 0 1px 3px 0 oklch(0% 0 0 / .15), 0 1px 2px -1px oklch(0% 0 0 / .15);
    --media-shadow-surface-inset: inset 0 1px 0 0 #ffffff1a, inset 0 0 0 1px #ffffff0d;
    --media-shadow-thumb: 0 0 0 1px #0000001a, 0 1px 3px 0 #00000059, 0 1px 2px -1px #00000059;
    --media-shadow-tooltip: 0 0 0 1px var(--media-border), var(--media-shadow-surface);
    --media-shadow-separator: 0 1px 0 0 oklch(100% 0 0 / .075);
    --media-shadow-current-color: oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));
    --media-shadow-subtle-current-color: oklch(from var(--media-shadow-current-color) l c h / calc(alpha * .4));
    --media-text-shadow-dialog: 0 1px 0 #00000040;
    --media-backdrop-filter-surface: blur(16px) saturate(150%);
    --media-backdrop-filter-indicator: blur(8px);
    --media-backdrop-filter-dialog: blur(16px) saturate(150%);
    --media-control-corner-shape: round;
    --media-control-radius: 99px;
    --media-control-size: calc(var(--media-spacing) * 9);
    --media-controls-radius: var(--media-control-radius);
    --media-default-accent-color: oklch(100% 0 0);
    --media-duration-instant: 50ms;
    --media-duration-fast: .1s;
    --media-duration: .15s;
    --media-duration-slow: .2s;
    --media-duration-slower: .25s;
    --media-duration-controls: .1s;
    --media-duration-dialog: .35s;
    --media-duration-indicator: var(--media-duration-slower);
    --media-duration-menu: .25s;
    --media-duration-slider: var(--media-duration-fast);
    --media-delay-dialog: .1s;
    --media-hidden-scale: .95;
    --media-hidden-blur: 8px;
    --media-hidden-offset: calc(var(--media-spacing) * 1);
    --media-hidden-icon-scale: 0;
    --media-hidden-indicator-scale: .9;
    --media-hidden-indicator-offset: -25%;
    --media-hidden-playback-scale: .85;
    --media-hidden-popup-scale: .95;
    --media-hidden-popup-blur: 4px;
    --media-hidden-preview-scale: .8;
    --media-hidden-preview-offset: calc(var(--media-spacing) * 2);
    --media-hidden-seek-offset: 60%;
    --media-menu-item-radius: calc(var(--media-spacing) * 2);
    --media-popover-boundary-offset: calc(var(--media-spacing) * 3);
    --media-popover-side-offset: calc(var(--media-spacing) * 3);
    --media-popup-radius: calc(var(--media-spacing) * 3);
    --media-popup-translate-distance: calc(var(--media-spacing) * 2);
    --media-tooltip-boundary-offset: var(--media-popover-boundary-offset);
    --media-tooltip-side-offset: var(--media-popover-side-offset);
    --media-dialog-radius: calc(var(--media-spacing) * 7);
    --media-dialog-width: calc(100% - var(--media-spacing) * 6);
    --media-dialog-max-width: calc(var(--media-spacing) * 72);
    --media-slider-preview-label-offset: calc(var(--media-spacing) * 10.5);
    --media-video-border-radius: var(--media-border-radius, 28px);
    --media-scale: 1;
    --media-scrollbar-thumb-color: oklch(from currentColor l c h / .3);
    --media-spacing: calc(var(--media-scale-unit, 16px) * var(--media-scale) / 4);
    scrollbar-color: var(--media-scrollbar-thumb-color) transparent;
    scrollbar-width: thin;
  }

  .media-skin::-webkit-scrollbar-thumb {
    background: var(--media-scrollbar-thumb-color);
    border-radius: 9999px;
  }

  .media-skin:fullscreen {
    --media-object-fit: contain;
    --media-video-border-radius: 0;
  }

  @media (width >= 1280px) {
    .media-skin:fullscreen {
      --media-scale: 1.25;
    }
  }

  @media (width >= 1536px) {
    .media-skin:fullscreen {
      --media-scale: 1.5;
    }
  }

  @media (width >= 1920px) {
    .media-skin:fullscreen {
      --media-scale: 1.75;
    }
  }

  .media-skin[data-theme="minimal"] {
    --media-control-corner-shape: squircle;
    --media-control-radius: calc(var(--media-spacing) * 2);
    --media-control-size: calc(var(--media-spacing) * 9.5);
    --media-controls-radius: calc(var(--media-spacing) * 3);
    --media-popover: oklch(0% 0 0 / .5);
    --media-border: oklch(100% 0 0 / .1);
    --media-shadow-surface: 0 1px 2px oklch(0% 0 0 / .2);
    --media-shadow-thumb: 0 0 0 1px #00000026, 0 1px 3px 0 #00000026, 0 1px 2px -1px #00000026;
    --media-text-shadow-dialog: 0 1px 0 #00000080;
    --media-backdrop-filter-dialog: blur(16px) saturate(120%);
    --media-shadow-tooltip: 0 0 0 1px var(--media-border), 0 4px 6px -1px oklch(0% 0 0 / .2), 0 2px 4px -2px oklch(0% 0 0 / .2);
    --media-duration-dialog: var(--media-duration);
    --media-duration-indicator: .4s;
    --media-hidden-offset: 100%;
    --media-hidden-indicator-offset: -100%;
    --media-menu-item-radius: calc(var(--media-spacing) * 1.5);
    --media-popover-boundary-offset: calc(var(--media-spacing) * 2);
    --media-popover-side-offset: calc(var(--media-spacing) * 5);
    --media-popup-radius: calc(var(--media-spacing) * 2.5);
    --media-popup-translate-distance: calc(var(--media-spacing) * 2);
    --media-dialog-width: 100%;
    --media-dialog-max-width: calc(var(--media-spacing) * 64);
    --media-slider-preview-label-offset: calc(var(--media-spacing) * 5);
    --media-video-border-radius: var(--media-border-radius, 12px);
  }

  .media-skin:is([data-preset="video"], [data-preset="live-video"]) {
    --media-frame-border: var(--media-border-color, light-dark(#0000001a, #ffffff26));
    --media-controls-gradient: linear-gradient(to top in oklab, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .3) 25%, transparent);
    --media-caption-controls-y: calc(var(--media-spacing) * -14);
    --media-slider-preview-offset: calc(var(--media-spacing) * 9);
    --media-thumbnail-gradient: linear-gradient(to top, oklch(from var(--media-backdrop) l c h / .5), oklch(from var(--media-backdrop) l c h / .1), transparent);
  }

  .media-skin:is([data-preset="video"], [data-preset="live-video"])[data-theme="minimal"] {
    --media-frame-border: var(--media-border-color, light-dark(#00000026, #ffffff26));
    --media-controls-gradient: linear-gradient(to top in oklab, oklch(from var(--media-backdrop) l c h / .7), oklch(from var(--media-backdrop) l c h / .5) calc(var(--media-spacing) * 30), transparent);
    --media-indicator-gradient: linear-gradient(to bottom, oklch(from var(--media-backdrop) l c h / .35), oklch(from var(--media-backdrop) l c h / .2) calc(var(--media-spacing) * 12), transparent);
    --media-caption-controls-y: calc(var(--media-spacing) * -18);
    --media-slider-preview-offset: calc(var(--media-spacing) * 11);
  }
}

@layer base.preferences {
  @media (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .media-skin:not([data-controls-visible]) {
      --media-duration-controls: .3s;
    }
  }

  @media (pointer: coarse) and (prefers-reduced-motion: no-preference) {
    .media-skin:not([data-controls-visible]) {
      --media-duration-controls: .15s;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .media-skin {
      --media-duration-fast: var(--media-duration-instant);
      --media-duration: var(--media-duration-instant);
      --media-duration-slow: var(--media-duration-instant);
      --media-duration-slower: var(--media-duration-instant);
      --media-duration-controls: var(--media-duration-instant);
      --media-duration-dialog: var(--media-duration-instant);
      --media-duration-indicator: var(--media-duration-instant);
      --media-duration-menu: 0s;
      --media-duration-slider: 0s;
      --media-delay-dialog: 0s;
      --media-hidden-scale: 1;
      --media-hidden-blur: 0px;
      --media-hidden-offset: 0px;
      --media-hidden-icon-scale: 1;
      --media-hidden-indicator-scale: 1;
      --media-hidden-indicator-offset: 0px;
      --media-hidden-playback-scale: 1;
      --media-hidden-popup-scale: 1;
      --media-hidden-popup-blur: 0px;
      --media-hidden-preview-scale: 1;
      --media-hidden-preview-offset: 0px;
      --media-hidden-seek-offset: 0px;
      --media-popup-translate-distance: 0px;
      --media-spinner-animation: none;
      --media-icon-airplay-fill-animation: none;
      --media-icon-airplay-triangle-animation: none;
    }
  }

  @media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    .media-skin {
      --media-popover: var(--media-background);
      --media-scrollbar-thumb-color: oklch(from currentColor l c h / .8);
      --media-backdrop-filter-surface: none;
      --media-backdrop-filter-indicator: none;
      --media-backdrop-filter-dialog: none;
      --media-shadow-surface-inset: inset 0 1px 0 0 #ffffff40, inset 0 0 0 1px #ffffff20;
      scrollbar-width: auto;
    }
  }

  @media (forced-colors: active) {
    .media-skin {
      --media-border: CanvasText;
      --media-frame-border: CanvasText;
      --media-popover: Canvas;
      --media-popover-foreground: CanvasText;
      --media-ring: CanvasText;
      --media-shadow-surface-inset: inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText;
    }
  }
}

/* components/site-sections/mono-exact/ExactMedia.module.css */
.featureBand_jn3FvQ {
  padding-block: 0;
}

.feature_jn3FvQ {
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-width: 0;
  padding-block-start: 48px;
}

.featureCopy_jn3FvQ {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 48px;
}

.featureHeading_jn3FvQ {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
  max-width: 100%;
}

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

.player_jn3FvQ {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--mx-radius-media);
  background: #000;
  width: 100%;
}

.player_jn3FvQ[data-state="cover"] {
  background: var(--mx-quiet);
}

.playerFrame_jn3FvQ {
  width: 100%;
  height: 100%;
}

.playerVideo_jn3FvQ {
  display: block;
  object-fit: cover;
  border: 0;
  width: 100%;
  height: 100%;
}

.player_jn3FvQ:has(.videoSkin_jn3FvQ) {
  background: #000;
}

.videoSkin_jn3FvQ {
  --media-accent-color: white;
  --media-accent-text-color: black;
  --media-border-radius: var(--mx-radius-media);
  --media-font-family: var(--site-font-body);
  --media-object-fit: cover;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-weight: 400;
}

@media (hover: hover) {
  .videoSkin_jn3FvQ:not(:hover, :focus-within) .video-controls, .videoSkin_jn3FvQ:not(:hover, :focus-within) .video-controls-backdrop {
    opacity: 0;
    pointer-events: none;
  }
}

@container (width <= 800px) {
  .feature_jn3FvQ {
    gap: 40px;
    padding-block-start: 40px;
  }

  .featureCopy_jn3FvQ {
    gap: 32px;
  }

  .featureHeading_jn3FvQ {
    gap: 24px;
  }

  .featureTitle_jn3FvQ.featureTitle_jn3FvQ {
    font-size: clamp(34px, 9cqw, var(--site-text-h2));
  }

  .featureLabel_jn3FvQ.featureLabel_jn3FvQ {
    height: auto;
    max-width: 100%;
    flex-wrap: wrap;
    border-radius: var(--mx-radius-card);
    white-space: normal;
  }
}

.logoBand_jn3FvQ {
  border-block-end: 1px solid var(--mx-rule-soft);
  padding-block: 64px 0;
}

.logoInner_jn3FvQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  min-width: 0;
}

.logoCaption_jn3FvQ.logoCaption_jn3FvQ {
  padding-inline: var(--mx-gutter);
  text-align: center;
  max-width: 1680px;
}

.logoViewport_jn3FvQ {
  overflow: clip;
  width: 100%;
  padding-block-end: 32px;
}

.logoViewport_jn3FvQ:focus-visible {
  outline: 2px solid var(--site-primary);
  outline-offset: -2px;
}

.logoDrift_jn3FvQ {
  width: max-content;
}

.logoRail_jn3FvQ {
  display: flex;
  width: max-content;
}

.logoTrack_jn3FvQ {
  display: flex;
  list-style: none;
  flex: none;
  align-items:  center;
  gap: 60px;
  height: 54px;
  margin: 0;
  padding: 0;
  padding-inline-end: 60px;
}

.logoItem_jn3FvQ {
  display: flex;
  flex: none;
  align-items:  center;
}

.logoImg_jn3FvQ {
  display: block;
  width: auto;
  max-width: none;
  height: 54px;
}

.logoLabel_jn3FvQ {
  color: var(--site-muted-fg);
  white-space: nowrap;
  font-size: 16px;
  font-weight: 550;
  line-height: 54px;
}

@keyframes exact-logo-loop_Yo4YMQ {
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes exact-logo-loop-rtl_Yo4YMQ {
  to {
    transform: translate3d(50%, 0, 0);
  }
}

@keyframes exact-logo-drift_Yo4YMQ {
  to {
    transform: translateX(-12rem);
  }
}

@keyframes exact-logo-drift-rtl_Yo4YMQ {
  to {
    transform: translateX(12rem);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .logoRail_jn3FvQ {
    animation: exact-logo-loop 120s linear infinite;
  }

  .logoRail_jn3FvQ:dir(rtl) {
    animation-name: exact-logo-loop-rtl;
  }

  .logoViewport_jn3FvQ:focus-within .logoRail_jn3FvQ {
    animation-play-state: paused;
  }

  @media (hover: hover) {
    .logoViewport_jn3FvQ:hover .logoRail_jn3FvQ {
      animation-play-state: paused;
    }
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .logoDrift_jn3FvQ {
      animation: exact-logo-drift linear both;
      animation-timeline: view();
      animation-range: cover;
    }

    .logoDrift_jn3FvQ:dir(rtl) {
      animation-name: exact-logo-drift-rtl;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .logoDrift_jn3FvQ, .logoRail_jn3FvQ {
    animation: none;
    width: 100%;
    transform: none;
  }

  .logoRail_jn3FvQ {
    justify-content: center;
  }

  .logoTrack_jn3FvQ {
    padding-inline: var(--mx-gutter);
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    row-gap: 24px;
    height: auto;
  }

  .logoTrack_jn3FvQ[data-copy], .logoItem_jn3FvQ[data-copy] {
    display: none;
  }
}

.logoEditRow_jn3FvQ {
  display: flex;
  padding: 0 var(--mx-gutter) 32px;
  flex-wrap: wrap;
  justify-content: center;
  align-items:  flex-end;
  gap: 24px 60px;
}

.logoEditItem_jn3FvQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 6px;
  min-width: 0;
}

.logoEmpty_jn3FvQ {
  width: 128px;
  height: 54px;
}

.logoEditLabel_jn3FvQ {
  color: var(--site-muted-fg);
  font-size: 14px;
  font-weight: 550;
}

@container (width <= 800px) {
  .logoBand_jn3FvQ {
    padding-block: 48px 0;
  }
}

.teamBand_jn3FvQ {
  padding-block: 48px 160px;
}

.team_jn3FvQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 96px;
  min-width: 0;
}

.teamHeader_jn3FvQ.teamHeader_jn3FvQ :is(h1, h2) {
  max-width: 440px;
}

.teamGrid_jn3FvQ {
  --mx-ink: var(--site-fg);
  --mx-paper: var(--site-bg);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mx-grid);
  width: 100%;
}

.teamCell_jn3FvQ {
  min-width: 0;
}

.portrait_jn3FvQ {
  position: relative;
  display: flex;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--mx-radius-media);
  color: var(--site-fg);
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-width: 0;
  padding: 24px;
}

.portrait_jn3FvQ[data-photo="yes"] {
  --site-fg: white;
  --site-muted-fg: #ffffffbf;
  background: #dddbd8;
}

.portrait_jn3FvQ[data-photo="yes"]:after {
  position: absolute;
  pointer-events: none;
  content: "";
  background: linear-gradient(#00000038 0%, #0000 28%), linear-gradient(#0000 60%, #0000004d 100%);
  inset: 0;
}

.portrait_jn3FvQ[data-photo="no"] {
  --site-fg: var(--mx-paper);
  --site-muted-fg: color-mix(in srgb, var(--mx-paper) 72%, var(--mx-ink));
  background: var(--mx-ink);
}

.portraitIdentity_jn3FvQ, .portraitBio_jn3FvQ {
  position: relative;
  z-index: 1;
}

.portraitIdentity_jn3FvQ {
  display: flex;
  flex-direction: column;
}

.portrait_jn3FvQ .portraitName_jn3FvQ.portraitName_jn3FvQ {
  color: var(--site-fg);
  font-weight: 500;
}

.portrait_jn3FvQ .portraitRole_jn3FvQ.portraitRole_jn3FvQ {
  color: var(--site-muted-fg);
}

.portrait_jn3FvQ .portraitBio_jn3FvQ.portraitBio_jn3FvQ {
  color: var(--site-fg);
}

@container (width <= 1000px) {
  .teamGrid_jn3FvQ {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (width <= 800px) {
  .teamBand_jn3FvQ {
    padding-block: 40px 120px;
  }

  .team_jn3FvQ {
    gap: 48px;
  }
}

@container (width <= 520px) {
  .teamGrid_jn3FvQ {
    grid-template-columns: minmax(0, 1fr);
  }
}

.jobsBand_jn3FvQ {
  padding-block: 0 160px;
}

.jobHead_jn3FvQ {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--mx-grid);
  align-items:  end;
  padding-block-start: 48px;
}

.jobHead_jn3FvQ .jobHeading_jn3FvQ.jobHeading_jn3FvQ {
  grid-column: 1 / 9;
  min-width: 0;
  max-width: none;
}

.jobAside_jn3FvQ {
  display: flex;
  grid-column: 9 / 13;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  min-width: 0;
}

.jobAside_jn3FvQ .jobIntro_jn3FvQ.jobIntro_jn3FvQ {
  color: var(--site-muted-fg);
}

.jobAllIcon_jn3FvQ {
  color: var(--site-muted-fg);
  width: 14px;
  height: 14px;
}

.jobAllIcon_jn3FvQ:dir(rtl) {
  transform: scaleX(-1);
}

.jobGroups_jn3FvQ {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-block-start: 96px;
}

.jobGroup_jn3FvQ {
  min-width: 0;
}

.groupTitle_jn3FvQ {
  font-family: var(--site-family-h2);
  font-size: 24px;
  font-weight: var(--site-weight-h2);
  line-height: var(--site-leading-h2);
  letter-spacing: var(--site-tracking-h2);
  font-variation-settings: var(--site-axes-h2, normal);
  color: var(--site-fg);
  margin: 0 0 20px;
}

.jobList_jn3FvQ {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jobItem_jn3FvQ {
  border-block-start: 1px solid var(--mx-rule);
  min-width: 0;
}

.jobRow_jn3FvQ {
  --grow-from: left;
  --shrink-to: right;
  display: flex;
  color: var(--site-fg);
  text-decoration: none;
  align-items:  center;
  gap: 20px;
  min-height: 54px;
  padding-block: 16px;
  font-size: 16px;
  line-height: 1.4;
}

.jobRow_jn3FvQ:dir(rtl) {
  --grow-from: right;
  --shrink-to: left;
}

a.jobRow_jn3FvQ:hover {
  opacity: 1;
}

a.jobRow_jn3FvQ:focus-visible {
  outline: 2px solid var(--site-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

.jobTitle_jn3FvQ {
  color: inherit;
  flex: auto;
  min-width: 0;
  font-weight: 550;
}

.jobUnderline_jn3FvQ {
  position: relative;
}

.jobUnderline_jn3FvQ:before {
  position: absolute;
  bottom: -.0625em;
  transform-origin: var(--shrink-to);
  transition: transform .735s var(--mx-ease-expo);
  content: "";
  background: currentColor;
  width: 100%;
  height: .0625em;
  inset-inline-start: 0;
  transform: scaleX(0);
}

.jobMeta_jn3FvQ {
  display: flex;
  color: var(--site-muted-fg);
  transition: color .24s var(--mx-ease);
  flex-wrap: wrap;
  justify-content: flex-end;
  font-weight: 450;
}

.jobMeta_jn3FvQ > span + span:before {
  display: inline-block;
  content: "·";
  padding-inline: 16px;
}

.jobArrow_jn3FvQ {
  flex: none;
  width: 16px;
  height: 16px;
}

.jobArrow_jn3FvQ:dir(rtl) {
  transform: scaleX(-1);
}

a.jobRow_jn3FvQ:focus-visible .jobUnderline_jn3FvQ:before {
  transform-origin: var(--grow-from);
  transform: scaleX(1);
}

a.jobRow_jn3FvQ:focus-visible .jobMeta_jn3FvQ {
  color: var(--site-fg);
}

@media (hover: hover) and (pointer: fine) {
  a.jobRow_jn3FvQ:hover .jobUnderline_jn3FvQ:before {
    transform-origin: var(--grow-from);
    transform: scaleX(1);
  }

  a.jobRow_jn3FvQ:hover .jobMeta_jn3FvQ {
    color: var(--site-fg);
  }
}

.jobNotice_jn3FvQ {
  color: var(--site-muted-fg);
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

@container (width <= 800px) {
  .jobHead_jn3FvQ {
    display: flex;
    flex-direction: column;
    align-items:  flex-start;
    gap: 24px;
    padding-block-start: 40px;
  }

  .jobGroups_jn3FvQ {
    padding-block-start: 64px;
  }

  .jobRow_jn3FvQ {
    flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 16px;
  }

  .jobTitle_jn3FvQ {
    flex-basis: calc(100% - 36px);
  }

  .jobMeta_jn3FvQ {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    font-size: 14px;
  }

  .jobMeta_jn3FvQ > span + span:before {
    padding-inline: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jobUnderline_jn3FvQ:before, .jobMeta_jn3FvQ {
    transition: none;
  }
}

/* components/site-sections/mono-exact/ExactTable.module.css */
.band_vJF2qA {
  padding-block: var(--mx-gutter) 160px;
}

.body_vJF2qA {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 64px;
  min-width: 0;
  margin-block-start: calc(var(--mx-gutter)  + 120px);
}

.head_vJF2qA {
  display: flex;
  justify-content: center;
}

.tableWrap_vJF2qA {
  width: 100%;
  min-width: 0;
}

.table_vJF2qA {
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--site-fg);
  font-family: var(--site-font-body);
  font-variation-settings: normal;
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
}

.table_vJF2qA th, .table_vJF2qA td {
  text-align: start;
  vertical-align: middle;
  padding: 16px 24px;
  font-weight: 450;
}

.table_vJF2qA thead th {
  padding-block: 0 16px;
  font-weight: 550;
}

.table_vJF2qA tbody {
  border-top: 1px solid color-mix(in srgb, var(--site-fg) 5%, transparent);
}

.table_vJF2qA tbody tr {
  border-bottom: 1px solid color-mix(in srgb, var(--site-fg) 5%, transparent);
  height: 55px;
}

.table_vJF2qA tbody th, .table_vJF2qA tbody td {
  padding-block: 0;
}

.columnHead_vJF2qA, .rowHead_vJF2qA {
  position: relative;
}

.value_vJF2qA {
  display: flex;
  align-items:  center;
  gap: 12px;
  min-width: 0;
}

.mark_vJF2qA {
  display: flex;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
}

.tick_vJF2qA {
  display: block;
  color: var(--site-accent);
}

.dash_vJF2qA {
  display: grid;
  background: color-mix(in srgb, var(--site-fg) 20%, var(--site-bg));
  color: var(--site-bg);
  border-radius: 9999px;
  place-items:  center;
  width: 20px;
  height: 20px;
}

.dash_vJF2qA svg {
  display: block;
}

.addRow_vJF2qA {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.addRow_vJF2qA:empty {
  display: none;
}

@container (width <= 600px) {
  .band_vJF2qA {
    padding-block-end: 120px;
  }

  .body_vJF2qA {
    margin-block-start: calc(var(--mx-gutter)  + 96px);
  }

  .table_vJF2qA th, .table_vJF2qA td {
    padding-inline: 8px;
  }

  .table_vJF2qA tbody th, .table_vJF2qA tbody td {
    padding-block: 12px;
  }

  .table_vJF2qA tbody tr {
    height: auto;
  }

  .value_vJF2qA {
    gap: 8px;
  }
}

/* components/site-sections/adaptiveSite.module.css */
.content_JdgBKQ h1 {
  font-size: calc(var(--site-text-h1) * var(--slot-size-mult, 1)) !important;
  font-weight: var(--slot-weight, var(--site-weight-h1)) !important;
  line-height: var(--slot-leading, var(--site-leading-h1)) !important;
}

.content_JdgBKQ h2 {
  font-size: calc(var(--site-text-h2) * var(--slot-size-mult, 1)) !important;
  font-weight: var(--slot-weight, var(--site-weight-h2)) !important;
  line-height: var(--slot-leading, var(--site-leading-h2)) !important;
}

.content_JdgBKQ :is(p, blockquote) {
  text-wrap: wrap;
  font-size: calc(var(--site-text-body) * var(--slot-size-mult, 1)) !important;
  line-height: var(--slot-leading, var(--site-leading-body)) !important;
}

.content_JdgBKQ :is(.site-content-card, [data-site-card]) {
  border: 1px solid var(--site-border);
  border-radius: var(--slot-radius, var(--site-radius));
  background: var(--site-card);
  padding: var(--slot-space-top, 24px) 24px var(--slot-space-bottom, 24px);
  box-shadow: none;
}

@container (width < 768px) {
  .content_JdgBKQ :is(.site-section-container, .site-hero-copy) {
    padding-inline: 20px;
  }

  .content_JdgBKQ :is(.site-content-card, [data-site-card]) {
    padding: var(--slot-space-top, 20px) 20px var(--slot-space-bottom, 20px);
  }
}

.content_JdgBKQ [data-slot="hero.body"] {
  max-width: 52ch;
}

.content_JdgBKQ .site-centered-hero-body {
  text-wrap: balance;
}

@container (width >= 768px) {
  .content_JdgBKQ .site-hero-copy [data-slot="hero.heading"] {
    font-size: calc(clamp(36px, 4.6cqw, 72px) * var(--slot-size-mult, 1)) !important;
  }
}

.content_JdgBKQ div:where(:not([data-heading-align="center"] *)):has( > :is([data-slot="services.heading"], [data-slot="testimonials.heading"])) {
  text-align: left;
  align-items:  flex-start;
}

.content_JdgBKQ :is([data-slot="services.heading"], [data-slot="testimonials.heading"]):where(:not([data-heading-align="center"] *)) {
  text-align: left;
}

.content_JdgBKQ :is([data-slot="services.grid"], [data-slot="testimonials.grid"]) {
  gap: var(--slot-gap, 24px);
}

.content_JdgBKQ [data-slot="services.card"].site-card-link {
  transition: background-color .18s, border-color .18s, opacity .18s;
}

.content_JdgBKQ [data-slot="services.card"].site-card-link:is(:hover, :focus-within) {
  background: color-mix(in oklch, var(--site-card) 94%, var(--site-fg));
  border-color: color-mix(in oklch, var(--site-fg) 30%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .content_JdgBKQ [data-slot="services.card"].site-card-link {
    transition: none;
  }
}

.content_JdgBKQ .site-contact-layout {
  align-items:  start;
}

.content_JdgBKQ .site-contact-card {
  background: none;
  border: 0;
  padding: 0;
}

.content_JdgBKQ .site-contact-card form {
  --site-field-bg: var(--site-muted) !important;
  --site-field-border: transparent !important;
}

.content_JdgBKQ .site-contact-card [data-form-field="name"] {
  grid-column: 1 / -1;
}

.content_JdgBKQ [contenteditable] {
  hyphens: inherit;
  overflow-wrap: inherit;
}

/* components/site-sections/mono-exact/ExactTopBar.module.css */
.bar_wqIBRw {
  --bar-bg: var(--s-light-bg);
  --bar-ink: var(--s-light-fg);
  --bar-link: var(--s-light-muted-fg);
  --bar-cta-bg: var(--s-light-fg);
  --bar-cta-ink: white;
  --bar-mark: brightness(0);
  --bar-gutter: 32px;
  --bar-gap: 40px;
  --bar-link-pad: 12px;
  position: relative;
  display: flex;
  padding: 12px var(--bar-gutter);
  box-sizing: border-box;
  background: var(--bar-bg);
  color: var(--bar-link);
  font-family: var(--site-font-body);
  font-variation-settings: normal;
  justify-content: center;
  align-items:  center;
  height: 60px;
  transition: color .28s cubic-bezier(.22,1,.36,1), background-color .28s cubic-bezier(.22,1,.36,1);
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.bar_wqIBRw[data-tone="dark"] {
  --bar-bg: var(--s-dark-bg);
  --bar-ink: var(--s-dark-fg);
  --bar-link: #fff9;
  --bar-cta-bg: var(--s-dark-fg);
  --bar-cta-ink: var(--s-dark-bg);
  --bar-mark: brightness(0) invert(1);
}

.bar_wqIBRw[data-tone="media"] {
  --bar-bg: transparent;
  --bar-ink: white;
  --bar-link: #fff9;
  --bar-cta-bg: white;
  --bar-cta-ink: black;
  --bar-mark: brightness(0) invert(1);
}

.inner_wqIBRw {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  max-width: 1680px;
}

.side_wqIBRw {
  display: flex;
  align-items:  center;
  gap: calc(var(--bar-gap)  - var(--bar-link-pad));
  flex: 1 1 0;
  min-width: 0;
}

.side_wqIBRw[data-end] {
  justify-content: flex-end;
}

.links_wqIBRw {
  display: flex;
  align-items:  center;
  gap: calc(var(--bar-gap)  - 2 * var(--bar-link-pad));
}

.brand_wqIBRw, .link_wqIBRw, .cta_wqIBRw, .second_wqIBRw, .toggle_wqIBRw {
  color: inherit;
  font: inherit;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  transition: opacity .24s cubic-bezier(.22,1,.36,1), color .24s cubic-bezier(.22,1,.36,1), background-color .24s cubic-bezier(.22,1,.36,1);
}

.brand_wqIBRw, .link_wqIBRw, .cta_wqIBRw, .second_wqIBRw, .toggle_wqIBRw, .sheetCta_wqIBRw, .sheetSecond_wqIBRw {
  -webkit-tap-highlight-color: transparent;
}

.brand_wqIBRw:focus-visible, .link_wqIBRw:focus-visible, .cta_wqIBRw:focus-visible, .second_wqIBRw:focus-visible, .toggle_wqIBRw:focus-visible {
  outline: 2px solid;
  outline-offset: 2px;
}

.cta_wqIBRw:focus-visible {
  outline-color: var(--bar-cta-bg);
}

.brand_wqIBRw {
  display: flex;
  flex: none;
  margin: -8px;
  padding: 8px;
}

.brandMarks_wqIBRw {
  display: flex;
  align-items:  center;
  gap: 4.588px;
}

.mark_wqIBRw {
  display: block;
  filter: var(--bar-mark);
  width: auto;
  max-width: none;
  height: 20px;
}

.wordmark_wqIBRw {
  display: block;
  filter: var(--bar-mark);
  width: auto;
  max-width: none;
  height: 16px;
}

.name_wqIBRw {
  color: var(--bar-ink);
  font-weight: 550;
}

.link_wqIBRw {
  display: inline-flex;
  padding: 8px var(--bar-link-pad);
  align-items:  center;
}

.link_wqIBRw[aria-current="page"] {
  font-weight: 500;
}

.cta_wqIBRw {
  display: flex;
  background: var(--bar-cta-bg);
  color: var(--bar-cta-ink);
  border-radius: 9999px;
  justify-content: center;
  align-items:  center;
  height: 36px;
  padding: 4px 14px;
  font-weight: 550;
}

.second_wqIBRw {
  display: flex;
  border: 1px solid color-mix(in srgb, var(--bar-ink) 20%, transparent);
  color: var(--bar-ink);
  box-sizing: border-box;
  border-radius: 9999px;
  justify-content: center;
  align-items:  center;
  height: 36px;
  padding: 4px 14px;
  font-weight: 550;
}

@media (hover: hover) {
  .link_wqIBRw:hover, .cta_wqIBRw:hover, .second_wqIBRw:hover, .brand_wqIBRw:hover, .toggle_wqIBRw:hover {
    opacity: .72;
  }
}

.toggle_wqIBRw {
  display: none;
}

.toggleIcon_wqIBRw {
  position: relative;
  display: block;
  width: 24px;
  height: 10px;
}

.toggleIcon_wqIBRw > span {
  position: absolute;
  top: 50%;
  background: currentColor;
  border-radius: 99px;
  width: 24px;
  height: 1.5px;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
  inset-inline-start: 0;
}

.toggleIcon_wqIBRw > span:first-child {
  transform: translateY(calc(-50% - 3.5px));
}

.toggleIcon_wqIBRw > span:last-child {
  transform: translateY(calc(3.5px - 50%));
}

.bar_wqIBRw[data-menu-open] .toggleIcon_wqIBRw > span:first-child {
  transform: translateY(-50%)rotate(45deg);
}

.bar_wqIBRw[data-menu-open] .toggleIcon_wqIBRw > span:last-child {
  transform: translateY(-50%)rotate(-45deg);
}

.spacer_wqIBRw {
  height: 60px;
}

.sheetBrand_wqIBRw {
  display: flex;
  --bar-mark: brightness(0);
}

.sheetBrand_wqIBRw .name_wqIBRw {
  color: var(--site-fg);
}

.sheetCta_wqIBRw {
  display: flex;
  background: var(--site-fg);
  color: var(--site-bg);
  font: inherit;
  text-decoration: none;
  border: 0;
  border-radius: 9999px;
  justify-content: center;
  align-items:  center;
  height: 44px;
  padding: 4px 14px;
  font-size: 14px;
  font-weight: 550;
}

.sheetSecond_wqIBRw {
  display: flex;
  border: 1px solid var(--site-border);
  color: var(--site-fg);
  font: inherit;
  text-decoration: none;
  background: none;
  border-radius: 9999px;
  justify-content: center;
  align-items:  center;
  height: 44px;
  padding: 4px 14px;
  font-size: 14px;
  font-weight: 550;
}

@container (width <= 900px) {
  .bar_wqIBRw {
    --bar-gutter: 20px;
  }

  .side_wqIBRw {
    gap: 20px;
  }

  .side_wqIBRw[data-end] {
    gap: 8px;
  }

  .links_wqIBRw, .second_wqIBRw {
    display: none;
  }

  .toggle_wqIBRw {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items:  center;
    padding: 0;
  }
}

@container (width <= 520px) {
  .cta_wqIBRw {
    height: 34px;
    padding-inline: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bar_wqIBRw, .brand_wqIBRw, .link_wqIBRw, .cta_wqIBRw, .second_wqIBRw, .toggle_wqIBRw, .toggleIcon_wqIBRw > span {
    transition: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .bar_wqIBRw[data-view] .inner_wqIBRw {
    animation: exact-bar-in .7s cubic-bezier(.22, 1, .36, 1) backwards;
  }
}

@keyframes exact-bar-in_U4Cvrw {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(8px);
  }
}

:is([data-site-still], [data-site-thumbnail]) .bar_wqIBRw .inner_wqIBRw {
  animation: none;
}

/* components/site-sections/SiteEntrances.module.css */
.root_giSUzA {
  display: contents;
}

.root_giSUzA .site-reveal, .root_giSUzA .site-reveal.site-reveal-kids > * {
  animation: none;
  transform: none;
}

/* components/site-sections/studio/Studio.module.css */
.frame_ZIhr-A {
  font-family: var(--site-font-body);
  font-size: var(--site-text-body);
  line-height: var(--site-leading-body);
  letter-spacing: var(--site-tracking-body, normal);
  --studio-muted: color-mix(in oklch, var(--site-fg) 6%, var(--site-bg));
}

.container_ZIhr-A {
  width: 100%;
  min-width: 0;
}

.header_ZIhr-A {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 0;
}

.header_ZIhr-A > :first-child:empty {
  display: none;
}

.header_ZIhr-A > h1, .header_ZIhr-A > h2 {
  max-width: var(--site-measure-heading);
  white-space: pre-line;
}

.header_ZIhr-A > :not(:first-child) {
  margin-top: var(--site-space-sm, var(--site-space-sm));
}

.header_ZIhr-A .intro_ZIhr-A {
  max-width: min(48ch, var(--site-measure, 48ch));
  color: var(--site-muted-fg);
  white-space: pre-line;
  text-wrap: balance;
}

.header_ZIhr-A:empty {
  display: none;
}

.actions_ZIhr-A {
  display: flex;
  align-items:  center;
  gap: var(--site-space-sm, var(--site-space-sm));
  margin-top: calc(var(--site-space-lg, var(--site-space-lg)) * 1.5);
  flex-wrap: wrap;
}

.actions_ZIhr-A:empty {
  display: none;
}

.media_ZIhr-A {
  position: relative;
  overflow: hidden;
  border-radius: var(--site-radius);
  background: var(--studio-muted);
  min-width: 0;
}

.media_ZIhr-A > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.copy_ZIhr-A {
  min-width: 0;
}

.copy_ZIhr-A > p {
  max-width: min(48ch, var(--site-measure, 48ch));
  white-space: pre-line;
  text-wrap: balance;
}

.heroIntro_ZIhr-A {
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items:  center;
}

.heroIntro_ZIhr-A .header_ZIhr-A {
  align-items:  center;
}

.heroIntro_ZIhr-A .header_ZIhr-A > h1 {
  max-width: 1100px;
}

.heroIntro_ZIhr-A .intro_ZIhr-A {
  max-width: var(--site-copy-measure);
  font-size: var(--site-text-lead);
  line-height: var(--site-leading-lead);
}

.heroIntro_ZIhr-A .header_ZIhr-A > :not(:first-child) {
  margin-top: calc(var(--site-space-lg) * 1.5);
}

.heroImage_ZIhr-A {
  margin-top: clamp(calc(var(--site-space-lg) * 2.5), 5cqw, calc(var(--site-space-lg) * 3.5));
}

.frame_ZIhr-A[data-align="start"] .heroIntro_ZIhr-A, .frame_ZIhr-A[data-align="start"] .heroIntro_ZIhr-A .header_ZIhr-A, .frame_ZIhr-A[data-align="start"] .statement_ZIhr-A, .frame_ZIhr-A[data-align="start"] .closingCopy_ZIhr-A, .frame_ZIhr-A[data-align="start"] .closingCopy_ZIhr-A .header_ZIhr-A {
  text-align: start;
  align-items:  flex-start;
}

.frame_ZIhr-A[data-align="center"] .overview_ZIhr-A .copy_ZIhr-A, .frame_ZIhr-A[data-align="center"] .overview_ZIhr-A .header_ZIhr-A {
  text-align: center;
  align-items:  center;
}

.frame_ZIhr-A[data-align="center"] .actions_ZIhr-A {
  justify-content: center;
}

.frame_ZIhr-A[data-studio-layout="studio-product-inset"] .heroImage_ZIhr-A, .heroIntro_ZIhr-A[data-picture] + .heroImage_ZIhr-A {
  width: 83.1%;
  margin-inline: auto;
}

.frame_ZIhr-A .heroImage_ZIhr-A[data-media-size="full"] {
  width: 100%;
}

.frame_ZIhr-A .heroImage_ZIhr-A[data-media-size="large"] {
  width: 83.1%;
  margin-inline: auto;
}

.heroIntro_ZIhr-A[data-title-width="narrow"] .header_ZIhr-A > h1 {
  max-width: 840px;
}

.heroIntro_ZIhr-A[data-title-width="narrow"][data-picture="image"] .header_ZIhr-A > h1 {
  max-width: 960px;
}

.heroIntro_ZIhr-A[data-title-width="compact"] .header_ZIhr-A > h1 {
  max-width: 18ch;
}

.frame_ZIhr-A[data-align="start"] .heroIntro_ZIhr-A[data-title-width="compact"] .header_ZIhr-A > h1 {
  text-wrap: wrap;
  max-width: 480px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-story-photo"] + .heroImage_ZIhr-A {
  margin-top: clamp(calc(var(--site-space-lg) * 2.5), 6cqw, calc(var(--site-space-lg) * 5));
}

.heroIntro_ZIhr-A[data-intro-look="studio-story-photo"][data-title-width] .header_ZIhr-A > h1 {
  max-width: 954px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-story-photo"] .header_ZIhr-A > .intro_ZIhr-A {
  max-width: 520px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-team-intro"][data-title-width] .header_ZIhr-A > h1 {
  margin-top: calc(var(--site-space-lg) * 2);
  max-width: 960px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-team-intro"] .header_ZIhr-A > .intro_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 2);
  max-width: 490px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-short-intro"][data-title-width] .header_ZIhr-A > h1 {
  margin-top: calc(var(--site-space-lg) * 2);
  max-width: 820px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-short-intro"] .header_ZIhr-A > .intro_ZIhr-A {
  max-width: 480px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-contact-intro"] .header_ZIhr-A > .intro_ZIhr-A {
  max-width: 440px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-assurance-intro"] .header_ZIhr-A > .intro_ZIhr-A {
  margin-top: var(--site-space-lg);
  max-width: 450px;
}

.frame_ZIhr-A[data-align="start"] .heroIntro_ZIhr-A[data-intro-look="studio-assurance-intro"][data-title-width] .header_ZIhr-A > h1 {
  text-wrap: wrap;
  max-width: 480px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-partner-intro"][data-title-width] .header_ZIhr-A > h1 {
  max-width: 18ch;
}

.heroIntro_ZIhr-A[data-intro-look="studio-partner-intro"] .header_ZIhr-A > .intro_ZIhr-A {
  max-width: 640px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-case-intro"][data-title-width] .header_ZIhr-A > h1 {
  max-width: 840px;
}

.heroIntro_ZIhr-A[data-intro-look="studio-case-intro"] .header_ZIhr-A > .intro_ZIhr-A {
  max-width: 660px;
}

.heroIntro_ZIhr-A[data-intro-geometry="true"] .header_ZIhr-A > h1 {
  max-width: var(--intro-title-measure);
}

.heroIntro_ZIhr-A[data-intro-geometry="true"][data-title-measure="480px"] .header_ZIhr-A > h1 {
  text-wrap: wrap;
}

.heroIntro_ZIhr-A[data-intro-geometry="true"] .header_ZIhr-A > .intro_ZIhr-A {
  max-width: var(--intro-copy-measure);
}

.heroIntro_ZIhr-A[data-intro-geometry="true"][data-heading-spacing="relaxed"] .header_ZIhr-A > h1 {
  margin-top: calc(var(--site-space-lg) * 2);
}

.heroIntro_ZIhr-A[data-intro-geometry="true"][data-intro-spacing="compact"] .header_ZIhr-A > .intro_ZIhr-A {
  margin-top: var(--site-space-lg);
}

.heroIntro_ZIhr-A[data-intro-geometry="true"][data-intro-spacing="relaxed"] .header_ZIhr-A > .intro_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 2);
}

.heroIntro_ZIhr-A[data-intro-geometry="true"][data-media-gap="relaxed"] + .heroImage_ZIhr-A {
  margin-top: clamp(calc(var(--site-space-lg) * 2.5), 6cqw, calc(var(--site-space-lg) * 5));
}

.photoStage_ZIhr-A {
  display: flex;
  position: relative;
  isolation: isolate;
  border-radius: var(--site-radius);
  overflow: hidden;
  padding: calc(var(--site-space-lg) * 5) max(calc(var(--site-space-lg) * 1.5), calc(5cqw - var(--site-space-lg)));
  background: var(--studio-muted);
  align-items:  flex-end;
}

.backdrop_ZIhr-A {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  inset: 0;
  aspect-ratio: auto !important;
}

.photoBaseline_ZIhr-A {
  display: grid;
  gap: var(--site-space-lg);
  align-items:  end;
  width: 100%;
}

.photoBaseline_ZIhr-A > h1 {
  white-space: pre-line;
  font-size: clamp(56px, 6cqw, 86px);
  line-height: .9;
}

.photoBaseline_ZIhr-A p {
  max-width: var(--site-copy-measure);
  font-size: var(--site-text-lead);
  line-height: var(--site-leading-lead);
}

.photoBaseline_ZIhr-A .actions_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 1.5);
}

.panelHero_ZIhr-A, .split_ZIhr-A {
  display: grid;
  align-items:  center;
  gap: calc(var(--site-space-lg) * 2.5);
}

.overview_ZIhr-A {
  display: flex;
  gap: calc(var(--site-space-lg) * 5);
  flex-direction: column;
}

.overview_ZIhr-A .header_ZIhr-A h2 {
  max-width: 680px;
}

.overview_ZIhr-A .header_ZIhr-A p {
  max-width: min(48ch, var(--site-measure, 48ch));
}

.overview_ZIhr-A > .media_ZIhr-A {
  width: 100%;
}

.statement_ZIhr-A {
  display: flex;
  text-align: center;
  align-items:  center;
  gap: calc(var(--site-space-lg) * 1.5);
  flex-direction: column;
}

.statement_ZIhr-A h2 {
  max-width: 1000px;
}

.frame_ZIhr-A[data-studio-layout="studio-inset-statement"] .statement_ZIhr-A {
  border-radius: var(--site-radius);
  background: var(--site-card);
  color: var(--site-card-fg);
  padding: calc(var(--site-space-lg) * 3);
  gap: calc(var(--site-space-lg) * 2);
}

.frame_ZIhr-A[data-studio-layout="studio-inset-statement"] .statement_ZIhr-A h2 {
  max-width: var(--site-measure-heading);
}

.closing_ZIhr-A {
  position: relative;
  isolation: isolate;
}

.closingCopy_ZIhr-A {
  display: flex;
  text-align: center;
  align-items:  center;
  gap: calc(var(--site-space-lg) * 2);
  flex-direction: column;
}

.closingCopy_ZIhr-A .header_ZIhr-A {
  align-items:  center;
  gap: var(--site-space-lg);
}

.closingCopy_ZIhr-A .header_ZIhr-A > * {
  margin-top: 0;
}

.closingCopy_ZIhr-A .header_ZIhr-A h2 {
  max-width: 640px;
}

.closingCopy_ZIhr-A .header_ZIhr-A p {
  max-width: 446px;
}

.closingCopy_ZIhr-A .actions_ZIhr-A {
  margin-top: 0;
}

.closing_ZIhr-A[data-photo="true"] {
  --closing-screen: calc(var(--site-preview-viewport-height, 100svh)  - var(--site-section-py, 0px) * var(--section-py-own, 1) * (var(--section-pt-scale, 1)  + var(--section-pb-scale, 1)));
  min-height: min(768px, var(--closing-screen));
  border-radius: var(--site-radius);
  overflow: hidden;
  padding: calc(var(--site-space-lg) * 5) calc(var(--site-space-lg) * 1.5) clamp(calc(var(--site-space-lg) * 3), 12cqw, 176px);
}

.frame_ZIhr-A[data-studio-layout="studio-trust-band"] .container_ZIhr-A {
  max-width: none;
  padding-inline: 0;
}

.frame_ZIhr-A[data-studio-layout="studio-trust-band"] .closing_ZIhr-A {
  padding: calc(var(--site-space-lg) * 3);
  border-radius: var(--site-radius);
  color: var(--site-card-fg);
  background: var(--site-card);
}

.frame_ZIhr-A[data-studio-layout="studio-trust-band"] .intro_ZIhr-A {
  color: inherit;
  opacity: .65;
}

.grid_ZIhr-A {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--site-space-lg);
}

.card_ZIhr-A, .quoteCard_ZIhr-A, .caseCard_ZIhr-A {
  position: relative;
  min-width: 0;
}

.cardText_ZIhr-A {
  display: flex;
  gap: var(--site-space-sm);
  flex-direction: column;
}

.cardIcon_ZIhr-A {
  display: flex;
  color: var(--site-primary);
}

.cardIconGlyph_ZIhr-A {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

.cardText_ZIhr-A > p {
  color: var(--site-muted-fg);
}

.card_ZIhr-A > .media_ZIhr-A + .cardText_ZIhr-A {
  margin-top: var(--site-space-lg);
}

.cardText_ZIhr-A > .site-cta {
  margin-top: var(--site-space-lg);
  align-self:  flex-start;
}

.collection_ZIhr-A > .grid_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 3.5);
}

.collection_ZIhr-A > .copy_ZIhr-A:has(.header_ZIhr-A:empty) + .grid_ZIhr-A {
  margin-top: 0;
}

.frame_ZIhr-A[data-studio-layout="studio-media-rail"]:not(:has([data-collection-family])) .header_ZIhr-A, .collection_ZIhr-A[data-text-layout="center"] .header_ZIhr-A, .frame_ZIhr-A[data-studio-layout="studio-portrait-grid"] .header_ZIhr-A, .frame_ZIhr-A[data-studio-layout="studio-tool-grid"]:not(:has([data-collection-family])) .header_ZIhr-A, .frame_ZIhr-A[data-studio-layout="studio-question-groups"] .header_ZIhr-A {
  text-align: center;
  align-items:  center;
}

.frame_ZIhr-A[data-studio-layout="studio-media-rail"]:not(:has([data-collection-family])) .actions_ZIhr-A {
  justify-content: center;
}

.frame_ZIhr-A[data-grid-columns="one"] .collection_ZIhr-A[data-text-layout="split"] .cardText_ZIhr-A {
  gap: 0;
}

.frame_ZIhr-A[data-grid-columns="one"] .collection_ZIhr-A[data-text-layout="split"] > .grid_ZIhr-A {
  gap: var(--site-space-md);
}

.collection_ZIhr-A[data-card-style="ruled"] .card_ZIhr-A {
  border-top: 1px solid var(--site-border);
  padding-top: calc(var(--site-space-lg) * 2);
}

.collection_ZIhr-A[data-card-style="filled"][data-card-images="hide"][data-width="page"] > .grid_ZIhr-A {
  gap: calc(var(--site-space-lg) * 1.5);
}

.collection_ZIhr-A[data-card-style="filled"] .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 2);
  border-radius: var(--site-radius);
  background: var(--studio-muted);
}

.collection_ZIhr-A[data-card-style="filled"][data-width="narrow"] .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 1.5);
}

.collection_ZIhr-A[data-card-style="outlined"] .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 2);
  border-radius: var(--site-radius);
  border: 1px solid var(--site-border);
}

.collection_ZIhr-A[data-card-style="outlined"][data-media-size="medium"] .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 2.5);
}

.collection_ZIhr-A[data-media-size="medium"] .card_ZIhr-A > .media_ZIhr-A {
  width: 48px;
  height: 48px;
}

.collection_ZIhr-A[data-media-size="medium"] .cardText_ZIhr-A {
  gap: var(--site-space-2xl);
}

.collection_ZIhr-A[data-media-size="medium"] .card_ZIhr-A h3 {
  max-width: var(--site-measure-heading);
}

.collection_ZIhr-A[data-marker="dash"] .card_ZIhr-A:before {
  content: "";
  display: block;
  border-top: 2px solid var(--site-muted-fg);
  margin-bottom: var(--site-space-lg);
  width: 24px;
}

.frame_ZIhr-A[data-studio-layout="studio-question-groups"] .card_ZIhr-A {
  padding: var(--site-space-3xl) calc(var(--site-space-lg) * 2);
  border-radius: var(--site-radius);
  background: var(--studio-muted);
}

.bulletRows_ZIhr-A > * {
  border-top: 1px solid var(--site-border);
  padding-block: var(--site-space-md);
}

.collection_ZIhr-A[data-card-media="text-first"] .card_ZIhr-A {
  display: flex;
  gap: calc(var(--site-space-lg) * 4);
  flex-direction: column-reverse;
}

.collection_ZIhr-A[data-card-style="divided"] .card_ZIhr-A {
  padding-block: var(--site-space-lg);
}

.collection_ZIhr-A[data-media-size="large"] .card_ZIhr-A > .media_ZIhr-A {
  width: 72px;
  height: 72px;
}

.collection_ZIhr-A[data-width="narrow"] {
  max-width: var(--site-measure);
  margin-inline: auto;
}

.frame_ZIhr-A[data-studio-layout="studio-portrait-grid"] .grid_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 5);
  gap: calc(var(--site-space-lg) * 1.5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.frame_ZIhr-A[data-studio-layout="studio-tool-category"]:not(:has([data-collection-family])) .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 1.5);
  background: var(--studio-muted);
  border-radius: var(--site-radius);
}

.frame_ZIhr-A[data-studio-layout="studio-tool-category"]:not(:has([data-collection-family])) .card_ZIhr-A > .media_ZIhr-A {
  width: 24px;
  height: 24px;
}

.frame_ZIhr-A[data-studio-layout="studio-tool-category"]:not(:has([data-collection-family])) .cardText_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 2);
}

.frame_ZIhr-A[data-studio-layout="studio-backer-tiles"]:not(:has([data-collection-family])) .card_ZIhr-A {
  display: flex;
  background: var(--studio-muted);
  border-radius: var(--site-radius);
  justify-content: center;
  align-items:  center;
  height: 160px;
}

.frame_ZIhr-A[data-studio-layout="studio-backer-tiles"]:not(:has([data-collection-family])) .card_ZIhr-A > .media_ZIhr-A {
  width: 55%;
  height: 45px;
  aspect-ratio: 3 !important;
}

.frame_ZIhr-A[data-studio-layout="studio-tool-connect"] .copy_ZIhr-A > p {
  margin-top: calc(var(--site-space-lg) * 3);
}

.frame_ZIhr-A[data-studio-layout="studio-tool-connect"] .copy_ZIhr-A .grid_ZIhr-A {
  display: flex;
  margin-top: var(--site-space-md);
}

.frame_ZIhr-A[data-studio-layout="studio-tool-connect"] .card_ZIhr-A > .media_ZIhr-A {
  width: 48px;
  height: 49px;
}

.frame_ZIhr-A[data-studio-layout="studio-tool-connect"] .cardText_ZIhr-A {
  display: none;
}

.frame_ZIhr-A[data-studio-layout="studio-logo-strip"]:not(:has([data-collection-family])) .grid_ZIhr-A {
  display: flex;
  justify-content: center;
  gap: calc(var(--site-space-lg, var(--site-space-lg)) * 2) calc(var(--site-space-lg, var(--site-space-lg)) * 4);
  flex-wrap: wrap;
  margin-top: 0;
}

.frame_ZIhr-A[data-studio-layout="studio-logo-strip"]:not(:has([data-collection-family])) .card_ZIhr-A {
  flex-shrink: 0;
}

.frame_ZIhr-A[data-studio-layout="studio-logo-strip"]:not(:has([data-collection-family])) .media_ZIhr-A {
  border-radius: 0;
  width: 160px;
  height: 40px;
  aspect-ratio: 4 !important;
}

.frame_ZIhr-A[data-studio-layout="studio-logo-wall"]:not(:has([data-collection-family])) .grid_ZIhr-A {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  margin-top: 0;
}

.frame_ZIhr-A[data-studio-layout="studio-logo-wall"]:not(:has([data-collection-family])) .card_ZIhr-A {
  background: var(--studio-muted);
  border-radius: var(--site-radius);
  padding: calc(var(--site-space-lg) * 2.5);
  height: 120px;
}

.frame_ZIhr-A[data-studio-layout="studio-logo-wall"]:not(:has([data-collection-family])) .media_ZIhr-A {
  height: 40px;
  aspect-ratio: auto !important;
}

.card_ZIhr-A:has( > .figure_ZIhr-A) {
  container-type: inline-size;
}

.figure_ZIhr-A {
  margin-bottom: var(--site-space-lg);
  font-size: clamp(24px, 24cqw, 64px);
  line-height: 1;
}

.frame_ZIhr-A[data-studio-layout="studio-facts-rail"]:not(:has([data-collection-family])) .grid_ZIhr-A {
  gap: calc(var(--site-space-lg) * 1.5);
}

.frame_ZIhr-A[data-studio-layout="studio-facts-rail"]:not(:has([data-collection-family])) .card_ZIhr-A {
  border-top: 1px solid var(--site-border);
  padding-top: var(--site-space-lg);
}

.frame_ZIhr-A[data-studio-layout="studio-facts-rail"]:not(:has([data-collection-family])) .card_ZIhr-A h3 {
  font-size: var(--site-text-body);
  font-weight: var(--site-weight-body);
}

.frame_ZIhr-A[data-studio-layout="studio-case-facts"]:not(:has([data-collection-family])) .collection_ZIhr-A {
  max-width: var(--site-measure);
  margin-inline: auto;
}

.frame_ZIhr-A[data-studio-layout="studio-case-facts"]:not(:has([data-collection-family])) .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 1.5);
  border-radius: var(--site-radius);
  background: var(--studio-muted);
}

.quoteGrid_ZIhr-A {
  display: grid;
  gap: var(--site-space-lg);
  margin-top: calc(var(--site-space-lg) * 3);
}

.quoteCard_ZIhr-A {
  border-radius: var(--site-radius);
  background: var(--studio-muted);
  padding: calc(var(--site-space-lg) * 2);
}

.quoteText_ZIhr-A {
  display: flex;
  gap: var(--site-space-3xl);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.quoteText_ZIhr-A blockquote {
  margin: 0;
}

.quoteText_ZIhr-A blockquote p {
  font-size: calc(var(--site-text-lead) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-lead));
  letter-spacing: var(--slot-tracking, var(--site-tracking-lead));
  font-weight: var(--slot-weight, var(--site-weight-lead));
}

.attribution_ZIhr-A {
  display: flex;
  align-items:  center;
  gap: 14px;
}

.attribution_ZIhr-A > .media_ZIhr-A:not(.quoteLogo_ZIhr-A) {
  border-radius: 50%;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.attribution_ZIhr-A p + p {
  color: var(--site-muted-fg);
}

.quotes_ZIhr-A[data-single="true"] {
  text-align: center;
}

.quotes_ZIhr-A[data-single="true"] > .header_ZIhr-A {
  align-items:  center;
}

.quotes_ZIhr-A[data-single="true"] .quoteGrid_ZIhr-A {
  display: flex;
  margin-top: calc(var(--site-space-lg) * 2);
  flex-direction: column;
  align-items:  center;
}

.quotes_ZIhr-A[data-single="true"] .quoteCard_ZIhr-A {
  background: none;
  max-width: 1000px;
  padding: 0;
}

.quotes_ZIhr-A[data-single="true"] .quoteText_ZIhr-A {
  gap: 36px;
}

.quotes_ZIhr-A[data-single="true"] blockquote p {
  font-size: calc(var(--site-text-quote) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-quote));
  font-weight: var(--slot-weight, var(--site-weight-h2));
}

.quotes_ZIhr-A[data-single="true"] .attribution_ZIhr-A {
  text-align: start;
  justify-content: center;
  gap: 14px;
}

.quotes_ZIhr-A[data-single="true"] .attribution_ZIhr-A > .media_ZIhr-A {
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.quotes_ZIhr-A[data-quote-width="wide"] .quoteCard_ZIhr-A {
  max-width: 1200px;
}

.quotes_ZIhr-A[data-quote-photo="above"] .quoteCard_ZIhr-A {
  background: none;
  padding: 0;
}

.quotes_ZIhr-A[data-quote-photo="above"] .quoteText_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 1.5);
  gap: var(--site-space-md);
  height: auto;
}

.quotes_ZIhr-A[data-quote-photo="above"] blockquote p {
  font-size: calc(var(--site-text-quote) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-quote));
}

.quotes_ZIhr-A[data-single="true"] blockquote[data-length="medium"] p, .quotes_ZIhr-A[data-quote-photo="above"] blockquote[data-length="medium"] p {
  font-size: calc(var(--site-text-quote) * .72 * var(--slot-size-mult, 1));
}

.quotes_ZIhr-A[data-single="true"] blockquote[data-length="long"] p, .quotes_ZIhr-A[data-quote-photo="above"] blockquote[data-length="long"] p {
  font-size: calc(var(--site-text-lead) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-lead));
}

.quotes_ZIhr-A[data-card-layout="slider"] .quoteCard_ZIhr-A {
  padding: calc(var(--site-space-lg) * 3);
  min-height: clamp(280px, 40cqw, 340px);
}

.quotes_ZIhr-A[data-card-layout="wall"] .quoteGrid_ZIhr-A {
  gap: 10px;
}

.cases_ZIhr-A {
  display: grid;
  gap: var(--site-space-lg);
  margin-top: calc(var(--site-space-lg) * 3);
}

.caseCard_ZIhr-A {
  display: flex;
  border-radius: var(--site-radius);
  overflow: hidden;
  background: var(--studio-muted);
  flex-direction: column;
}

.caseImage_ZIhr-A {
  position: relative;
}

.caseText_ZIhr-A {
  padding: var(--site-space-3xl);
  display: flex;
  gap: var(--site-space-md);
  flex-direction: column;
  flex: 1;
}

.caseText_ZIhr-A > p {
  color: var(--site-muted-fg);
}

.caseText_ZIhr-A .site-cta {
  align-self:  flex-start;
  margin-top: auto;
}

.cases_ZIhr-A[data-featured="true"] .caseCard_ZIhr-A {
  overflow: visible;
  gap: var(--site-space-lg);
  background: none;
}

.cases_ZIhr-A[data-featured="true"] .caseText_ZIhr-A {
  gap: var(--site-space-2xl);
  max-width: 540px;
  margin-inline: auto;
  padding: 0;
}

.cases_ZIhr-A[data-featured="true"] .caseText_ZIhr-A .site-cta {
  margin-top: var(--site-space-md);
}

.imageQuote_ZIhr-A {
  position: absolute;
  inset-inline: 0;
  padding: clamp(var(--site-space-3xl), 3.4cqw, calc(var(--site-space-lg) * 3));
  background: linear-gradient(transparent, var(--studio-muted));
  bottom: 0;
}

.imageQuote_ZIhr-A blockquote p {
  font-size: var(--site-text-lead);
  line-height: var(--site-leading-lead);
  font-weight: var(--site-weight-lead);
}

.imageQuote_ZIhr-A > p {
  margin-top: var(--site-space-md);
}

.meta_ZIhr-A {
  display: flex;
  gap: var(--site-space-2xl) calc(var(--site-space-lg) * 2.5);
  flex-wrap: wrap;
  margin-top: 36px;
}

.questions_ZIhr-A > .header_ZIhr-A {
  text-align: center;
  align-items:  center;
}

.questionGroups_ZIhr-A {
  margin: calc(var(--site-space-lg) * 3.5) auto 0;
  display: flex;
  gap: calc(var(--site-space-lg) * 2.5);
  flex-direction: column;
  max-width: 960px;
}

.questionRows_ZIhr-A {
  border-bottom: 1px solid var(--site-border);
}

.question_ZIhr-A {
  position: relative;
  border-top: 1px solid var(--site-border);
}

.question_ZIhr-A summary {
  display: flex;
  justify-content: space-between;
  gap: calc(var(--site-space-lg) * 1.5);
  padding-block: calc(var(--site-space-lg) * 1.5);
  cursor: pointer;
  list-style: none;
  align-items:  center;
}

.question_ZIhr-A summary::-webkit-details-marker {
  display: none;
}

.question_ZIhr-A summary p {
  font-size: var(--site-text-h3);
  font-weight: var(--site-weight-h3);
  line-height: var(--site-leading-h3);
}

.question_ZIhr-A summary svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.question_ZIhr-A[open] summary svg {
  transform: rotate(45deg);
}

.question_ZIhr-A > p {
  padding-bottom: calc(var(--site-space-lg) * 1.5);
  color: var(--site-muted-fg);
  max-width: 62ch;
}

.frame_ZIhr-A button:focus-visible, .frame_ZIhr-A summary:focus-visible, .frame_ZIhr-A a:focus-visible, .tableScroll_ZIhr-A:focus-visible {
  outline: 2px solid var(--site-primary);
  outline-offset: 4px;
}

.periods_ZIhr-A {
  display: flex;
  gap: var(--site-space-2xs);
  padding: var(--site-space-2xs);
  margin-top: calc(var(--site-space-lg) * 2);
  border-radius: var(--site-radius);
  background: var(--studio-muted);
  flex-wrap: wrap;
}

.periods_ZIhr-A button {
  display: flex;
  align-items:  center;
  gap: var(--site-space-sm);
  padding: 10px var(--site-space-lg);
  border-radius: 6px;
  min-height: 44px;
}

.periods_ZIhr-A button[aria-pressed="true"] {
  background: var(--site-bg);
}

.badge_ZIhr-A {
  display: inline-block;
  background: var(--site-fg);
  color: var(--site-bg);
  padding: var(--site-space-2xs) var(--site-space-sm);
  border-radius: 999px;
  font-size: 14px;
}

.plans_ZIhr-A {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--site-space-lg) * 1.5);
  margin-top: calc(var(--site-space-lg) * 5);
  align-items:  start;
}

.plan_ZIhr-A {
  position: relative;
  display: flex;
  padding-block: calc(var(--site-space-lg) * 2.5);
  flex-direction: column;
  min-width: 0;
}

.plan_ZIhr-A[data-highlighted="true"] {
  border-radius: var(--site-radius);
  padding-inline: calc(var(--site-space-lg) * 2.5);
  background: var(--site-card);
  color: var(--site-card-fg);
}

.planName_ZIhr-A {
  display: flex;
  gap: var(--site-space-sm) var(--site-space-md);
  flex-wrap: wrap;
  align-items:  center;
}

.planName_ZIhr-A h3 {
  font-size: var(--site-text-h3);
  line-height: var(--site-leading-h3);
}

.plan_ZIhr-A[data-highlighted="true"] .badge_ZIhr-A {
  background: var(--site-bg);
  color: var(--site-fg);
}

.planDescription_ZIhr-A {
  margin-top: var(--site-space-lg);
  opacity: .7;
  max-width: 300px;
  min-height: 48px;
}

.price_ZIhr-A {
  display: flex;
  gap: var(--site-space-2xs) var(--site-space-sm);
  margin-top: calc(var(--site-space-lg) * 1.5);
  flex-wrap: wrap;
  align-items: baseline;
}

.price_ZIhr-A > p:first-child {
  font-size: var(--site-text-h2);
  line-height: var(--site-leading-h2);
}

.price_ZIhr-A > p + p {
  font-size: var(--site-text-sm);
  opacity: .6;
}

.plan_ZIhr-A > .site-cta {
  margin-top: calc(var(--site-space-lg) * 1.5);
  align-self:  flex-start;
}

.plan_ZIhr-A ul {
  margin-top: calc(var(--site-space-lg) * 2);
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.plan_ZIhr-A li {
  display: flex;
  align-items:  start;
  gap: var(--site-space-md);
}

.plan_ZIhr-A li svg {
  flex-shrink: 0;
  width: 18px;
  height: 21px;
}

.tableScroll_ZIhr-A {
  margin-top: clamp(calc(var(--site-space-lg) * 3), 6cqw, calc(var(--site-space-lg) * 5));
  overflow-x: auto;
}

.comparison_ZIhr-A {
  border-collapse: collapse;
  text-align: start;
  table-layout: fixed;
  width: 100%;
}

.comparison_ZIhr-A th, .comparison_ZIhr-A td {
  padding: var(--site-space-md);
  text-align: start;
  border-bottom: 1px solid var(--site-border);
  vertical-align: middle;
  position: relative;
}

.comparison_ZIhr-A th:first-child {
  padding-inline-start: 0;
}

.comparison_ZIhr-A th {
  font-weight: 500;
}

.comparison_ZIhr-A thead p {
  font-size: var(--site-text-h3);
}

.comparison_ZIhr-A[data-plan-table="true"] {
  min-width: 860px;
}

.comparison_ZIhr-A[data-plan-table="true"] th:first-child {
  width: 35%;
}

.comparison_ZIhr-A[data-plan-table="true"] td, .comparison_ZIhr-A[data-plan-table="true"] thead th:not(:first-child) {
  text-align: center;
}

.comparison_ZIhr-A .categoryRow_ZIhr-A th {
  padding-top: calc(var(--site-space-lg) * 2.5);
  padding-bottom: var(--site-space-2xs);
  border: 0;
}

.questionTabs_ZIhr-A {
  display: grid;
  align-items: stretch;
  gap: calc(var(--site-space-lg) * 3);
}

.questionTabs_ZIhr-A > .copy_ZIhr-A {
  display: flex;
  flex-direction: column;
}

.tabList_ZIhr-A {
  padding-top: calc(var(--site-space-lg) * 2);
  margin-top: auto;
}

.questionRow_ZIhr-A {
  position: relative;
  border-bottom: 1px solid var(--site-border);
}

.questionRow_ZIhr-A:first-child {
  border-top: 1px solid var(--site-border);
}

.questionRow_ZIhr-A > button {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: var(--site-space-lg);
  padding-block: var(--site-space-lg);
  color: var(--site-muted-fg);
  text-align: start;
  width: 100%;
  min-height: 44px;
}

.questionRow_ZIhr-A > button:hover {
  color: var(--site-fg);
}

.questionRow_ZIhr-A > button > svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.questionRow_ZIhr-A[data-active] {
  border-bottom-color: var(--site-fg);
}

.questionRow_ZIhr-A[data-active] > button {
  color: var(--site-fg);
  font-weight: 500;
}

.questionRowPanel_ZIhr-A {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--duration-base, .2s) var(--ease-out-emphasized, ease);
}

.questionRow_ZIhr-A[data-open] > .questionRowPanel_ZIhr-A {
  grid-template-rows: 1fr;
}

.questionRowPanel_ZIhr-A > div {
  overflow: hidden;
  min-height: 0;
}

.questionRowCopy_ZIhr-A {
  display: flex;
  align-items:  flex-start;
  gap: var(--site-space-md);
  padding-bottom: var(--site-space-lg);
  flex-direction: column;
}

.questionPanel_ZIhr-A {
  position: relative;
  border-radius: var(--site-radius);
  overflow: hidden;
  min-width: 0;
}

.questionPanel_ZIhr-A > .media_ZIhr-A {
  background: var(--studio-muted);
  width: 100%;
}

.questionPanel_ZIhr-A[hidden] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .questionRowPanel_ZIhr-A {
    transition: none;
  }
}

.article_ZIhr-A {
  max-width: var(--site-measure);
  margin-inline: auto;
}

.article_ZIhr-A .header_ZIhr-A {
  margin-bottom: calc(var(--site-space-lg) * 1.5);
}

.prose_ZIhr-A {
  display: flex;
  gap: var(--site-space-lg);
  max-width: var(--site-measure);
  flex-direction: column;
  min-width: 0;
}

.prose_ZIhr-A h2 {
  margin-top: calc(var(--site-space-lg) * 3.5);
}

.prose_ZIhr-A h2:first-child {
  margin-top: 0;
}

.prose_ZIhr-A p {
  line-height: 1.6;
}

.article_ZIhr-A[data-contents="true"] {
  max-width: none;
}

.article_ZIhr-A[data-contents="true"] .articleBody_ZIhr-A {
  border-top: 1px solid var(--site-border);
  padding-top: calc(var(--site-space-lg) * 3.5);
  margin-top: calc(var(--site-space-lg) * 3.5);
  display: grid;
  gap: calc(var(--site-space-lg) * 2.5);
}

.articleBody_ZIhr-A nav {
  display: flex;
  align-items:  start;
  gap: var(--site-space-md);
  flex-direction: column;
}

.articleBody_ZIhr-A nav a {
  color: var(--site-muted-fg);
}

.articleBody_ZIhr-A nav a:hover {
  text-decoration: underline;
}

.vacancies_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 5);
  border-top: 1px solid var(--site-border);
}

.vacancy_ZIhr-A {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: var(--site-space-2xl);
  padding-block: calc(var(--site-space-lg) * 2);
  border-bottom: 1px solid var(--site-border);
  flex-wrap: wrap;
}

.vacancyMeta_ZIhr-A {
  display: flex;
  gap: var(--site-space-lg);
  margin-top: var(--site-space-sm);
  color: var(--site-muted-fg);
  flex-wrap: wrap;
}

.formSplit_ZIhr-A {
  display: grid;
  align-items:  start;
  gap: calc(var(--site-space-lg) * 3);
}

.formSplit_ZIhr-A .header_ZIhr-A {
  max-width: 480px;
}

.formFields_ZIhr-A > form input:not([type="checkbox"]), .formFields_ZIhr-A > form select {
  padding: var(--site-space-md) var(--site-space-lg);
}

.formFields_ZIhr-A > form textarea {
  padding: var(--site-space-lg) var(--site-space-2xl);
}

@container (width >= 640px) {
  .plans_ZIhr-A {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid_ZIhr-A[data-columns="2"], .grid_ZIhr-A[data-columns="3"], .grid_ZIhr-A[data-columns="4"], .grid_ZIhr-A[data-columns="5"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .frame_ZIhr-A[data-grid-columns="one"] .collection_ZIhr-A[data-text-layout="split"] > .grid_ZIhr-A {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (width >= 768px) {
  .questions_ZIhr-A[data-grouped="true"] {
    display: grid;
    grid-template-columns: minmax(0, 288px) minmax(0, 1fr);
    gap: calc(var(--site-space-lg) * 3);
  }

  .questions_ZIhr-A[data-grouped="true"] > .header_ZIhr-A {
    align-items:  start;
    text-align: start;
  }

  .questions_ZIhr-A[data-grouped="true"] .questionGroups_ZIhr-A {
    margin-top: 0;
  }

  .questions_ZIhr-A[data-grouped="true"] summary {
    padding-block: var(--site-space-2xl);
  }

  .questionTabs_ZIhr-A {
    grid-template-columns: 4fr 1fr 7fr;
    gap: var(--site-space-lg);
  }

  .questionTabs_ZIhr-A > .copy_ZIhr-A {
    grid-column: 1;
    grid-row: 1;
  }

  .questionTabs_ZIhr-A > .questionPanel_ZIhr-A {
    grid-column: 3;
    grid-row: 1;
  }

  .frame_ZIhr-A[data-side="start"] .questionTabs_ZIhr-A {
    grid-template-columns: 7fr 1fr 4fr;
  }

  .frame_ZIhr-A[data-side="start"] .questionTabs_ZIhr-A > .copy_ZIhr-A {
    grid-column: 3;
  }

  .frame_ZIhr-A[data-side="start"] .questionTabs_ZIhr-A > .questionPanel_ZIhr-A {
    grid-column: 1;
  }

  .split_ZIhr-A[data-has-media="true"] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--site-space-lg);
  }

  .split_ZIhr-A .copy_ZIhr-A {
    grid-column: 1 / span 5;
  }

  .split_ZIhr-A > .media_ZIhr-A {
    grid-column: 7 / span 6;
  }

  .frame_ZIhr-A[data-side="start"] .split_ZIhr-A .copy_ZIhr-A {
    grid-column: 8 / span 5;
    grid-row: 1;
  }

  .frame_ZIhr-A[data-side="start"] .split_ZIhr-A > .media_ZIhr-A {
    grid-column: 1 / span 6;
    grid-row: 1;
  }

  .split_ZIhr-A[data-has-media="false"] .copy_ZIhr-A {
    grid-column: 1 / -1;
  }

  .panelHero_ZIhr-A[data-has-media="true"] {
    grid-template-columns: 5fr 7fr;
    gap: var(--site-space-lg);
  }

  .panelHero_ZIhr-A[data-side="start"] > .media_ZIhr-A {
    grid-column: 1;
    grid-row: 1;
  }

  .panelHero_ZIhr-A[data-side="start"] > .copy_ZIhr-A {
    grid-column: 2;
    grid-row: 1;
  }

  .frame_ZIhr-A[data-studio-layout="studio-problem-split"] .split_ZIhr-A .copy_ZIhr-A {
    grid-column: 1 / span 4;
  }

  .frame_ZIhr-A[data-studio-layout="studio-problem-split"] .split_ZIhr-A > .media_ZIhr-A {
    grid-column: 6 / span 7;
  }

  .frame_ZIhr-A[data-studio-layout="studio-problem-split"][data-side="start"] .split_ZIhr-A .copy_ZIhr-A {
    grid-column: 9 / span 4;
  }

  .frame_ZIhr-A[data-studio-layout="studio-problem-split"][data-side="start"] .split_ZIhr-A > .media_ZIhr-A {
    grid-column: 1 / span 7;
  }

  .grid_ZIhr-A[data-columns="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .collection_ZIhr-A[data-shape="split"] {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: var(--site-space-lg);
    align-items:  start;
  }

  .collection_ZIhr-A[data-shape="split"] > .grid_ZIhr-A {
    margin-top: 0;
  }

  .frame_ZIhr-A[data-grid-columns="one"] .collection_ZIhr-A[data-text-layout="split"] {
    grid-template-columns: 1fr 1fr;
    gap: clamp(calc(var(--site-space-lg) * 2), 6cqw, 112px);
  }

  .frame_ZIhr-A[data-grid-columns="one"] .collection_ZIhr-A[data-card-style] > .grid_ZIhr-A {
    grid-template-columns: minmax(0, 1fr);
  }

  .frame_ZIhr-A[data-studio-layout="studio-facts-rail"]:not(:has([data-collection-family])) .collection_ZIhr-A {
    grid-template-columns: 4fr 2fr 6fr;
  }

  .frame_ZIhr-A[data-studio-layout="studio-facts-rail"]:not(:has([data-collection-family])) .grid_ZIhr-A {
    grid-column: 3;
  }

  .frame_ZIhr-A[data-studio-layout="studio-assurance-media"] .collection_ZIhr-A {
    align-items: stretch;
  }

  .frame_ZIhr-A[data-studio-layout="studio-assurance-media"] .collection_ZIhr-A > .media_ZIhr-A {
    min-height: 600px;
    width: 100%;
    aspect-ratio: auto !important;
  }

  .frame_ZIhr-A[data-studio-layout="studio-assurance-media"] .copy_ZIhr-A {
    display: flex;
    flex-direction: column;
    padding-inline-end: calc(var(--site-space-lg) * 2.5);
  }

  .frame_ZIhr-A[data-studio-layout="studio-assurance-media"] .copy_ZIhr-A .grid_ZIhr-A {
    margin-top: auto;
    padding-top: calc(var(--site-space-lg) * 3.5);
    gap: calc(var(--site-space-lg) * 2);
  }

  .frame_ZIhr-A[data-side="start"] .collection_ZIhr-A > .media_ZIhr-A {
    grid-column: 1;
    grid-row: 1;
  }

  .frame_ZIhr-A[data-side="start"] .collection_ZIhr-A > .copy_ZIhr-A {
    grid-column: 2;
    grid-row: 1;
  }

  .frame_ZIhr-A[data-studio-layout="studio-assurance-media"][data-side="start"] .collection_ZIhr-A {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .frame_ZIhr-A[data-studio-layout="studio-assurance-media"][data-side="start"] .copy_ZIhr-A {
    padding-inline-end: 0;
    padding-inline-start: calc(var(--site-space-lg) * 2.5);
  }

  .frame_ZIhr-A[data-studio-layout="studio-tool-connect"] .collection_ZIhr-A {
    align-items:  center;
  }
}

@container (width >= 1024px) {
  .plans_ZIhr-A {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .plan_ZIhr-A[data-highlighted="true"] {
    transform: scale(1.04);
  }

  .questions_ZIhr-A[data-grouped="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .article_ZIhr-A[data-contents="true"] .articleBody_ZIhr-A {
    grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
    gap: calc(var(--site-space-lg) * 5);
  }

  .formSplit_ZIhr-A {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--site-space-lg) * 4);
  }

  .photoBaseline_ZIhr-A {
    grid-template-columns: 7fr 5fr;
  }

  .grid_ZIhr-A[data-columns="4"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid_ZIhr-A[data-columns="5"] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .collection_ZIhr-A[data-card-style="divided"] .card_ZIhr-A:not(:first-child) {
    border-inline-start: 1px solid var(--site-border);
    padding-inline-start: calc(var(--site-space-lg) * 2);
  }

  .quotes_ZIhr-A[data-text-layout="split"] {
    display: grid;
    grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
    gap: calc(var(--site-space-lg) * 5);
  }

  .quotes_ZIhr-A[data-text-layout="split"] .quoteGrid_ZIhr-A {
    margin-top: 0;
  }

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

  .cases_ZIhr-A[data-count="1"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .cases_ZIhr-A[data-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cases_ZIhr-A[data-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cases_ZIhr-A[data-featured="true"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .cases_ZIhr-A[data-featured="true"] .caseCard_ZIhr-A {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items:  center;
  }

  .frame_ZIhr-A[data-side="end"] .cases_ZIhr-A[data-featured="true"] .caseImage_ZIhr-A {
    grid-column: 2;
    grid-row: 1;
  }

  .frame_ZIhr-A[data-side="end"] .cases_ZIhr-A[data-featured="true"] .caseText_ZIhr-A {
    grid-column: 1;
    grid-row: 1;
  }
}

@container (width <= 767px) {
  .plans_ZIhr-A {
    margin-top: calc(var(--site-space-lg) * 3.5);
  }

  .vacancies_ZIhr-A {
    margin-top: calc(var(--site-space-lg) * 3);
  }

  .photoStage_ZIhr-A {
    padding: calc(var(--site-space-lg) * 3) calc(var(--site-space-lg) * 1.5);
    border-radius: var(--site-radius);
  }

  .heroImage_ZIhr-A {
    width: 100% !important;
  }

  .split_ZIhr-A > .media_ZIhr-A {
    order: -1;
  }

  .overview_ZIhr-A {
    gap: calc(var(--site-space-lg) * 3);
  }

  .frame_ZIhr-A[data-studio-layout="studio-portrait-grid"] .grid_ZIhr-A {
    margin-top: calc(var(--site-space-lg) * 4);
  }

  .collection_ZIhr-A[data-card-style="outlined"][data-media-size="medium"] .card_ZIhr-A {
    padding: calc(var(--site-space-lg) * 2);
  }

  .quotes_ZIhr-A[data-card-layout="slider"] .quoteCard_ZIhr-A {
    padding: var(--site-space-3xl);
  }

  .closing_ZIhr-A[data-photo="true"] {
    min-height: min(640px, var(--closing-screen));
    padding-top: calc(var(--site-space-lg) * 3.5);
  }
}

@container (width <= 639px) {
  .comparison_ZIhr-A[data-plan-table="false"] thead {
    display: none;
  }

  .comparison_ZIhr-A[data-plan-table="false"] tr {
    display: block;
    padding-block: var(--site-space-lg);
    border-top: 1px solid var(--site-border);
  }

  .comparison_ZIhr-A[data-plan-table="false"] td, .comparison_ZIhr-A[data-plan-table="false"] th {
    display: block;
    padding: 6px 0;
    border: 0;
  }

  .comparison_ZIhr-A[data-plan-table="false"] td:before {
    content: attr(data-column-label);
    display: block;
    color: var(--site-muted-fg);
    font-size: 12px;
  }
}

.collection_ZIhr-A > * {
  min-width: 0;
}

.collection_ZIhr-A[data-media-size="small"] .card_ZIhr-A > .media_ZIhr-A {
  margin-bottom: calc(var(--site-space-lg) * 1.5);
  border-radius: 0;
  width: 32px;
  height: 32px;
}

.collection_ZIhr-A[data-collection-family] .header_ZIhr-A {
  text-align: start;
  align-items:  flex-start;
}

.collection_ZIhr-A[data-collection-family][data-text-layout="center"] .header_ZIhr-A {
  text-align: center;
  align-items:  center;
}

.collection_ZIhr-A[data-collection-family][data-text-layout="center"] > .copy_ZIhr-A > .actions_ZIhr-A {
  justify-content: center;
}

.collection_ZIhr-A[data-collection-family] .card_ZIhr-A {
  overflow-wrap: anywhere;
}

.collection_ZIhr-A[data-collection-style="filled"] .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 1.5);
  background: var(--studio-muted);
  border-radius: var(--site-radius);
}

.collection_ZIhr-A[data-collection-style="ruled"] .card_ZIhr-A {
  border-top: 1px solid var(--site-border);
  padding-top: var(--site-space-lg);
}

.collection_ZIhr-A[data-collection-family="integrations"][data-collection-size="small"] .card_ZIhr-A > .media_ZIhr-A {
  width: 24px;
  height: 24px;
}

.collection_ZIhr-A[data-collection-family="integrations"][data-collection-size="small"] .cardText_ZIhr-A {
  margin-top: calc(var(--site-space-lg) * 2);
}

.collection_ZIhr-A[data-collection-family="integrations"][data-collection-size="medium"] .card_ZIhr-A > .media_ZIhr-A {
  width: 55%;
  height: 45px;
  aspect-ratio: 3 !important;
}

.collection_ZIhr-A[data-collection-family="integrations"][data-collection-details="hide"] .card_ZIhr-A {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  min-height: 160px;
  padding: 0;
}

.collection_ZIhr-A[data-collection-family="integrations"][data-collection-details="hide"][data-collection-size="full"] .card_ZIhr-A > .media_ZIhr-A {
  width: 100%;
}

.collection_ZIhr-A[data-collection-family="logos"] > .grid_ZIhr-A {
  margin-top: 0;
}

.collection_ZIhr-A[data-collection-family="logos"][data-arrangement="rail"] > .grid_ZIhr-A {
  display: flex;
  justify-content: center;
  gap: calc(var(--site-space-lg) * 2) calc(var(--site-space-lg) * 4);
  flex-wrap: wrap;
}

.collection_ZIhr-A[data-collection-family="logos"][data-arrangement="rail"] .card_ZIhr-A {
  flex-shrink: 0;
  max-width: 100%;
}

.collection_ZIhr-A[data-collection-family="logos"][data-arrangement="rail"] .media_ZIhr-A {
  border-radius: 0;
  width: 160px;
  max-width: 100%;
  height: 40px;
  aspect-ratio: 4 !important;
}

.collection_ZIhr-A[data-collection-family="logos"][data-arrangement="grid"] > .grid_ZIhr-A {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
}

.collection_ZIhr-A[data-collection-family="logos"][data-arrangement="grid"] .card_ZIhr-A {
  padding: calc(var(--site-space-lg) * 2.5);
  min-height: 120px;
}

.collection_ZIhr-A[data-collection-family="logos"][data-arrangement="grid"] .media_ZIhr-A {
  height: 40px;
  aspect-ratio: auto !important;
}

.collection_ZIhr-A[data-collection-family="logos"] .media_ZIhr-A img, .collection_ZIhr-A[data-collection-family="integrations"][data-collection-size="medium"] .media_ZIhr-A img, .collection_ZIhr-A[data-collection-family="integrations"][data-collection-size="small"] .media_ZIhr-A img {
  object-fit: contain;
}

.collection_ZIhr-A[data-collection-family="stats"][data-collection-style="ruled"] .grid_ZIhr-A {
  gap: calc(var(--site-space-lg) * 1.5);
}

.collection_ZIhr-A[data-collection-family="stats"][data-collection-style="ruled"] .card_ZIhr-A h3 {
  font-size: var(--site-text-body);
  font-weight: var(--site-weight-body);
}

.collectionLink_ZIhr-A {
  position: absolute;
  border-radius: inherit;
  inset: 0;
}

.collectionLink_ZIhr-A:focus-visible {
  outline: 2px solid var(--site-primary);
  outline-offset: 4px;
}

@container (width >= 640px) {
  .collection_ZIhr-A[data-collection-family] > .grid_ZIhr-A[data-columns="1"] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@container (width >= 768px) {
  .collection_ZIhr-A[data-collection-family="stats"][data-text-layout="split"] {
    grid-template-columns: minmax(0, 4fr) minmax(0, 2fr) minmax(0, 6fr);
  }

  .collection_ZIhr-A[data-collection-family="stats"][data-text-layout="split"] > .grid_ZIhr-A {
    grid-column: 3;
  }
}

.quotes_ZIhr-A:is([data-card-layout="grid"], [data-card-layout="masonry"])[data-quote-photo="portrait"] .attribution_ZIhr-A {
  align-items:  start;
}

.quotes_ZIhr-A:is([data-card-layout="grid"], [data-card-layout="masonry"])[data-quote-photo="portrait"] .attribution_ZIhr-A > .media_ZIhr-A {
  width: 112px;
  height: 112px;
}

.caseImage_ZIhr-A:not(:has(.media_ZIhr-A)) .imageQuote_ZIhr-A {
  position: relative;
}

.frame_ZIhr-A[data-studio-layout="studio-photo-quote"] .cases_ZIhr-A {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  margin: 0 auto;
}

.frame_ZIhr-A[data-studio-layout="studio-photo-quote"] .imageQuote_ZIhr-A {
  padding: clamp(calc(var(--site-space-lg) * 1.5), 4cqw, calc(var(--site-space-lg) * 3.5));
}

.frame_ZIhr-A[data-studio-layout="studio-photo-quote"] .imageQuote_ZIhr-A blockquote {
  max-width: 60%;
}

.slider_ZIhr-A > div {
  display: flex;
  flex-direction: column-reverse;
}

.slider_ZIhr-A [data-reference-rail] {
  margin-top: calc(var(--site-space-lg) * 1.5);
  grid-auto-columns: min(84%, 452px);
}

.quotes_ZIhr-A[data-card-layout="slider"] .slider_ZIhr-A [data-reference-rail] {
  grid-auto-columns: min(92%, 691px);
}

@container (width >= 1024px) {
  .quotes_ZIhr-A:is([data-card-layout="grid"], [data-card-layout="masonry"])[data-quote-photo="portrait"] .attribution_ZIhr-A > .media_ZIhr-A {
    width: 128px;
    height: 128px;
  }
}

@container (width >= 640px) {
  .quotes_ZIhr-A[data-card-layout="masonry"] .quoteGrid_ZIhr-A {
    display: block;
    columns: 2;
  }

  .quotes_ZIhr-A[data-card-layout="masonry"] .quoteCard_ZIhr-A {
    break-inside: avoid;
    margin-bottom: var(--site-space-lg);
  }
}

@container (width <= 767px) {
  .frame_ZIhr-A[data-studio-layout="studio-photo-quote"] .cases_ZIhr-A {
    width: 100%;
  }

  .frame_ZIhr-A[data-studio-layout="studio-photo-quote"] .imageQuote_ZIhr-A blockquote {
    max-width: 100%;
  }
}

.setupTrigger_ZIhr-A {
  white-space: normal;
}

.setupDialog_ZIhr-A {
  --dialog-width: 520px;
  position: fixed;
  width: min(var(--dialog-width), calc(100% - 32px));
  overflow: auto;
  border: 1px solid var(--site-border);
  border-radius: var(--site-radius);
  padding: calc(var(--site-space-lg) * 1.5);
  color: var(--site-fg);
  background: var(--site-bg);
  max-height: calc(100% - 48px);
  margin: auto;
  inset: 0;
}

.setupDialog_ZIhr-A[data-dialog-size="steps"] {
  --dialog-width: 640px;
  padding: calc(var(--site-space-lg) * 2);
}

.setupDialog_ZIhr-A[data-dialog-size="text"] {
  --dialog-width: 460px;
}

.setupDialog_ZIhr-A[data-dialog-size="actions"] {
  --dialog-width: 420px;
}

.setupDialog_ZIhr-A::backdrop {
  background: color-mix(in oklch, var(--site-fg) 40%, transparent);
}

.setupDialog_ZIhr-A h2 {
  font-size: calc(var(--site-text-h3) * var(--slot-size-mult, 1));
  line-height: var(--site-leading-h3);
}

.setupDialog_ZIhr-A .intro_ZIhr-A {
  margin-top: var(--site-space-sm);
}

.dialogTop_ZIhr-A {
  display: flex;
  align-items:  flex-start;
  gap: var(--site-space-lg);
}

.dialogTop_ZIhr-A > .header_ZIhr-A {
  flex: 1;
  min-width: 0;
}

.closeSpacer_ZIhr-A {
  display: none;
  flex-shrink: 0;
  width: 32px;
}

.setupClose_ZIhr-A {
  display: grid;
  color: var(--site-fg);
  background: none;
  border-radius: 50%;
  flex-shrink: 0;
  place-items:  center;
  width: 32px;
  height: 32px;
  margin-block-start: -4px;
  margin-inline: auto -4px;
}

.setupClose_ZIhr-A:hover {
  background: var(--studio-muted);
}

.setupClose_ZIhr-A svg {
  width: 18px;
  height: 18px;
}

.setupTabs_ZIhr-A {
  display: flex;
  gap: var(--site-space-lg);
  margin-top: var(--site-space-2xl);
  border-bottom: 1px solid var(--site-border);
  flex-wrap: wrap;
}

.setupTabs_ZIhr-A button {
  padding-block: var(--site-space-md);
  border-bottom: 2px solid #0000;
  flex-shrink: 0;
}

.setupTabs_ZIhr-A button[aria-selected="true"] {
  border-color: currentColor;
  font-weight: 500;
}

.setupSteps_ZIhr-A {
  display: flex;
  margin-top: var(--site-space-2xl);
  flex-direction: column;
}

.setupSteps_ZIhr-A li {
  display: flex;
  gap: 14px;
}

.setupSteps_ZIhr-A li > span {
  display: grid;
  padding-top: var(--site-space-2xs);
  position: relative;
  flex-shrink: 0;
  place-items:  start center;
  width: 28px;
}

.setupSteps_ZIhr-A li > span:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--studio-muted);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  top: 0;
}

.setupSteps_ZIhr-A li:not(:last-child) > span:after {
  content: "";
  background: var(--site-border);
  position: absolute;
  width: 1px;
  top: 34px;
  bottom: 6px;
}

.setupSteps_ZIhr-A li > div {
  padding-top: var(--site-space-2xs);
  padding-bottom: var(--site-space-2xl);
  flex: 1;
  min-width: 0;
}

.code_ZIhr-A {
  display: flex;
  gap: var(--site-space-md);
  border: 1px solid var(--site-border);
  padding: var(--site-space-md) 14px;
  background: var(--studio-muted);
  border-radius: 8px;
  justify-content: space-between;
  margin-top: 10px;
}

.code_ZIhr-A code {
  white-space: pre;
  overflow: auto;
  font-family: monospace;
  font-size: 14px;
}

.code_ZIhr-A button {
  border: 1px solid var(--site-border);
  background: var(--site-bg);
  border-radius: 6px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 5px;
}

@container (width <= 639px) {
  .setupDialog_ZIhr-A {
    padding: calc(var(--site-space-lg) * 1.25);
  }

  .setupDialog_ZIhr-A[data-dialog-size="steps"] {
    padding: calc(var(--site-space-lg) * 1.5);
  }

  .setupDialog_ZIhr-A:not(.setupPreview_ZIhr-A) {
    inset: auto 0 0;
    margin: 0;
    width: 100%;
    max-width: none;
    max-height: 88%;
    border-inline: 0;
    border-block-end: 0;
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
}

.inlineActions_ZIhr-A {
  display: contents;
}

@container (width >= 1024px) {
  .frame_ZIhr-A[data-grid-columns="one"]:has([data-collection-family]) {
    --studio-columns: 1;
  }

  .frame_ZIhr-A[data-grid-columns="two"] {
    --studio-columns: 2;
  }

  .frame_ZIhr-A[data-grid-columns="three"] {
    --studio-columns: 3;
  }

  .frame_ZIhr-A[data-grid-columns="four"] {
    --studio-columns: 4;
  }

  .frame_ZIhr-A[data-grid-columns="five"] {
    --studio-columns: 5;
  }

  .frame_ZIhr-A[data-grid-columns] .grid_ZIhr-A, .frame_ZIhr-A[data-grid-columns] .quoteGrid_ZIhr-A, .frame_ZIhr-A[data-grid-columns] .cases_ZIhr-A, .frame_ZIhr-A[data-grid-columns] .plans_ZIhr-A {
    grid-template-columns: repeat(var(--studio-columns), minmax(0, 1fr));
  }

  .frame_ZIhr-A[data-grid-columns] .quotes_ZIhr-A[data-card-layout="masonry"] .quoteGrid_ZIhr-A {
    columns: var(--studio-columns);
  }

  .frame_ZIhr-A[data-grid-columns] .quotes_ZIhr-A[data-text-layout="split"] .quoteGrid_ZIhr-A {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    columns: 2;
  }
}

.collectionNote_ZIhr-A {
  margin: calc(var(--site-space-lg) * 1.5) auto 0;
  color: var(--site-muted-fg);
  max-width: 720px;
}

.quoteLogo_ZIhr-A {
  border-radius: 0;
  margin-inline-start: auto;
  width: 120px !important;
  height: 30px !important;
}

.caseLogo_ZIhr-A {
  position: absolute;
  border-radius: 0;
  width: 100px;
  height: 25px;
  inset-block-start: clamp(24px, 3cqw, 48px);
  inset-inline-start: clamp(24px, 3cqw, 48px);
}

.breadcrumbs_ZIhr-A {
  display: flex;
  gap: var(--site-space-sm);
  margin-bottom: calc(var(--site-space-lg) * 2);
}

.breadcrumbs_ZIhr-A > span {
  display: flex;
  align-items:  center;
  gap: var(--site-space-sm);
}

.breadcrumbs_ZIhr-A .site-cta {
  min-height: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

.photoStage_ZIhr-A {
  min-height: clamp(560px, var(--site-preview-viewport-height, 100svh)  - 32px, 100svh);
}

.photoScrim_ZIhr-A {
  position: absolute;
  z-index: -1;
  background: linear-gradient(to top, #00000040, #0000 40%, #0000001a);
  inset: 0;
}

@container (width <= 767px) {
  .photoStage_ZIhr-A {
    min-height: clamp(520px, var(--site-preview-viewport-height, 100svh), 100svh);
  }
}

.setupPreview_ZIhr-A {
  position: relative;
  max-height: none;
  margin-block-start: calc(var(--site-space-lg, var(--site-space-lg)) * 1.5);
  inset: auto;
}

.setupDialog_ZIhr-A .setupContent_ZIhr-A {
  display: grid;
  gap: var(--site-space-lg, var(--site-space-lg));
  margin-top: var(--site-space-lg, var(--site-space-lg));
}

.frame_ZIhr-A .header_ZIhr-A .intro_ZIhr-A {
  max-width: var(--site-copy-measure);
  text-wrap: balance;
}

.frame_ZIhr-A .header_ZIhr-A h2 {
  max-width: var(--site-measure-heading);
}

.dialogSection_ZIhr-A {
  text-align: start;
}

.frame_ZIhr-A[data-align="center"] .dialogSection_ZIhr-A {
  text-align: center;
}

.frame_ZIhr-A[data-align="center"] .setupDialog_ZIhr-A .header_ZIhr-A {
  text-align: center;
  align-items:  center;
}

.frame_ZIhr-A[data-align="center"] .closeSpacer_ZIhr-A {
  display: block;
}

.frame_ZIhr-A[data-align="center"] .setupTabs_ZIhr-A {
  justify-content: center;
}

/* components/site-sections/shared/RailBleed.module.css */
.track_OTp4bQ {
  scroll-padding-inline-start: var(--rail-inset-start, 0px);
  scroll-padding-inline-end: var(--rail-inset-end, 0px);
  margin-inline-start: calc(-1 * var(--rail-inset-start, 0px));
  margin-inline-end: calc(-1 * var(--rail-inset-end, 0px));
  padding-inline-start: var(--rail-inset-start, 0px);
  padding-inline-end: var(--rail-inset-end, 0px);
}

/* components/site-sections/mono/Mono.module.css */
.frame_pAsUCg {
  --site-btn-radius: 9999px;
  font-family: var(--site-font-body);
  container-type: inline-size;
  font-size: 16px;
  font-weight: 450;
  line-height: 1.4;
}

.frame_pAsUCg > * {
  --mono-radius-media: 4px;
  --mono-radius-callout: 24px;
  --mono-radius-card: 16px;
  --mono-rule: color-mix(in oklch, var(--site-fg) 10%, transparent);
  --mono-rule-soft: color-mix(in oklch, var(--site-fg) 6%, transparent);
  --mono-plate: color-mix(in oklch, var(--site-fg) 5%, transparent);
  --mono-quiet: color-mix(in oklch, var(--site-fg) 6%, var(--site-bg));
  --mono-gap: clamp(20px, 2.2cqw, 32px);
  --mono-content-gap: clamp(48px, 6.7cqw, 96px);
  --mono-ease: cubic-bezier(.22, 1, .36, 1);
  --mono-ease-expo: cubic-bezier(.625, .05, 0, 1);
}

.frame_pAsUCg[data-mono-surface="media"] > * {
  color: #fff;
  --site-fg: white !important;
  --site-muted-fg: #ffffffbf !important;
}

.display_pAsUCg, .title_pAsUCg, .heading_pAsUCg, .subheading_pAsUCg, .cardTitle_pAsUCg {
  font-family: var(--site-font-heading);
  letter-spacing: -.03em;
  text-wrap: balance;
  white-space: pre-line;
  margin: 0;
  font-weight: 500;
}

.display_pAsUCg {
  font-size: clamp(40px, 4.2cqw, 60px);
  line-height: 1;
}

.title_pAsUCg {
  font-size: clamp(40px, 3.9cqw, 56px);
  line-height: 1;
}

.heading_pAsUCg {
  font-size: clamp(32px, 3.05cqw, 44px);
  line-height: 1.05;
}

.subheading_pAsUCg {
  font-size: clamp(26px, 2.2cqw, 32px);
  line-height: 1.1;
}

.cardTitle_pAsUCg {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  font-family: var(--site-font-body);
}

.lead_pAsUCg {
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
}

.body_pAsUCg {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
}

.meta_pAsUCg {
  color: var(--site-muted-fg);
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.label_pAsUCg {
  display: inline-flex;
  border: 1px solid var(--mono-rule);
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  border-radius: 9999px;
  align-items:  center;
  width: fit-content;
  min-height: 30px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.header_pAsUCg {
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-width: 0;
}

.header_pAsUCg[data-align="center"] {
  text-align: center;
  align-items:  center;
}

.header_pAsUCg[data-align="start"] {
  text-align: start;
  align-items:  flex-start;
}

.header_pAsUCg > .heading_pAsUCg, .header_pAsUCg > .subheading_pAsUCg {
  max-width: 18ch;
}

.header_pAsUCg[data-align="center"] > .heading_pAsUCg {
  max-width: 22ch;
}

.intro_pAsUCg {
  color: var(--site-muted-fg);
  text-wrap: balance;
  max-width: 420px;
}

.media_pAsUCg {
  position: relative;
  overflow: hidden;
  border-radius: var(--mono-radius-media);
  background: var(--mono-quiet);
  min-width: 0;
}

.mediaFill_pAsUCg {
  position: absolute;
  overflow: hidden;
  inset: 0;
}

.media_pAsUCg img, .mediaFill_pAsUCg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.actions_pAsUCg {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 8px;
}

.action_pAsUCg {
  letter-spacing: 0;
  transition: opacity .24s var(--mono-ease);
  border: 0;
  border-radius: 9999px;
  min-height: 36px;
  padding-block: 4px;
  padding-inline: 14px;
  font-size: 14px;
  font-weight: 550;
}

.action_solid_pAsUCg {
  background: var(--site-fg);
  color: var(--site-bg);
}

.action_inverse_pAsUCg {
  color: #000;
  background: #fff;
}

.action_glass_pAsUCg {
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: #ffffff1a;
}

.action_quiet_pAsUCg {
  background: var(--mono-quiet);
  color: var(--site-fg);
}

@media (hover: hover) {
  .action_pAsUCg:hover {
    opacity: .72;
  }
}

.ruleTop_pAsUCg {
  border-top: 1px solid var(--mono-rule-soft);
}

@media (prefers-reduced-motion: reduce) {
  .action_pAsUCg {
    transition: none;
  }
}

.atmos_pAsUCg {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #e8e8e8;
  border-radius: 4px;
}

.atmosLayer_pAsUCg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background: #e8e8e8 center / cover;
  inset: 0;
}

[data-site-backdrop="brand"] .atmosLayer_pAsUCg {
  background: var(--site-primary);
}

:is([data-site-backdrop="dusk"], [data-site-backdrop="shadow"], [data-site-backdrop="walnut"]) .atmosLayer_pAsUCg {
  background-image: var(--site-screen-image);
}

/* components/site-sections/mono/MonoProductPicture.module.css */
.cardPicture_eMmLHA {
  --pic-ink: #1c1c1b;
  --pic-muted: #6b6b67;
  --pic-faint: #a2a29e;
  --pic-line: #ecece8;
  --pic-panel: #fbfbfa;
  --pic-chip: #efefeb;
  position: relative;
  z-index: 2;
  color: var(--pic-ink);
  letter-spacing: -.011em;
  filter: drop-shadow(0 1px 1px #00000014) drop-shadow(0 18px 32px #0000002e);
  width: 80%;
  font-size: 2.9cqw;
  line-height: 1.35;
}

@container (width <= 500px) {
  .cardPicture_eMmLHA {
    width: 88%;
    font-size: 3.6cqw;
  }
}

.panel_eMmLHA {
  display: flex;
  background: var(--pic-panel);
  text-align: start;
  border-radius: 1.3em;
  flex-direction: column;
  gap: .6em;
  padding: 1.5em 1.6em;
  box-shadow: 0 0 0 1px #0000000d;
}

.eyebrow_eMmLHA {
  color: var(--pic-faint);
  margin: 0;
  font-size: .85em;
}

.title_eMmLHA {
  letter-spacing: -.02em;
  text-wrap: balance;
  margin: 0;
  font-size: 1.45em;
  font-weight: 600;
  line-height: 1.15;
}

.line_eMmLHA {
  color: var(--pic-muted);
  text-wrap: pretty;
  margin: 0;
}

.bars_eMmLHA {
  display: flex;
  align-items:  flex-end;
  gap: .5em;
  height: 5.5em;
  margin-top: .8em;
}

.bars_eMmLHA i {
  background: #e5e5e1;
  border-radius: .35em;
  flex: 1;
}

.bars_eMmLHA i[data-last] {
  background: var(--pic-ink);
}

.mark_eMmLHA {
  display: inline-flex;
  background: color-mix(in oklch, var(--site-primary) 70%, black);
  color: #fff;
  border-radius: .6em;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 2.2em;
  height: 2.2em;
  font-size: 1em;
  font-weight: 650;
}

.messageHead_eMmLHA {
  display: flex;
  align-items:  center;
  gap: .7em;
}

.messageName_eMmLHA {
  font-weight: 650;
}

.messageText_eMmLHA {
  text-wrap: pretty;
  margin: 0;
  font-size: 1.12em;
  line-height: 1.45;
}

.switchRow_eMmLHA {
  display: flex;
  align-items:  flex-start;
  gap: 1em;
}

.switchRow_eMmLHA .title_eMmLHA {
  flex: 1;
}

.switch_eMmLHA {
  position: relative;
  background: color-mix(in oklch, var(--site-primary) 80%, black);
  border-radius: 999px;
  flex: none;
  width: 2.6em;
  height: 1.55em;
  margin-top: .1em;
}

.switch_eMmLHA:after {
  content: "";
  position: absolute;
  background: #fff;
  border-radius: 50%;
  width: 1.15em;
  height: 1.15em;
  inset-block-start: .2em;
  inset-inline-end: .2em;
}

.list_eMmLHA {
  display: flex;
  list-style: none;
  flex-direction: column;
  margin: .2em 0 0;
  padding: 0;
}

.list_eMmLHA li {
  display: flex;
  border-top: 1px solid var(--pic-line);
  color: var(--pic-muted);
  align-items:  center;
  gap: .7em;
  padding: .75em 0;
}

.list_eMmLHA li:first-child {
  border-top: 0;
  padding-top: .2em;
}

.list_eMmLHA li[data-current] {
  color: var(--pic-ink);
  font-weight: 600;
}

.check_eMmLHA {
  display: inline-flex;
  color: var(--pic-faint);
  flex: none;
  width: 1.2em;
  height: 1.2em;
}

.list_eMmLHA li[data-current] .check_eMmLHA {
  color: color-mix(in oklch, var(--site-primary) 80%, black);
}

.check_eMmLHA svg {
  stroke-width: 2.2;
  width: 100%;
  height: 100%;
}

.window_eMmLHA {
  --pic-ink: #1c1c1b;
  --pic-muted: #6b6b67;
  --pic-faint: #a2a29e;
  --pic-line: #ededea;
  display: grid;
  grid-template-columns: 15.5em minmax(0, 1fr);
  color: var(--pic-ink);
  letter-spacing: -.011em;
  text-align: start;
  background: #ecebe7;
  min-height: 24em;
  padding: .55em .55em 0 0;
  font-size: max(1.15cqw, 11px);
  line-height: 1.3;
}

.side_eMmLHA {
  display: flex;
  flex-direction: column;
  gap: .1em;
  padding: .7em .8em 0 1em;
}

.lights_eMmLHA {
  display: flex;
  align-items:  center;
  gap: .5em;
  padding: .4em .1em 1.2em;
}

.lights_eMmLHA i {
  background: #d4d4d0;
  border-radius: 50%;
  width: .8em;
  height: .8em;
}

.lights_eMmLHA svg {
  color: var(--pic-faint);
  width: 1.1em;
  height: 1.1em;
  margin-inline-start: .8em;
}

.workspace_eMmLHA {
  display: flex;
  align-items:  center;
  gap: .6em;
  padding: 0 .5em 1em;
  font-weight: 550;
}

.workspace_eMmLHA .mark_eMmLHA {
  border-radius: .5em;
  width: 1.75em;
  height: 1.75em;
  font-size: .85em;
}

.workspace_eMmLHA svg {
  width: 1em;
  height: 1em;
}

.tools_eMmLHA {
  display: inline-flex;
  color: var(--pic-muted);
  gap: .6em;
  margin-inline-start: auto;
}

.muted_eMmLHA {
  color: var(--pic-faint);
  flex: none;
}

.nav_eMmLHA {
  color: #4b4b48;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: .55em;
  padding: .5em .7em;
}

.nav_eMmLHA[data-current] {
  color: var(--pic-ink);
  background: #0000000e;
  font-weight: 500;
}

.main_eMmLHA {
  display: flex;
  overflow: hidden;
  background: #fff;
  border-radius: .7em .7em 0 0;
  flex-direction: column;
  box-shadow: 0 0 0 1px #0000000a;
}

.mainHead_eMmLHA {
  border-bottom: 1px solid var(--pic-line);
  padding: 1.1em 1.6em;
  font-size: 1.1em;
  font-weight: 600;
}

.row_eMmLHA {
  display: flex;
  border-bottom: 1px solid var(--pic-line);
  align-items:  center;
  gap: 1.5em;
  padding: 1.25em 1.6em;
}

.rowTitle_eMmLHA {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: none;
  width: 13em;
  font-weight: 500;
}

.rowLine_eMmLHA {
  color: var(--pic-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

.row_eMmLHA svg {
  width: 1em;
  height: 1em;
  margin-inline-start: auto;
}

[dir="rtl"] .row_eMmLHA svg {
  transform: scaleX(-1);
}

@container (width <= 640px) {
  .window_eMmLHA {
    grid-template-columns: minmax(0, 1fr);
    font-size: 3.4cqw;
    padding: 0;
  }

  .side_eMmLHA {
    display: none;
  }
}

.cardPicture_eMmLHA, .window_eMmLHA {
  overflow-wrap: anywhere;
  min-width: 0;
  max-width: 100%;
}

.panel_eMmLHA, .workspace_eMmLHA, .row_eMmLHA {
  min-width: 0;
}

.workspace_eMmLHA > span:not(.tools_eMmLHA):not(.mark_eMmLHA) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

@container (width <= 640px) {
  .rowTitle_eMmLHA {
    width: auto;
    flex: 1;
    min-width: 0;
  }

  .rowLine_eMmLHA {
    display: none;
  }
}

/* components/site-sections/mono/MonoHome.module.css */
.centred_e7hg1w {
  justify-content: center;
}

.backdrop_e7hg1w {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  container-type: size;
  inset: 0;
}

.pictureBox_e7hg1w {
  position: absolute;
  inset: 0;
}

.pictureBox_e7hg1w .picture_e7hg1w {
  display: block;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.shade_e7hg1w {
  position: absolute;
  pointer-events: none;
  inset: 0;
}

.hero_e7hg1w {
  position: relative;
  isolation: isolate;
  display: flex;
  overflow: hidden;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items:  center;
  gap: 48px;
  padding: 120px 32px 64px;
}

.hero_e7hg1w[data-on-media="true"] {
  min-height: var(--site-preview-viewport-height, 100svh);
  color: #fff;
  background: #000;
  padding: 64px 32px 16px;
}

.heroVideo_e7hg1w {
  position: absolute;
  pointer-events: none;
  inset: 0;
}

.heroVideo_e7hg1w[data-controls] {
  pointer-events: auto;
}

.heroEmbed_e7hg1w {
  position: absolute;
  pointer-events: none;
  border: 0;
  width: max(100cqw, 177.78cqh);
  height: max(100cqh, 56.25cqw);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.heroEmbed_e7hg1w[data-controls] {
  pointer-events: auto;
}

.shadeBottom_e7hg1w {
  background: linear-gradient(#0000 0%, #00000080 100%);
}

.shadeTop_e7hg1w {
  background: linear-gradient(#000000bf 0%, #0000 45.67%);
}

.heroContent_e7hg1w {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  width: min(760px, 100%);
  min-width: 0;
}

.heroCopy_e7hg1w {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  min-width: 0;
}

.hero_e7hg1w .heroTitle_e7hg1w {
  max-width: none;
  font-size: clamp(40px, 10cqw, 60px);
  line-height: 1;
}

.hero_e7hg1w .heroBody_e7hg1w {
  color: var(--site-muted-fg);
  max-width: 520px;
}

.hero_e7hg1w[data-on-media="true"] .heroBody_e7hg1w {
  color: #ffffffbf;
}

.heroLogos_e7hg1w {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:  center;
  gap: 0 clamp(48px, 8cqw, 112px);
  width: 100%;
}

.heroLogo_e7hg1w {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  min-width: 0;
  min-height: 80px;
}

.heroLogo_e7hg1w .heroLogoImage_e7hg1w {
  display: block;
  object-fit: contain;
  border-radius: 0;
  width: auto;
  max-width: 150px;
  height: 80px;
}

.hero_e7hg1w[data-on-media="true"] .heroLogoImage_e7hg1w {
  filter: brightness(0) invert(1);
}

.heroLogoLabel_e7hg1w {
  color: var(--site-muted-fg);
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

@container (width <= 900px) {
  .heroLogos_e7hg1w {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 0 56px;
  }

  .heroLogo_e7hg1w {
    min-height: 64px;
  }

  .heroLogo_e7hg1w .heroLogoImage_e7hg1w {
    max-width: 120px;
    height: 64px;
  }
}

@container (width <= 520px) {
  .hero_e7hg1w, .hero_e7hg1w[data-on-media="true"] {
    padding-inline: 20px;
  }

  .hero_e7hg1w .heroBody_e7hg1w {
    font-size: 15px;
  }

  .heroLogos_e7hg1w {
    gap: 0 32px;
  }

  .heroLogo_e7hg1w .heroLogoImage_e7hg1w {
    max-width: 110px;
  }
}

.cards_e7hg1w {
  display: flex;
  align-items:  center;
  gap: var(--mono-content-gap);
  flex-direction: column;
  min-width: 0;
}

.cardGrid_e7hg1w {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.card_e7hg1w {
  position: relative;
  min-width: 0;
}

.cardCopy_e7hg1w {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-block-start: 32px;
  padding-inline-end: 48px;
}

.card_e7hg1w .cardTitle_e7hg1w, .statCard_e7hg1w .cardTitle_e7hg1w {
  font-weight: 550;
}

@container (width <= 800px) {
  .cards_e7hg1w {
    gap: 64px;
  }

  .cardGrid_e7hg1w {
    grid-template-columns: minmax(0, 1fr);
    gap: 56px;
  }

  .cardCopy_e7hg1w {
    padding-block-start: 20px;
    padding-inline-end: 0;
  }
}

.stats_e7hg1w {
  --home-plate: color-mix(in oklch, var(--site-fg) 5%, transparent);
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 64px;
  min-width: 0;
}

.statsHead_e7hg1w {
  display: flex;
  justify-content: center;
}

.statsHead_e7hg1w .visuallyHidden_e7hg1w {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
}

.statGrid_e7hg1w {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.statCard_e7hg1w {
  position: relative;
  display: flex;
  background: var(--home-plate);
  border-radius: var(--mono-radius-media);
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  height: 400px;
  padding: 20px;
}

.statCard_e7hg1w[data-wide] {
  grid-column: span 2;
}

.statCard_e7hg1w[data-size="featured"] {
  padding: 24px 32px;
}

.statCard_e7hg1w .statValue_e7hg1w {
  font-family: var(--site-font-heading);
  letter-spacing: -.03em;
  color: var(--site-fg);
  text-wrap: balance;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.statCard_e7hg1w[data-size="large"] .statValue_e7hg1w {
  font-size: 72px;
}

.statCard_e7hg1w[data-size="featured"] .statValue_e7hg1w {
  font-size: 44px;
}

.statCopy_e7hg1w {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 292px;
}

@container (width <= 900px) {
  .statGrid_e7hg1w {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (width <= 600px) {
  .statGrid_e7hg1w {
    grid-template-columns: minmax(0, 1fr);
  }

  .statCard_e7hg1w, .statCard_e7hg1w[data-wide] {
    height: 320px;
    grid-column: auto;
  }

  .statCard_e7hg1w[data-size="large"] .statValue_e7hg1w {
    font-size: clamp(44px, 16cqw, 72px);
  }

  .statCopy_e7hg1w {
    max-width: none;
  }
}

.closing_e7hg1w {
  position: relative;
  isolation: isolate;
  display: flex;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  align-items:  center;
  min-height: 484px;
  padding: 160px 32px;
}

.closing_e7hg1w[data-on-media="true"] {
  color: #fff;
  background: #000;
}

.closingShade_e7hg1w {
  background: #00000040;
}

.closingContent_e7hg1w {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 40px;
  width: 100%;
  min-width: 0;
}

.closingCopy_e7hg1w {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  min-width: 0;
}

.closing_e7hg1w .closingTitle_e7hg1w {
  width: min(740px, 100%);
  max-width: none;
  font-size: clamp(34px, 9cqw, 44px);
  line-height: 1;
}

.closing_e7hg1w[data-on-media="true"] .closingLabel_e7hg1w {
  color: #fff;
  border-color: #fff3;
}

@container (width <= 720px) {
  .closing_e7hg1w {
    min-height: 440px;
    padding: 120px 20px;
  }
}

@container (width <= 420px) {
  .closing_e7hg1w {
    min-height: 420px;
    padding-block: 96px;
  }

  .closingContent_e7hg1w {
    gap: 32px;
  }
}

.footer_e7hg1w {
  --home-footer-quiet: color-mix(in oklch, var(--site-fg) 60%, transparent);
  display: flex;
  color: var(--site-fg);
  flex-direction: column;
  gap: 96px;
  padding-block: 32px;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.footerTop_e7hg1w, .footerBottom_e7hg1w {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 32px;
}

.footerTop_e7hg1w {
  align-items:  start;
  min-height: 168px;
}

.footerBottom_e7hg1w {
  align-items:  end;
}

.footerMark_e7hg1w {
  grid-column: 1 / span 4;
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 16px;
  min-width: 0;
}

.footerTagline_e7hg1w {
  color: var(--home-footer-quiet);
  max-width: 320px;
  margin: 0;
}

.footerGroups_e7hg1w {
  grid-column: 5 / -1;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  align-items:  start;
  gap: 32px;
  min-width: 0;
}

.footerTop_e7hg1w[data-groups-only] .footerGroups_e7hg1w {
  grid-column: 1 / -1;
}

.footerGroup_e7hg1w {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 16px;
  min-width: 0;
}

.footerGroupLabel_e7hg1w {
  color: var(--site-fg);
  margin: 0;
  font-weight: 550;
}

.footerLinks_e7hg1w {
  display: flex;
  list-style: none;
  white-space: nowrap;
  flex-direction: column;
  align-items:  flex-start;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.footerLinks_e7hg1w > li {
  min-width: 0;
  max-width: 100%;
}

.footerLinks_e7hg1w > li > *, .footerCredit_e7hg1w > * {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--home-footer-quiet);
  max-width: 100%;
  min-height: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.footerName_e7hg1w {
  grid-column: 1 / span 5;
  font-family: var(--site-font-heading);
  letter-spacing: -.04em;
  color: var(--site-fg);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}

.footerCredits_e7hg1w {
  grid-column: 6 / -1;
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items:  center;
  gap: 12px 32px;
  min-width: 0;
}

.footerCredit_e7hg1w {
  color: var(--home-footer-quiet);
  min-width: 0;
  max-width: 100%;
}

@container (width <= 1000px) {
  .footer_e7hg1w {
    gap: 80px;
  }

  .footerTop_e7hg1w {
    display: flex;
    flex-direction: column;
    gap: 64px;
    min-height: 0;
  }

  .footerGroups_e7hg1w {
    width: 100%;
  }

  .footerBottom_e7hg1w {
    display: flex;
    flex-direction: column;
    align-items:  flex-start;
    gap: 48px;
  }

  .footerCredits_e7hg1w {
    width: 100%;
    justify-content: flex-start;
  }
}

@container (width <= 680px) {
  .footer_e7hg1w {
    gap: 64px;
    padding-block: 24px 32px;
  }

  .footerTop_e7hg1w {
    gap: 56px;
  }

  .footerGroups_e7hg1w {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 24px;
  }

  .footerCredits_e7hg1w {
    gap: 10px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .heroEmbed_e7hg1w[data-decorative] {
    display: none;
  }
}

.cards_e7hg1w[data-product], .cards_e7hg1w[data-product] > div:first-child, .cards_e7hg1w[data-product] .cardGrid_e7hg1w {
  gap: 24px;
}

.cards_e7hg1w[data-product] .cardCopy_e7hg1w {
  padding-block-start: 24px;
  padding-inline-end: 0;
}

.cards_e7hg1w[data-product][data-count="2"] .cardGrid_e7hg1w, .cards_e7hg1w[data-product][data-count="4"] .cardGrid_e7hg1w {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.screenCard_e7hg1w {
  display: flex;
  aspect-ratio: 1;
  container-type: inline-size;
  justify-content: center;
  align-items:  center;
  width: 100%;
  padding: 24px;
}

.screenCard_e7hg1w .screenImage_e7hg1w {
  position: relative;
  z-index: 1;
  object-fit: contain;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.screenCard_e7hg1w > div:not([aria-hidden]) {
  position: relative;
  z-index: 1;
  width: 100%;
}

.drawnFill_e7hg1w {
  display: flex;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
}

@container (width <= 800px) {
  .cards_e7hg1w[data-product][data-count] .cardGrid_e7hg1w {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* components/site-sections/mono/MonoInteractive.module.css */
.rule_s1Y5IA {
  background: var(--mono-rule-soft);
  margin-block: calc(-1 * var(--site-section-py, 0px) * var(--section-pt-scale, 1) * var(--section-py-own, 1)) 32px;
  height: 1px;
}

.slider_s1Y5IA {
  --slide-w: min(600px, calc(100cqw - 48px));
  --slide-gap: 16px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-width: 0;
}

.head_s1Y5IA {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
}

.headMain_s1Y5IA {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
  min-width: 0;
  max-width: 549px;
}

.headMain_s1Y5IA .sliderHeading_s1Y5IA {
  max-width: none;
}

.controls_s1Y5IA {
  display: flex;
  flex: none;
  align-items:  center;
  gap: 8px;
}

.pager_s1Y5IA {
  display: flex;
  background: var(--mono-rule-soft);
  border-radius: 9999px;
  align-items:  center;
  gap: 6px;
  height: 30px;
  padding-block: 4px;
  padding-inline: 12px;
}

.dot_s1Y5IA {
  position: relative;
  display: flex;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  height: 22px;
  padding: 0;
}

.dot_s1Y5IA:after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: -3px;
}

.dotBar_s1Y5IA {
  position: relative;
  display: block;
  overflow: hidden;
  background: color-mix(in oklch, var(--site-fg) 20%, transparent);
  transition: width .4s var(--mono-ease), background-color .24s var(--mono-ease);
  border-radius: 9999px;
  width: 6px;
  height: 6px;
}

.dot_s1Y5IA[data-active] .dotBar_s1Y5IA {
  width: 32px;
}

.dotFill_s1Y5IA {
  position: absolute;
  background: var(--site-fg);
  transform-origin: left center;
  animation: mono-quote-fill 5s linear forwards;
  inset: 0;
  transform: scaleX(0);
}

.dotFill_s1Y5IA:dir(rtl) {
  transform-origin: right center;
}

.dotFill_s1Y5IA[data-paused] {
  animation-play-state: paused;
}

.dotFill_s1Y5IA[data-still] {
  animation: none;
  transform: none;
}

@keyframes mono-quote-fill_4jUNgQ {
  to {
    transform: scaleX(1);
  }
}

.dot_s1Y5IA:focus-visible {
  outline: none;
}

.dot_s1Y5IA:focus-visible .dotBar_s1Y5IA {
  outline: 2px solid var(--site-fg);
  outline-offset: 3px;
}

.toggle_s1Y5IA {
  display: inline-grid;
  background: var(--mono-rule-soft);
  color: var(--site-fg);
  cursor: pointer;
  transition: opacity .24s var(--mono-ease);
  border: 0;
  border-radius: 9999px;
  flex: none;
  place-items:  center;
  width: 30px;
  height: 30px;
  padding: 0;
}

.toggle_s1Y5IA:focus-visible {
  outline: 2px solid var(--site-fg);
  outline-offset: 2px;
}

@media (hover: hover) {
  .dot_s1Y5IA:hover .dotBar_s1Y5IA {
    background-color: color-mix(in oklch, var(--site-fg) 35%, transparent);
  }

  .toggle_s1Y5IA:hover {
    opacity: .72;
  }
}

.viewport_s1Y5IA {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  min-width: 0;
  margin-inline-start: calc(-1 * var(--mono-bleed-start, 0px));
  margin-inline-end: calc(-1 * var(--mono-bleed-end, 0px));
}

.viewport_s1Y5IA[data-dragging] {
  cursor: grabbing;
}

.viewport_s1Y5IA:focus-visible {
  outline: 2px solid var(--site-fg);
  outline-offset: -2px;
}

.rail_s1Y5IA {
  --dir: 1;
  display: flex;
  gap: var(--slide-gap);
  transform: translate3d(calc(var(--mono-drag, 0px)  - var(--dir) * var(--mono-index, 0) * (var(--slide-w)  + var(--slide-gap))), 0, 0);
  transition: transform .72s var(--mono-ease);
  will-change: transform;
  width: max-content;
  padding-inline-start: var(--mono-bleed-start, 0px);
  padding-inline-end: var(--mono-bleed-end, 0px);
}

.rail_s1Y5IA:dir(rtl) {
  --dir: -1;
}

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

.viewport_s1Y5IA[data-dragging] .rail_s1Y5IA {
  transition: none;
}

.rail_s1Y5IA[data-replaying] {
  transition-duration: 1.1s;
}

.viewport_s1Y5IA[data-editing] {
  overflow-x: auto;
  cursor: auto;
  touch-action: auto;
  user-select: auto;
  -webkit-user-select: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline-start: var(--mono-bleed-start, 0px);
  scrollbar-width: thin;
}

.viewport_s1Y5IA[data-editing] .rail_s1Y5IA {
  will-change: auto;
  transition: none;
  transform: none;
}

.card_s1Y5IA {
  position: relative;
  display: flex;
  flex: 0 0 var(--slide-w);
  width: var(--slide-w);
  aspect-ratio: 5 / 4;
  overflow: clip;
  border-radius: var(--mono-radius-media);
  background: var(--mono-quiet);
  color: var(--site-fg);
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
}

.card_s1Y5IA[data-has-media] {
  --site-fg: white;
  --site-muted-fg: #fff9;
  color: #fff;
  background: #000;
}

.viewport_s1Y5IA[data-editing] .card_s1Y5IA {
  scroll-snap-align: start;
}

.viewport_s1Y5IA:not([data-editing]) .card_s1Y5IA img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.shade_s1Y5IA {
  position: absolute;
  pointer-events: none;
  background: linear-gradient(#00000073 0%, #0000 45% 55%, #0000008c 100%);
  inset: 0;
}

.quoteWrap_s1Y5IA, .attribution_s1Y5IA {
  position: relative;
  z-index: 1;
  min-width: 0;
  margin: 0;
}

.card_s1Y5IA .quote_s1Y5IA {
  color: inherit;
  margin: 0;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.4;
}

.viewport_s1Y5IA:not([data-editing]) .card_s1Y5IA .quote_s1Y5IA:before {
  content: open-quote;
}

.viewport_s1Y5IA:not([data-editing]) .card_s1Y5IA .quote_s1Y5IA:after {
  content: close-quote;
}

.attribution_s1Y5IA {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.card_s1Y5IA .name_s1Y5IA {
  color: inherit;
  margin: 0;
  font-size: 14px;
  font-weight: 550;
  line-height: 1.4;
}

.card_s1Y5IA .role_s1Y5IA {
  color: var(--site-muted-fg);
  margin: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

@container (width >= 800px) {
  .slider_s1Y5IA {
    --slide-w: 600px;
    --slide-gap: 32px;
    gap: clamp(64px, 6.7cqw, 96px);
  }

  .head_s1Y5IA {
    flex-direction: row;
    align-items:  flex-end;
    justify-content: space-between;
  }
}

@container (width >= 1200px) {
  .slider_s1Y5IA {
    --slide-w: 680px;
  }
}

.tabsBlock_s1Y5IA {
  display: flex;
  flex-direction: column;
  gap: 64px;
  min-width: 0;
}

.tabsHead_s1Y5IA {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 32px;
}

.copyRow_s1Y5IA {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items:  end;
  gap: 20px;
  width: 100%;
}

.copyRow_s1Y5IA .tabsHeading_s1Y5IA {
  max-width: none;
}

.copyRow_s1Y5IA .tabsIntro_s1Y5IA {
  color: var(--site-muted-fg);
}

.panel_s1Y5IA {
  --tab-ink: var(--site-fg);
  --tab-ink-soft: color-mix(in oklch, var(--site-fg) 60%, transparent);
  --tab-track: color-mix(in oklch, var(--site-fg) 8%, transparent);
  --tab-chip: color-mix(in oklch, var(--site-fg) 6%, transparent);
  --tab-pill: var(--site-fg);
  --tab-pill-ink: var(--site-bg);
  --tab-pill-ink-soft: color-mix(in oklch, var(--site-bg) 60%, transparent);
  --callout-bg: var(--site-bg);
  --callout-edge: var(--mono-rule);
  position: relative;
  isolation: isolate;
  display: flex;
  overflow: hidden;
  border-radius: var(--mono-radius-media);
  background: var(--mono-quiet);
  color: var(--tab-ink);
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  width: 100%;
  min-height: 480px;
  padding: 56px 16px 16px;
}

.panel_s1Y5IA[data-photo] {
  --site-fg: white;
  --site-muted-fg: #fff9;
  --tab-ink: white;
  --tab-ink-soft: #fff9;
  --tab-track: #0006;
  --tab-chip: #ffffff1a;
  --tab-pill: white;
  --tab-pill-ink: black;
  --tab-pill-ink-soft: #0006;
  --callout-bg: #36363699;
  --callout-edge: transparent;
}

.panelMedia_s1Y5IA, .panelPhoto_s1Y5IA {
  position: absolute;
  inset: 0;
}

.panelMedia_s1Y5IA {
  z-index: 0;
}

.panelPhoto_s1Y5IA {
  opacity: 0;
  transition: opacity .5s var(--mono-ease);
}

.panelPhoto_s1Y5IA[data-active] {
  opacity: 1;
}

.scrim_s1Y5IA {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(#00000080 0%, #0000 40%);
  inset: 0;
}

.top_s1Y5IA {
  position: relative;
  z-index: 1;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  max-width: 100%;
}

.panelHead_s1Y5IA {
  max-width: 100%;
}

.panel_s1Y5IA .panelTitle_s1Y5IA {
  color: var(--tab-ink);
  letter-spacing: normal;
  max-width: none;
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}

.tabs_s1Y5IA {
  position: relative;
  display: inline-block;
  background: var(--tab-track);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 9999px;
  width: max-content;
  max-width: 100%;
  padding: 4px;
}

.tabRow_s1Y5IA {
  display: flex;
  gap: 4px;
  width: max-content;
}

.tab_s1Y5IA {
  position: relative;
  z-index: 1;
  display: inline-flex;
  background: var(--tab-chip);
  color: var(--tab-ink);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 9999px;
  flex: none;
  align-items:  center;
  gap: 4px;
  height: 36px;
  padding-block: 4px;
  padding-inline: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.tabNumber_s1Y5IA {
  color: var(--tab-ink-soft);
}

.tab_s1Y5IA:focus-visible {
  outline: 2px solid var(--tab-ink);
  outline-offset: 2px;
}

.tabPill_s1Y5IA {
  position: absolute;
  z-index: 2;
  width: var(--mono-tab-width, 0px);
  overflow: hidden;
  opacity: 0;
  background: var(--tab-pill);
  pointer-events: none;
  transition: inset-inline-start .5s var(--mono-ease-expo), width .5s var(--mono-ease-expo), opacity .24s var(--mono-ease);
  border-radius: 9999px;
  inset-block: 4px;
  inset-inline-start: var(--mono-tab-start, 4px);
}

.tabs_s1Y5IA[data-ready] .tabPill_s1Y5IA {
  opacity: 1;
}

.tabPill_s1Y5IA .tabRow_s1Y5IA {
  position: absolute;
  transition: inset-inline-start .5s var(--mono-ease-expo);
  inset-block-start: 0;
  inset-inline-start: calc(4px - var(--mono-tab-start, 4px));
}

.tab_s1Y5IA[data-ghost] {
  color: var(--tab-pill-ink);
  background: none;
}

.tab_s1Y5IA[data-ghost] .tabNumber_s1Y5IA {
  color: var(--tab-pill-ink-soft);
}

.tabs_s1Y5IA:not([data-ready]) .tab_s1Y5IA[aria-selected="true"], .tabs_s1Y5IA[data-editing] .tab_s1Y5IA[aria-selected="true"] {
  background: var(--tab-pill);
  color: var(--tab-pill-ink);
}

.tabs_s1Y5IA:not([data-ready]) .tab_s1Y5IA[aria-selected="true"] .tabNumber_s1Y5IA, .tabs_s1Y5IA[data-editing] .tab_s1Y5IA[aria-selected="true"] .tabNumber_s1Y5IA {
  color: var(--tab-pill-ink-soft);
}

.tabs_s1Y5IA[data-editing] .tabPill_s1Y5IA {
  display: none;
}

@media (hover: hover) {
  .tab_s1Y5IA[aria-selected="false"]:hover {
    background: color-mix(in srgb, var(--tab-chip), var(--tab-ink) 8%);
  }

  .tabs_s1Y5IA:has(.tab_s1Y5IA[aria-selected="true"]:hover) .tabPill_s1Y5IA {
    opacity: .72;
  }
}

.callout_s1Y5IA {
  position: relative;
  z-index: 1;
  display: flex;
  border: 1px solid var(--callout-edge);
  border-radius: var(--mono-radius-callout);
  background: var(--callout-bg);
  color: var(--tab-ink);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-block-start: auto;
  padding: 8px;
}

.calloutCopy_s1Y5IA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  font-size: 14px;
  line-height: 1.4;
}

.calloutTitle_s1Y5IA {
  margin: 0;
  font-weight: 550;
}

.callout_s1Y5IA .calloutBody_s1Y5IA {
  color: var(--tab-ink-soft);
  margin: 0;
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
}

.callout_s1Y5IA .calloutAction_s1Y5IA {
  justify-content: center;
  width: 100%;
}

.calloutArrow_s1Y5IA {
  opacity: .4;
}

.panel_s1Y5IA[data-changed] .panelHead_s1Y5IA, .panel_s1Y5IA[data-changed] .calloutCopy_s1Y5IA {
  animation: mono-tab-in .5s var(--mono-ease) backwards;
}

@keyframes mono-tab-in_4jUNgQ {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    filter: blur(0);
    transform: none;
  }
}

@container (width >= 800px) {
  .tabsBlock_s1Y5IA {
    gap: clamp(64px, 6.7cqw, 96px);
  }

  .copyRow_s1Y5IA {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }

  .copyRow_s1Y5IA .tabsHeading_s1Y5IA {
    grid-column: 1;
  }

  .copyRow_s1Y5IA .tabsIntro_s1Y5IA {
    grid-column: 3;
  }

  .panel_s1Y5IA {
    display: block;
    aspect-ratio: 1376 / 781;
    min-height: 620px;
    padding: 0;
  }

  .scrim_s1Y5IA {
    background: linear-gradient(#00000080 0%, #0000 25.12%);
  }

  .top_s1Y5IA {
    position: absolute;
    inset-block-start: 96px;
    inset-inline: 32px;
  }

  .panel_s1Y5IA .panelTitle_s1Y5IA {
    font-size: 32px;
  }

  .tab_s1Y5IA {
    gap: 8px;
    padding-inline: 14px;
  }

  .callout_s1Y5IA {
    position: absolute;
    inset-block-end: 32px;
    inset-inline-end: 32px;
    width: 310px;
    margin: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rail_s1Y5IA, .dotBar_s1Y5IA, .tabPill_s1Y5IA, .tabPill_s1Y5IA .tabRow_s1Y5IA, .panelPhoto_s1Y5IA, .toggle_s1Y5IA {
    transition: none;
  }

  .dotFill_s1Y5IA {
    animation: none;
    transform: none;
  }

  .panel_s1Y5IA[data-changed] .panelHead_s1Y5IA, .panel_s1Y5IA[data-changed] .calloutCopy_s1Y5IA {
    animation: none;
  }
}

.calloutArrow_s1Y5IA:dir(rtl) {
  transform: scaleX(-1);
}

/* components/site-sections/mono/MonoPages.module.css */
.pageHero_3n0gww {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 40px;
  padding-block-start: 120px;
}

.pageHero_3n0gww .pagePhoto_3n0gww {
  aspect-ratio: 4 / 3;
  width: 100%;
}

.banner_3n0gww .bannerCopy_3n0gww {
  max-width: var(--site-w-wide);
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  padding-inline: 24px;
}

.banner_3n0gww .bannerPhoto_3n0gww {
  aspect-ratio: 4 / 3;
  border-radius: 0;
  width: 100%;
}

.pageIntro_3n0gww {
  padding-block: 120px 48px;
}

.pageIntro_3n0gww .introCopy_3n0gww {
  gap: 24px;
  max-width: 660px;
  margin-inline: auto;
}

.pageIntro_3n0gww .introBody_3n0gww {
  color: var(--site-muted-fg);
  max-width: 512px;
}

@container (width > 800px) {
  .pageHero_3n0gww {
    gap: 48px;
    padding-block-start: clamp(120px, 11.1cqw, 160px);
  }

  .pageHero_3n0gww .pagePhoto_3n0gww {
    aspect-ratio: 2752 / 1548;
  }

  .banner_3n0gww .bannerPhoto_3n0gww {
    aspect-ratio: 2880 / 1160;
  }

  .pageIntro_3n0gww {
    padding-block-start: clamp(120px, 11.1cqw, 160px);
  }

  .pageIntro_3n0gww .introCopy_3n0gww {
    gap: 32px;
  }
}

.split_3n0gww {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items:  start;
  gap: 40px;
}

.splitIntro_3n0gww {
  row-gap: 32px;
  padding-block: 48px;
}

.splitLabel_3n0gww {
  justify-self: start;
}

.splitCopy_3n0gww .splitHeading_3n0gww {
  max-width: 432px;
  margin-block-end: 8px;
}

.splitCopy_3n0gww {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.splitCopy_3n0gww .splitParagraph_3n0gww {
  white-space: pre-line;
  font-size: 16px;
}

.splitClosing_3n0gww {
  padding-block: 64px;
}

.closingCopy_3n0gww {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  min-width: 0;
}

.closingCopy_3n0gww .closingHeading_3n0gww {
  margin-block-end: 8px;
}

.closingPhoto_3n0gww {
  width: 100%;
}

.arrow_3n0gww {
  color: var(--site-muted-fg);
  flex: none;
  width: 14px;
  height: 14px;
}

.arrow_3n0gww:dir(rtl) {
  transform: scaleX(-1);
}

@container (width > 800px) {
  .split_3n0gww {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
  }

  .splitIntro_3n0gww {
    padding-block: 64px;
  }

  .splitLabel_3n0gww {
    grid-column: 1 / -1;
  }

  .splitCopy_3n0gww {
    grid-column: 7 / -1;
  }

  .splitCopy_3n0gww .splitParagraph_3n0gww {
    font-size: 18px;
  }

  .splitClosing_3n0gww {
    padding-block: 32px 64px;
  }

  .closingCopy_3n0gww {
    grid-column: 1 / span 6;
  }

  .closingPhoto_3n0gww {
    grid-column: 7 / -1;
  }
}

@container (width > 1000px) {
  .splitCopy_3n0gww {
    grid-column: 7 / span 5;
  }
}

.values_3n0gww {
  border-block-start: 1px solid var(--mono-rule-soft);
}

.valuesInner_3n0gww {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 64px;
  padding-block: 40px 120px;
}

.valuesGrid_3n0gww {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
  width: 100%;
}

.valueCard_3n0gww {
  position: relative;
  display: flex;
  border-block-end: 1px solid var(--mono-rule-soft);
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  min-width: 0;
  padding-block-end: 40px;
}

.valueCopy_3n0gww {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.valueIcon_3n0gww {
  display: flex;
  color: var(--site-muted-fg);
}

.valueGlyph_3n0gww {
  stroke-width: 2;
  width: 16px;
  height: 16px;
}

.valueText_3n0gww {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.valueCard_3n0gww .valueTitle_3n0gww {
  font-weight: 550;
}

.valueIndex_3n0gww {
  color: var(--site-muted-fg);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  line-height: 1.4;
}

@container (width > 800px) {
  .valuesInner_3n0gww {
    gap: var(--mono-content-gap);
    padding-block: 48px clamp(120px, 11.1cqw, 160px);
  }

  .valuesGrid_3n0gww {
    grid-template-columns: repeat(var(--mono-cols, 3), minmax(0, 1fr));
    gap: 16px;
  }

  .valueCard_3n0gww {
    min-height: 300px;
    gap: 48px;
    padding-block-end: 0;
    padding-inline-end: 16px;
    border-block-end: 0;
    border-inline-end: 1px solid var(--mono-rule-soft);
  }
}

.badges_3n0gww {
  --mono-badge-rule: color-mix(in oklch, var(--site-fg) 20%, transparent);
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding-block: 48px 96px;
}

.badgeGrid_3n0gww {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 48px 32px;
}

.badgeItem_3n0gww {
  position: relative;
  display: flex;
  border-inline-start: 1px solid var(--mono-badge-rule);
  flex-direction: column;
  gap: 40px;
  min-width: 0;
  padding-inline-start: 16px;
}

.badge_3n0gww {
  position: relative;
  overflow: hidden;
  color: var(--site-fg);
  border-radius: 9999px;
  flex: none;
  width: 56px;
  height: 56px;
}

.badge_3n0gww[data-has-logo="false"] {
  border: 1.5px solid;
}

.badgeCopy_3n0gww {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.badgeItem_3n0gww .badgeTitle_3n0gww {
  font-size: 16px;
  font-weight: 450;
}

.badgeItem_3n0gww .badgeNote_3n0gww {
  color: color-mix(in oklch, var(--site-fg) 75%, transparent);
}

@container (width > 600px) {
  .badgeGrid_3n0gww {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 64px;
  }

  .badgeItem_3n0gww {
    gap: 80px;
    padding-inline-end: 32px;
  }
}

@container (width > 1000px) {
  .badges_3n0gww {
    padding-block-end: clamp(96px, 8.3cqw, 120px);
  }

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

.legal_3n0gww {
  --mono-legal-ink: color-mix(in oklch, var(--site-fg) 85%, var(--site-bg));
  width: 100%;
  max-width: 640px;
  margin-inline: auto;
  padding-block: 112px 96px;
}

.legal_3n0gww .legalTitle_3n0gww {
  letter-spacing: -.035em;
  font-size: 36px;
  line-height: 1.02;
}

.legalSummary_3n0gww {
  margin-block-start: 24px;
}

.legalSummary_3n0gww p {
  color: var(--mono-legal-ink);
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.legalUpdated_3n0gww {
  margin-block-start: 20px;
}

.legalUpdated_3n0gww p {
  color: var(--site-muted-fg);
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.legalBody_3n0gww {
  padding-block-start: 28px;
}

.legalSection_3n0gww {
  display: grid;
  gap: 20px;
  padding-block-start: 32px;
}

.legalSection_3n0gww:first-child {
  padding-block-start: 0;
}

.legalSection_3n0gww :is(h2, h3) {
  color: var(--site-fg);
  letter-spacing: -.03em;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}

.legalSection_3n0gww h2 {
  font-size: 20px;
}

.legalSection_3n0gww h3 {
  font-size: 18px;
}

.legalSection_3n0gww :is(p, li) {
  color: var(--mono-legal-ink);
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

.legalSection_3n0gww :is(ol, ul) {
  gap: 8px;
  margin: 0;
  padding-inline-start: 20px;
}

@container (width > 600px) {
  .legal_3n0gww {
    padding-block: 144px clamp(96px, 11.1cqw, 160px);
  }

  .legal_3n0gww .legalTitle_3n0gww {
    font-size: clamp(40px, 4cqw, 44px);
  }

  .legalSection_3n0gww {
    padding-block-start: 40px;
  }

  .legalSection_3n0gww h2 {
    font-size: 24px;
  }
}

.pageHero_3n0gww[data-product] {
  gap: 24px;
}

.pageHero_3n0gww[data-product] > div:first-child {
  gap: 24px;
  width: 100%;
}

.pageHero_3n0gww[data-product] h1 {
  overflow-wrap: anywhere;
  max-width: min(16ch, 100%);
}

.pageLead_3n0gww {
  text-wrap: pretty;
  color: var(--site-muted-fg);
  max-width: 560px;
}

.screenStage_3n0gww {
  display: flex;
  container-type: inline-size;
  justify-content: center;
  align-items:  center;
  width: 100%;
  padding: clamp(20px, 5cqw, 72px);
}

.screenWindow_3n0gww {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 4px;
  width: 100%;
  max-width: 1120px;
}

.screenStage_3n0gww > div:not([aria-hidden]) {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
}

.screenWindow_3n0gww .screenImage_3n0gww {
  display: block;
  object-fit: contain;
  border-radius: 4px;
  width: 100%;
  height: auto;
}

/* components/site-sections/mono/MonoMedia.module.css */
.feature_9MY2WA {
  display: flex;
  border-top: 1px solid var(--mono-rule-soft);
  flex-direction: column;
  gap: 64px;
  min-width: 0;
  padding-top: 48px;
}

.featureHeader_9MY2WA.featureHeader_9MY2WA[data-align] > :is(h1, h2) {
  max-width: none;
}

.player_9MY2WA {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--mono-radius-media);
  background: #000;
  width: 100%;
}

.player_9MY2WA[data-state="cover"] {
  background: var(--mono-quiet);
}

.playerFrame_9MY2WA {
  width: 100%;
  height: 100%;
}

.playerVideo_9MY2WA {
  display: block;
  object-fit: cover;
  border: 0;
  width: 100%;
  height: 100%;
}

@media (hover: hover) {
  .player_9MY2WA:not(:hover, :focus-within) [data-visible] {
    opacity: 0;
  }
}

@container (width <= 800px) {
  .feature_9MY2WA {
    gap: 40px;
    padding-top: 40px;
  }

  .featureHeader_9MY2WA {
    gap: 24px;
  }

  .featureHeader_9MY2WA > :first-child:not(:is(h1, h2)) {
    max-width: 100%;
    white-space: normal;
    border-radius: var(--mono-radius-card);
  }
}

.logoBand_9MY2WA {
  display: flex;
  border-bottom: 1px solid var(--mono-rule-soft);
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  min-width: 0;
  padding-top: 64px;
}

.logoCaption_9MY2WA {
  text-align: center;
  max-width: 1680px;
  padding-inline: 24px;
}

.logoViewport_9MY2WA {
  overflow: clip;
  width: 100%;
  padding-bottom: 32px;
}

.logoViewport_9MY2WA:focus-visible {
  outline: 2px solid var(--site-primary);
  outline-offset: -2px;
}

.logoDrift_9MY2WA {
  display: flex;
  width: 100%;
}

.logoGroup_9MY2WA {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  flex: none;
  justify-content: center;
  align-items:  center;
  gap: 24px 60px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 24px;
}

.logoCopy_9MY2WA {
  display: none;
}

.logoItem_9MY2WA {
  display: flex;
  flex: none;
  align-items:  center;
}

.logoImg_9MY2WA {
  display: block;
  width: auto;
  max-width: none;
  height: 54px;
}

.logoLabel_9MY2WA {
  color: var(--site-muted-fg);
  white-space: nowrap;
  font-size: 16px;
  font-weight: 550;
  line-height: 54px;
}

@keyframes mono-logo-loop_b2ykBw {
  to {
    transform: translateX(-100%);
  }
}

@keyframes mono-logo-loop-rtl_b2ykBw {
  to {
    transform: translateX(100%);
  }
}

@keyframes mono-logo-drift_b2ykBw {
  to {
    transform: translateX(-12rem);
  }
}

@keyframes mono-logo-drift-rtl_b2ykBw {
  to {
    transform: translateX(12rem);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .logoGroup_9MY2WA {
    animation: mono-logo-loop 120s linear infinite;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: max-content;
    min-width: calc(100% + 12rem);
    height: 54px;
    padding-inline: 0 60px;
  }

  .logoGroup_9MY2WA:dir(rtl) {
    animation-name: mono-logo-loop-rtl;
  }

  .logoCopy_9MY2WA {
    display: flex;
  }

  .logoViewport_9MY2WA:focus-within .logoGroup_9MY2WA {
    animation-play-state: paused;
  }

  @media (hover: hover) {
    .logoViewport_9MY2WA:hover .logoGroup_9MY2WA {
      animation-play-state: paused;
    }
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .logoDrift_9MY2WA {
      animation: mono-logo-drift linear both;
      animation-timeline: view();
      animation-range: cover;
    }

    .logoDrift_9MY2WA:dir(rtl) {
      animation-name: mono-logo-drift-rtl;
    }
  }
}

.logoEditRow_9MY2WA {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:  flex-end;
  gap: 24px 60px;
  padding: 0 24px 32px;
}

.logoEditItem_9MY2WA {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 6px;
  min-width: 0;
}

.logoEmpty_9MY2WA {
  width: 128px;
  height: 54px;
}

.logoEditLabel_9MY2WA {
  color: var(--site-muted-fg);
  font-size: 14px;
  font-weight: 550;
}

@container (width <= 800px) {
  .logoBand_9MY2WA {
    padding-top: 48px;
  }
}

.team_9MY2WA {
  display: flex;
  align-items:  center;
  gap: var(--mono-content-gap);
  flex-direction: column;
  min-width: 0;
}

.teamHeader_9MY2WA.teamHeader_9MY2WA[data-align] > :is(h1, h2) {
  text-wrap: wrap;
  max-width: 440px;
}

.teamGrid_9MY2WA {
  --mono-ink: var(--site-fg);
  --mono-paper: var(--site-bg);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--mono-gap);
  width: 100%;
}

.teamCell_9MY2WA {
  min-width: 0;
}

.portrait_9MY2WA {
  position: relative;
  display: flex;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--mono-radius-media);
  color: var(--site-fg);
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-width: 0;
  padding: 24px;
}

.portrait_9MY2WA[data-photo="yes"] {
  --site-fg: white;
  --site-muted-fg: #ffffffbf;
  background: #000;
}

.portrait_9MY2WA[data-photo="yes"]:after {
  position: absolute;
  pointer-events: none;
  content: "";
  background: linear-gradient(#0000007a 0%, #0000 32%), linear-gradient(#0000 52%, #0000008c 100%);
  inset: 0;
}

.portrait_9MY2WA[data-photo="no"] {
  --site-fg: var(--mono-paper);
  --site-muted-fg: color-mix(in oklch, var(--mono-paper) 72%, var(--mono-ink));
  background: var(--mono-ink);
}

.portraitIdentity_9MY2WA, .portraitBio_9MY2WA {
  position: relative;
  z-index: 1;
}

.portraitIdentity_9MY2WA {
  display: flex;
  flex-direction: column;
}

.portraitIdentity_9MY2WA > * {
  color: var(--site-fg);
}

.portraitIdentity_9MY2WA > :last-child {
  color: var(--site-muted-fg);
}

.portraitBio_9MY2WA {
  color: var(--site-fg);
}

@container (width <= 1000px) {
  .teamGrid_9MY2WA {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container (width <= 800px) {
  .team_9MY2WA {
    gap: 48px;
  }
}

@container (width <= 520px) {
  .teamGrid_9MY2WA {
    grid-template-columns: minmax(0, 1fr);
  }
}

.jobs_9MY2WA {
  border-top: 1px solid var(--mono-rule-soft);
  min-width: 0;
}

.jobHead_9MY2WA {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--mono-gap);
  align-items:  end;
  padding-top: 48px;
}

.jobHeading_9MY2WA {
  grid-column: 1 / 9;
  min-width: 0;
}

.jobAside_9MY2WA {
  display: flex;
  grid-column: 9 / 13;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  min-width: 0;
}

.jobIntro_9MY2WA {
  color: var(--site-muted-fg);
}

.jobAll_9MY2WA {
  gap: 8px;
}

.jobAllIcon_9MY2WA {
  color: var(--site-muted-fg);
  width: 14px;
  height: 14px;
}

.jobList_9MY2WA {
  display: flex;
  flex-direction: column;
  padding-top: 96px;
}

.jobItem_9MY2WA {
  border-top: 1px solid var(--mono-rule);
  min-width: 0;
}

.jobRow_9MY2WA {
  --grow-from: left;
  --shrink-to: right;
  display: flex;
  color: var(--site-fg);
  text-decoration: none;
  align-items:  center;
  gap: 20px;
  min-height: 54px;
  padding-block: 16px;
  font-size: 16px;
  line-height: 1.4;
}

.jobRow_9MY2WA:dir(rtl) {
  --grow-from: right;
  --shrink-to: left;
}

a.jobRow_9MY2WA:focus-visible {
  outline: 2px solid var(--site-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

.jobTitle_9MY2WA {
  font: inherit;
  color: inherit;
  flex: auto;
  min-width: 0;
  margin: 0;
  font-weight: 550;
}

.jobUnderline_9MY2WA {
  position: relative;
}

.jobUnderline_9MY2WA:before {
  position: absolute;
  bottom: -.0625em;
  transform-origin: var(--shrink-to);
  transition: transform .735s var(--mono-ease-expo);
  content: "";
  background: currentColor;
  width: 100%;
  height: .0625em;
  inset-inline-start: 0;
  transform: scaleX(0);
}

.jobMeta_9MY2WA {
  display: flex;
  color: var(--site-muted-fg);
  transition: color .24s var(--mono-ease);
  flex-wrap: wrap;
  justify-content: flex-end;
  font-weight: 450;
}

.jobMeta_9MY2WA > span + span:before {
  display: inline-block;
  content: "·";
  padding-inline: 16px;
}

.jobArrow_9MY2WA {
  flex: none;
  width: 16px;
  height: 16px;
}

.jobArrow_9MY2WA:dir(rtl), .jobAllIcon_9MY2WA:dir(rtl) {
  transform: scaleX(-1);
}

a.jobRow_9MY2WA:focus-visible .jobUnderline_9MY2WA:before {
  transform-origin: var(--grow-from);
  transform: scaleX(1);
}

a.jobRow_9MY2WA:focus-visible .jobMeta_9MY2WA {
  color: var(--site-fg);
}

@media (hover: hover) and (pointer: fine) {
  a.jobRow_9MY2WA:hover .jobUnderline_9MY2WA:before {
    transform-origin: var(--grow-from);
    transform: scaleX(1);
  }

  a.jobRow_9MY2WA:hover .jobMeta_9MY2WA {
    color: var(--site-fg);
  }
}

.jobNotice_9MY2WA {
  color: var(--site-muted-fg);
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

@container (width <= 800px) {
  .jobHead_9MY2WA {
    display: flex;
    flex-direction: column;
    align-items:  flex-start;
    gap: 24px;
    padding-top: 40px;
  }

  .jobList_9MY2WA {
    padding-top: 64px;
  }

  .jobRow_9MY2WA {
    flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 16px;
  }

  .jobTitle_9MY2WA {
    flex-basis: calc(100% - 36px);
  }

  .jobMeta_9MY2WA {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    font-size: 14px;
  }

  .jobMeta_9MY2WA > span + span:before {
    padding-inline: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .jobUnderline_9MY2WA:before, .jobMeta_9MY2WA {
    transition: none;
  }
}

/* components/site-sections/reference/StickyHeroIsland.module.css */
.stage_8rK_0w {
  position: relative;
  overflow-anchor: none;
  --sticky-card-radius: min(calc(var(--site-radius) * 2), clamp(20px, 4cqw, 40px));
}

.frame_8rK_0w {
  position: relative;
  min-height: clamp(30rem, 56cqw, 52rem);
}

.card_8rK_0w {
  position: relative;
  overflow: hidden;
  min-height: inherit;
  background: var(--site-muted);
}

.stage_8rK_0w[data-motion] .frame_8rK_0w {
  min-height: 0;
}

.stage_8rK_0w[data-motion] .card_8rK_0w {
  position: absolute;
  min-height: 0;
  inset: 0;
}

.stage_8rK_0w[data-motion="scroll"][data-pin="native"] .frame_8rK_0w {
  position: sticky;
  top: 0;
}

.content_8rK_0w {
  position: relative;
  display: flex;
  min-height: inherit;
  padding: calc(var(--site-space-lg) * 4 + var(--sticky-max-gap, 0px)) calc(var(--site-space-md) * 2 + var(--sticky-max-gap, 0px));
  pointer-events: none;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.copy_8rK_0w {
  display: flex;
  align-items:  center;
  gap: var(--site-space-2xl);
  max-width: var(--site-copy-measure, 65ch);
  text-align: center;
  flex-direction: column;
  width: 100%;
  margin-inline: auto;
}

.panel_8rK_0w {
  display: flex;
  align-items:  center;
  gap: var(--site-space-md);
  pointer-events: auto;
  overflow-wrap: anywhere;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.stage_8rK_0w[data-motion="scroll"] .copy_8rK_0w {
  display: grid;
}

.stage_8rK_0w[data-motion="scroll"] .panel_8rK_0w {
  grid-area: 1 / 1;
  align-self:  center;
}

.stage_8rK_0w[data-motion="scroll"] [data-sticky-intro] {
  opacity: var(--sticky-intro-opacity, 1);
}

.stage_8rK_0w[data-motion="scroll"] [data-sticky-story] {
  opacity: var(--sticky-story-opacity, 0);
  pointer-events: none;
}

.stage_8rK_0w[data-motion="scroll"] .copy_8rK_0w:has([data-sticky-story]:focus-within) [data-sticky-intro] {
  opacity: 0;
}

.stage_8rK_0w[data-motion="scroll"] [data-sticky-story]:focus-within {
  opacity: 1;
  pointer-events: auto;
}

.stage_8rK_0w[data-motion="scroll"][data-story-visible] [data-sticky-story] {
  pointer-events: auto;
}

/* components/site-sections/illustration-media/kit/kit.module.css */
.root_QO_ySw {
  --u: calc(100cqw / var(--kit-w));
  --kit-inset: calc(var(--u) * 8);
  --kit-pad-card: calc(var(--u) * 14);
  --kit-gap: calc(var(--u) * 12);
  --kit-pad: calc(var(--u) * 20);
  --kit-window-r: calc(var(--u) * 22);
  --kit-canvas-r: calc(var(--kit-window-r)  - var(--kit-inset));
  --kit-card-r: calc(var(--u) * 16);
  --kit-inner-r: calc(var(--u) * 14);
  --kit-row-r: calc(var(--u) * 10);
  --kit-mark-r: calc(var(--u) * 8);
  --kit-btn-r: 9999px;
  --kit-field-r: var(--kit-row-r);
  --kit-canvas: var(--site-card);
  --kit-window-bg: var(--site-muted);
  --kit-edge: color-mix(in oklch, var(--site-fg) 7%, transparent);
  --kit-line: color-mix(in oklch, var(--site-fg) 8%, transparent);
  --kit-plate: color-mix(in oklch, var(--site-fg) 5%, transparent);
  --kit-tint: color-mix(in oklch, var(--site-fg) 3%, transparent);
  --kit-quiet: var(--site-muted-fg);
  --kit-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000d, 0 calc(var(--u) * 4) calc(var(--u) * 12) #0000000f;
  --kit-accent: var(--site-primary);
  --kit-accent-ink: var(--site-primary-text, var(--site-primary));
  --kit-accent-tint: color-mix(in oklch, var(--kit-accent) 10%, transparent);
  position: relative;
  color: var(--site-fg);
  font-family: var(--site-font-body);
  font-size: calc(var(--u) * 13);
  text-align: start;
  padding: calc(var(--u) * 16);
  width: 100%;
  line-height: 1.4;
}

[data-hero-widget-stage] .root_QO_ySw, [data-hero-opening-media] .root_QO_ySw {
  --kit-window-bg: color-mix(in oklch, var(--site-muted) 70%, transparent);
  --kit-canvas: color-mix(in oklch, var(--site-card) 80%, transparent);
  --kit-edge: color-mix(in oklch, var(--site-card) 55%, transparent);
}

[data-hero-widget-stage] .window_QO_ySw, [data-hero-opening-media] .window_QO_ySw {
  -webkit-backdrop-filter: blur(calc(var(--u) * 18)) saturate(1.3);
  backdrop-filter: blur(calc(var(--u) * 18)) saturate(1.3);
}

[data-hero-widget-stage] .boardGlass_QO_ySw, [data-hero-opening-media] .boardGlass_QO_ySw {
  --widget-window: color-mix(in oklch, var(--site-card) 80%, transparent);
  --widget-canvas: color-mix(in oklch, var(--site-card) 92%, transparent);
  -webkit-backdrop-filter: blur(32px) saturate(1.15);
  backdrop-filter: blur(32px) saturate(1.15);
  clip-path: inset(2.42% 1.33% 0 1.33% round 1.83% / 3.33%);
}

.appBackdrop_QO_ySw {
  --bd-pad: clamp(1rem, 6cqw, 3rem);
  padding: var(--bd-pad);
  overflow: hidden;
  border-radius: max(1.25rem, var(--site-radius));
  --bloom-a: color-mix(in oklch, var(--site-primary-text, var(--site-primary)) 55%, var(--site-bg));
  --bloom-b: color-mix(in oklch, var(--site-accent, var(--site-primary)) 75%, var(--site-bg));
  background-color: color-mix(in oklch, var(--site-primary-text, var(--site-primary)) 12%, var(--site-bg));
  background-image: radial-gradient(55% 75% at 0% 0%, var(--bloom-a), transparent 72%), radial-gradient(65% 70% at 100% 0%, var(--bloom-b), transparent 72%), radial-gradient(70% 80% at 0% 100%, var(--bloom-b), transparent 75%), radial-gradient(80% 90% at 100% 100%, var(--bloom-a), transparent 78%);
  max-height: max(75cqw, 26rem);
}

@supports (color: oklch(from red l c h)) {
  .appBackdrop_QO_ySw {
    --bloom-a: oklch(from var(--site-primary-text, var(--site-primary)) max(l, .84) c h);
    --bloom-b: oklch(from var(--site-accent, var(--site-primary)) max(l, .9) c h);
  }
}

.appBox_QO_ySw {
  min-width: 0;
}

.appBackdrop_QO_ySw[data-display="whole"] {
  max-height: max(110cqw, 36rem);
}

@container (width <= 1000px) {
  .appBackdrop_QO_ySw[data-display="whole"][data-parts-screen] > .appBox_QO_ySw {
    max-width: 640px;
    margin-inline: auto;
  }
}

@container (width <= 480px) {
  .appBackdrop_QO_ySw {
    --bd-pad: 1.25rem;
    --bd-inner-r: calc((100cqw - var(--bd-pad)) * var(--ill-phone-widen, 1) * var(--ill-phone-corner, .035));
    padding-inline-end: 0;
    padding-block-end: 0;
    max-height: 120cqw;
    border-radius: calc(var(--bd-inner-r)  + var(--bd-pad));
  }

  .appBackdrop_QO_ySw > .appBox_QO_ySw {
    width: calc((100cqw - var(--bd-pad)) * var(--ill-phone-widen, 1));
    max-width: none;
    margin: 0;
    border-radius: 0;
    border-start-start-radius: var(--bd-inner-r);
  }

  .appBackdrop_QO_ySw .layoutApp_QO_ySw {
    padding-block-start: 0;
    padding-inline-start: 0;
  }
}

[data-site-scheme="dark"] .appBackdrop_QO_ySw, [data-hero-widget-stage] .appBackdrop_QO_ySw, [data-hero-opening-media] .appBackdrop_QO_ySw {
  background: none;
}

[data-site-scheme="dark"] .appBackdrop_QO_ySw {
  --bd-pad: 0px;
  -webkit-mask-image: linear-gradient(#000 45%, #0000 95%), linear-gradient(to right, #000 72%, #0000 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(#000 45%, #0000 95%), linear-gradient(to right, #000 72%, #0000 100%);
  mask-composite: intersect;
  padding: 0;
}

@media (prefers-color-scheme: dark) {
  [data-site-scheme="system"] .appBackdrop_QO_ySw {
    --bd-pad: 0px;
    -webkit-mask-image: linear-gradient(#000 45%, #0000 95%), linear-gradient(to right, #000 72%, #0000 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(#000 45%, #0000 95%), linear-gradient(to right, #000 72%, #0000 100%);
    mask-composite: intersect;
    background: none;
    padding: 0;
  }
}

[data-hero-widget-stage] .appBackdrop_QO_ySw {
  --bd-pad: 0px;
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
  border-radius: 0;
  max-height: none;
  padding: 0;
}

@container (width <= 640px) {
  .boardPhone_QO_ySw {
    --tb-left: var(--tb-phone-left);
    --tb-top: var(--tb-phone-top);
    --tb-w: var(--tb-phone-w);
    --tb-h: var(--tb-phone-h);
  }
}

.bare_QO_ySw {
  background: none;
}

.layoutCard_QO_ySw {
  --kit-w: 400;
}

.layoutApp_QO_ySw {
  --kit-w: 960;
}

.ellipsis_QO_ySw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.card_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 16);
  padding: var(--kit-pad);
  background: var(--kit-canvas);
  border: 1px solid var(--kit-edge);
  border-radius: var(--kit-card-r);
  box-shadow: var(--kit-shadow);
  flex-direction: column;
}

.rule_QO_ySw {
  background: var(--kit-line);
  margin-block: calc(var(--u) * -4);
  height: 1px;
}

.header_QO_ySw {
  display: flex;
  align-items:  center;
  gap: var(--kit-gap);
  min-width: 0;
}

.headerText_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 3);
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.title_QO_ySw {
  font-family: var(--site-font-body);
  font-size: calc(var(--u) * 15);
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  font-weight: 500;
  line-height: 1.2;
}

.appTitle_QO_ySw {
  font-size: calc(var(--u) * 20);
}

.description_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 13);
  overflow-wrap: anywhere;
}

.plate_QO_ySw {
  display: flex;
  width: calc(var(--u) * 32);
  height: calc(var(--u) * 32);
  border-radius: var(--kit-row-r);
  background: var(--kit-plate);
  color: var(--site-fg);
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
}

.plateSmall_QO_ySw {
  width: calc(var(--u) * 28);
  height: calc(var(--u) * 28);
  border-radius: var(--kit-mark-r);
}

.glyph_QO_ySw {
  width: calc(var(--u) * 16);
  height: calc(var(--u) * 16);
  flex-shrink: 0;
}

.glyphSmall_QO_ySw {
  width: calc(var(--u) * 14);
  height: calc(var(--u) * 14);
  flex-shrink: 0;
}

.avatar_QO_ySw {
  width: calc(var(--u) * 36);
  height: calc(var(--u) * 36);
  object-fit: cover;
  background: var(--site-muted);
  box-shadow: 0 0 0 1px var(--kit-line);
  border-radius: 9999px;
  flex-shrink: 0;
}

.avatarSmall_QO_ySw {
  width: calc(var(--u) * 28);
  height: calc(var(--u) * 28);
}

.badge_QO_ySw {
  display: inline-flex;
  min-height: calc(var(--u) * 22);
  padding: calc(var(--u) * 2) calc(var(--u) * 9);
  border-radius: var(--kit-btn-r);
  background: var(--kit-plate);
  color: var(--site-fg);
  font-size: calc(var(--u) * 12);
  overflow-wrap: anywhere;
  flex-shrink: 0;
  align-items:  center;
  font-weight: 500;
}

.list_QO_ySw {
  display: flex;
  flex-direction: column;
}

.row_QO_ySw {
  display: flex;
  align-items:  center;
  gap: var(--kit-gap);
  padding-block: calc(var(--u) * 10);
  border-block-end: 1px solid var(--kit-line);
  min-width: 0;
}

.row_QO_ySw:first-child {
  padding-block-start: 0;
}

.row_QO_ySw:last-child {
  border-block-end: 0;
  padding-block-end: 0;
}

.rowText_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 2);
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.rowTitle_QO_ySw {
  font-weight: 500;
  font-size: calc(var(--u) * 13);
  overflow-wrap: anywhere;
}

.rowDescription_QO_ySw, .meta_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
  overflow-wrap: anywhere;
}

.switch_QO_ySw {
  position: relative;
  width: calc(var(--u) * 30);
  height: calc(var(--u) * 18);
  background: color-mix(in oklch, var(--site-fg) 14%, transparent);
  border-radius: 9999px;
  flex-shrink: 0;
}

.switchOn_QO_ySw {
  background: var(--kit-accent);
}

.switchKnob_QO_ySw {
  position: absolute;
  width: calc(var(--u) * 14);
  height: calc(var(--u) * 14);
  background: var(--site-card);
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #00000026;
  border-radius: 9999px;
  inset-block-start: calc(var(--u) * 2);
  inset-inline-start: calc(var(--u) * 2);
}

.switchOn_QO_ySw .switchKnob_QO_ySw {
  background: var(--site-primary-fg);
  inset-inline-start: calc(var(--u) * 14);
}

.check_QO_ySw {
  display: flex;
  width: calc(var(--u) * 16);
  height: calc(var(--u) * 16);
  border-radius: calc(var(--kit-mark-r) * .6);
  border: 1px solid color-mix(in oklch, var(--site-fg) 18%, transparent);
  color: var(--site-primary-fg);
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
}

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

.chevron_QO_ySw {
  width: calc(var(--u) * 14);
  height: calc(var(--u) * 14);
  color: var(--site-muted-fg);
  flex-shrink: 0;
}

.stats_QO_ySw {
  display: grid;
  grid-template-columns: repeat(var(--kit-cols, 2), minmax(0, 1fr));
  gap: var(--kit-gap);
}

.tile_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 4);
  padding: var(--kit-pad-card);
  border-radius: var(--kit-inner-r);
  background: var(--kit-tint);
  flex-direction: column;
  min-width: 0;
}

.tileLabel_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
  overflow-wrap: anywhere;
}

.tileValue_QO_ySw {
  font-family: var(--site-font-body);
  font-size: calc(var(--u) * 22);
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  font-weight: 500;
  line-height: 1.1;
}

.tileNote_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
  overflow-wrap: anywhere;
}

.chart_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 10);
  flex-direction: column;
}

.chartLabel_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
  font-weight: 500;
}

.bars_QO_ySw {
  display: flex;
  align-items:  flex-end;
  gap: calc(var(--u) * 6);
  height: calc(var(--u) * 88);
}

.bar_QO_ySw {
  border-radius: calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 1) calc(var(--u) * 1);
  background: var(--kit-accent);
  flex: 1;
}

.barQuiet_QO_ySw {
  opacity: .3;
}

.line_QO_ySw {
  display: block;
  height: calc(var(--u) * 88);
  color: var(--kit-accent);
  width: 100%;
}

.progress_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 8);
  flex-direction: column;
}

.progressHead_QO_ySw {
  display: flex;
  justify-content: space-between;
  gap: var(--kit-gap);
  font-size: calc(var(--u) * 13);
  font-weight: 500;
}

.track_QO_ySw {
  height: calc(var(--u) * 6);
  background: var(--kit-plate);
  overflow: hidden;
  border-radius: 9999px;
}

.fill_QO_ySw {
  background: var(--kit-accent);
  border-radius: 9999px;
  height: 100%;
}

.people_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 10);
}

.stack_QO_ySw {
  display: flex;
}

.stack_QO_ySw > * + * {
  margin-inline-start: calc(var(--u) * -8);
}

.stack_QO_ySw .avatar_QO_ySw {
  box-shadow: 0 0 0 calc(var(--u) * 2) var(--site-card);
}

.peopleLabel_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
}

.actions_QO_ySw {
  display: flex;
  justify-content: flex-end;
  gap: calc(var(--u) * 8);
  flex-shrink: 0;
}

.button_QO_ySw {
  display: inline-flex;
  min-height: calc(var(--u) * 30);
  padding: calc(var(--u) * 5) calc(var(--u) * 13);
  border-radius: var(--kit-btn-r);
  font-size: calc(var(--u) * 13);
  overflow-wrap: anywhere;
  align-items:  center;
  font-weight: 500;
}

.buttonPrimary_QO_ySw {
  background: var(--kit-accent);
  color: var(--site-primary-fg);
}

.buttonOutline_QO_ySw {
  background: var(--kit-plate);
  color: var(--site-fg);
}

.inputRow_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 8);
}

.input_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 8);
  min-height: calc(var(--u) * 34);
  padding: calc(var(--u) * 6) calc(var(--u) * 12);
  border-radius: var(--kit-field-r);
  background: var(--kit-tint);
  box-shadow: inset 0 0 0 1px var(--kit-line);
  color: var(--site-muted-fg);
  flex: 1;
  min-width: 0;
}

.inputText_QO_ySw {
  overflow-wrap: anywhere;
}

.inputRow_QO_ySw .button_QO_ySw {
  min-height: calc(var(--u) * 34);
}

.tabs_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 2);
  padding: calc(var(--u) * 3);
  border-radius: var(--kit-row-r);
  background: var(--kit-plate);
  flex-wrap: wrap;
  align-self:  flex-start;
}

.tab_QO_ySw {
  padding: calc(var(--u) * 4) calc(var(--u) * 12);
  border-radius: max(0px, calc(var(--kit-row-r)  - var(--u) * 3));
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
  overflow-wrap: anywhere;
  font-weight: 500;
}

.tabActive_QO_ySw {
  background: var(--site-card);
  color: var(--site-fg);
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #00000014;
}

.table_QO_ySw {
  display: grid;
  grid-template-columns: var(--kit-table-cols);
  font-size: calc(var(--u) * 13);
}

.tr_QO_ySw {
  display: contents;
}

.th_QO_ySw, .td_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 8);
  padding-inline: calc(var(--u) * 10);
  min-width: 0;
}

.th_QO_ySw {
  height: calc(var(--u) * 26);
  border-inline-start: 1px solid var(--kit-line);
  color: var(--kit-quiet);
  font-size: calc(var(--u) * 12);
  margin-block-end: calc(var(--u) * 6);
  font-weight: 500;
}

.td_QO_ySw {
  min-height: calc(var(--u) * 46);
  padding-block: calc(var(--u) * 8);
  border-block-start: 1px solid var(--kit-line);
}

.tdTop_QO_ySw {
  border-block-start: 0;
}

.cellStrong_QO_ySw {
  font-weight: 500;
}

.cellText_QO_ySw {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 0;
}

.figure_QO_ySw {
  font-variant-numeric: tabular-nums;
  color: var(--kit-quiet);
}

.alignEnd_QO_ySw {
  text-align: end;
  justify-content: flex-end;
}

.pill_QO_ySw {
  display: inline-flex;
  height: calc(var(--u) * 24);
  padding-inline: calc(var(--u) * 10);
  border-radius: var(--kit-btn-r);
  font-size: calc(var(--u) * 12);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items:  center;
  min-width: 0;
  max-width: 100%;
  font-weight: 500;
}

.statusMark_QO_ySw {
  width: calc(var(--u) * 15);
  height: calc(var(--u) * 15);
  flex-shrink: 0;
}

.pill_QO_ySw.tone0_QO_ySw {
  background: var(--kit-accent-tint);
  color: var(--kit-accent-ink);
}

.pill_QO_ySw.tone1_QO_ySw {
  background: var(--kit-plate);
  color: var(--site-fg);
}

.pill_QO_ySw.tone2_QO_ySw {
  box-shadow: inset 0 0 0 1px var(--kit-line);
  color: var(--site-muted-fg);
}

.statusMark_QO_ySw.tone0_QO_ySw {
  color: var(--kit-accent);
}

.statusMark_QO_ySw.tone1_QO_ySw {
  color: var(--kit-quiet);
}

.statusMark_QO_ySw.tone2_QO_ySw {
  color: var(--site-muted-fg);
}

.window_QO_ySw {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  min-height: calc(var(--u) * 560);
  overflow: hidden;
  background: var(--kit-window-bg);
  border: 1px solid var(--kit-edge);
  border-radius: var(--kit-window-r);
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000a, 0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -12) #00000024;
}

.windowFit_QO_ySw {
  min-height: 0;
}

.windowTop_QO_ySw {
  grid-column: 1 / -1;
  grid-row: 1;
  padding: var(--kit-inset) var(--kit-inset) 0;
}

.hasNav_QO_ySw .windowTop_QO_ySw {
  display: none;
}

.controls_QO_ySw {
  display: flex;
  align-items:  center;
  gap: var(--kit-gap);
  height: calc(var(--u) * 32);
  padding-inline: var(--kit-inset);
  color: var(--site-muted-fg);
}

.dots_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 8);
}

.dot_QO_ySw {
  width: calc(var(--u) * 12);
  height: calc(var(--u) * 12);
  background: color-mix(in oklch, var(--site-fg) 14%, transparent);
  border-radius: 9999px;
}

.arrows_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 4);
  opacity: .7;
}

.sidebar_QO_ySw {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  gap: var(--kit-gap);
  width: calc(var(--u) * 180);
  padding: var(--kit-inset);
  flex-direction: column;
}

.workspace_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 8);
  height: calc(var(--u) * 30);
  padding-inline: var(--kit-inset);
  color: var(--site-muted-fg);
}

.workspaceMark_QO_ySw {
  display: flex;
  width: calc(var(--u) * 18);
  height: calc(var(--u) * 18);
  border-radius: max(calc(var(--u) * 2), calc(var(--kit-mark-r) * .7));
  background: var(--site-fg);
  color: var(--site-card);
  font-size: calc(var(--u) * 10);
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  font-weight: 600;
  line-height: 1;
}

.workspaceName_QO_ySw {
  color: var(--site-fg);
  font-size: calc(var(--u) * 13);
}

.workspaceTools_QO_ySw {
  display: flex;
  gap: var(--kit-gap);
  margin-inline-start: auto;
  padding-inline-start: calc(var(--u) * 8);
}

.navGroup_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 2);
  flex-direction: column;
}

.navItem_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 8);
  height: calc(var(--u) * 30);
  padding-inline: calc(var(--u) * 6);
  border-radius: var(--kit-row-r);
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 13);
}

.navIcon_QO_ySw {
  display: flex;
  width: calc(var(--u) * 20);
  height: calc(var(--u) * 20);
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
}

.navActive_QO_ySw {
  background: var(--kit-plate);
  color: var(--site-fg);
}

.stage_QO_ySw {
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  padding: var(--kit-inset);
  min-width: 0;
}

.hasNav_QO_ySw .stage_QO_ySw {
  grid-column: 2;
  padding-inline-start: 0;
}

.canvas_QO_ySw {
  display: flex;
  overflow: hidden;
  background: var(--kit-canvas);
  border: 1px solid var(--kit-edge);
  border-radius: var(--kit-canvas-r);
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000d;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.canvasBar_QO_ySw {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: var(--kit-gap);
  min-height: calc(var(--u) * 54);
  padding-block: calc(var(--u) * 10);
  padding-inline: var(--kit-pad) var(--kit-gap);
  border-block-end: 1px solid var(--kit-line);
}

.canvasTitle_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 8);
  font-size: calc(var(--u) * 15);
  min-width: 0;
}

.canvasTitle_QO_ySw svg {
  color: var(--site-muted-fg);
}

.canvasBody_QO_ySw {
  display: flex;
  gap: var(--kit-pad);
  padding: var(--kit-pad);
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.pageLede_QO_ySw {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: var(--kit-gap);
  margin-block-start: calc(var(--u) * -4);
}

.grid_QO_ySw {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--kit-gap);
}

.span_QO_ySw {
  grid-column: 1 / -1;
}

.panel_QO_ySw {
  display: flex;
  gap: var(--kit-gap);
  padding: var(--kit-pad-card);
  background: var(--kit-tint);
  border-radius: var(--kit-inner-r);
  flex-direction: column;
  min-width: 0;
}

.ghostRows_QO_ySw {
  display: flex;
  flex-direction: column;
}

.ghostRow_QO_ySw {
  display: grid;
  grid-template-columns: auto minmax(0, 1.6fr) minmax(0, 1fr) auto;
  align-items:  center;
  gap: var(--kit-pad);
  padding-block: calc(var(--u) * 12);
  border-block-end: 1px solid var(--kit-line);
}

.ghostRow_QO_ySw:first-child {
  padding-block-start: 0;
}

.ghostRow_QO_ySw:last-child {
  border-block-end: 0;
  padding-block-end: 0;
}

.ghostMark_QO_ySw {
  width: calc(var(--u) * 28);
  height: calc(var(--u) * 28);
  border-radius: var(--kit-mark-r);
  background: var(--kit-plate);
}

.ghostBar_QO_ySw {
  display: block;
  height: calc(var(--u) * 8);
  background: color-mix(in oklch, var(--site-fg) 14%, transparent);
  border-radius: 9999px;
}

.ghostQuiet_QO_ySw {
  background: var(--kit-line);
}

.ghostPill_QO_ySw {
  width: calc(var(--u) * 56);
  height: calc(var(--u) * 22);
  border-radius: var(--kit-btn-r);
  background: var(--kit-plate);
}

.ghostPillOn_QO_ySw {
  background: var(--kit-accent-tint);
}

.extraParts_QO_ySw {
  display: flex;
  gap: var(--kit-gap);
  flex-direction: column;
  min-width: 0;
}

.inbox_QO_ySw {
  display: flex;
  margin: calc(var(--kit-pad) * -1);
  flex: 1;
  min-width: 0;
}

.inboxList_QO_ySw {
  display: flex;
  gap: var(--kit-gap);
  width: calc(var(--u) * 300);
  padding: var(--kit-pad);
  border-inline-end: 1px solid var(--kit-line);
  flex-direction: column;
  flex-shrink: 0;
  min-width: 0;
}

.messages_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 4);
  flex-direction: column;
}

.message_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 4);
  padding: var(--kit-pad-card);
  border-radius: var(--kit-inner-r);
  flex-direction: column;
  min-width: 0;
}

.messageActive_QO_ySw {
  background: var(--kit-plate);
}

.message_QO_ySw .row_QO_ySw, .task_QO_ySw .row_QO_ySw {
  border: 0;
  padding: 0;
}

.reading_QO_ySw {
  display: flex;
  gap: var(--kit-pad);
  padding: var(--kit-pad);
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.readingBody_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 10);
  flex-direction: column;
  flex: 1;
}

.paragraph_QO_ySw {
  color: var(--site-fg);
  font-size: calc(var(--u) * 13);
  margin: 0;
  line-height: 1.55;
}

.form_QO_ySw {
  display: flex;
  gap: var(--kit-pad);
  max-width: calc(var(--u) * 560);
  flex-direction: column;
}

.formLabel_QO_ySw {
  font-size: calc(var(--u) * 13);
  padding-block-end: calc(var(--u) * 6);
  font-weight: 500;
}

.settingRows_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 8);
  flex-direction: column;
}

.settingRow_QO_ySw {
  padding: var(--kit-pad-card);
  border-radius: var(--kit-inner-r);
  background: var(--kit-tint);
}

.settingRow_QO_ySw .row_QO_ySw {
  border: 0;
  padding: 0;
}

.formActions_QO_ySw .actions_QO_ySw {
  justify-content: flex-start;
}

.board_QO_ySw {
  display: grid;
  gap: var(--kit-gap);
  align-items:  start;
}

.column_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 8);
  padding: calc(var(--u) * 8);
  border-radius: var(--kit-inner-r);
  background: var(--kit-tint);
  flex-direction: column;
  min-width: 0;
}

.columnHead_QO_ySw {
  display: flex;
  padding: calc(var(--u) * 4) calc(var(--u) * 6);
  justify-content: space-between;
  align-items:  center;
}

.count_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 12);
}

.task_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 4);
  padding: var(--kit-pad-card);
  border: 1px solid var(--kit-edge);
  border-radius: var(--kit-row-r);
  background: var(--kit-canvas);
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000a;
  flex-direction: column;
  min-width: 0;
}

.assistant_QO_ySw {
  display: flex;
  justify-content: center;
  align-items:  center;
  gap: calc(var(--u) * 26);
  padding-block: var(--kit-gap) var(--kit-pad);
  flex-direction: column;
  flex: 1;
}

.assistant_QO_ySw > * {
  max-width: calc(var(--u) * 500);
  width: 100%;
}

.hero_QO_ySw {
  display: flex;
  align-items:  center;
  gap: calc(var(--u) * 6);
  text-align: center;
  flex-direction: column;
}

.heroKicker_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 13);
}

.heroTitle_QO_ySw {
  font-family: var(--site-font-body);
  font-size: calc(var(--u) * 46);
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
  font-weight: 500;
  line-height: 1;
}

.heroLede_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 14);
}

.composer_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 6);
  padding: var(--kit-pad-card);
  border: 1px solid var(--kit-edge);
  border-radius: var(--kit-card-r);
  background: var(--kit-canvas);
  box-shadow: 0 calc(var(--u) * 20) calc(var(--u) * 40) calc(var(--u) * -12) #0000001a;
  flex-direction: column;
  padding-block-end: calc(var(--u) * 8);
  padding-inline-end: calc(var(--u) * 10);
}

.composerText_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 14);
  overflow-wrap: anywhere;
}

.composerFoot_QO_ySw {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: var(--kit-gap);
  color: var(--site-muted-fg);
}

.send_QO_ySw {
  display: flex;
  width: calc(var(--u) * 30);
  height: calc(var(--u) * 30);
  border-radius: var(--kit-btn-r);
  background: var(--kit-accent);
  color: var(--site-primary-fg);
  justify-content: center;
  align-items:  center;
}

.suggestions_QO_ySw {
  display: flex;
  gap: var(--kit-gap);
  flex-direction: column;
}

.suggestionsTitle_QO_ySw {
  padding-inline: calc(var(--u) * 4);
  font-size: calc(var(--u) * 14);
}

.suggestionGrid_QO_ySw {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--kit-gap);
}

.suggestion_QO_ySw {
  display: flex;
  gap: calc(var(--u) * 10);
  padding: var(--kit-pad-card);
  border-radius: var(--kit-inner-r);
  background: var(--kit-tint);
  color: var(--site-muted-fg);
  flex-direction: column;
  min-width: 0;
}

.suggestion_QO_ySw .rowTitle_QO_ySw {
  color: var(--site-fg);
}

.suggestionText_QO_ySw {
  color: var(--site-muted-fg);
  font-size: calc(var(--u) * 13);
  overflow-wrap: anywhere;
}

@container (width <= 380px) {
  .layoutCard_QO_ySw {
    --kit-w: 340;
    padding: calc(var(--u) * 20);
  }
}

@container (width <= 640px) {
  .layoutApp_QO_ySw {
    --kit-w: 380;
    --kit-pad: calc(var(--u) * 14);
    padding: calc(var(--u) * 8);
  }

  .layoutApp_QO_ySw .window_QO_ySw {
    min-height: 0;
  }

  .layoutApp_QO_ySw .hasNav_QO_ySw .windowTop_QO_ySw {
    display: block;
  }

  .layoutApp_QO_ySw .sidebar_QO_ySw {
    display: none;
  }

  .layoutApp_QO_ySw .hasNav_QO_ySw .stage_QO_ySw {
    grid-column: 1 / -1;
    padding-inline-start: var(--kit-inset);
  }

  .layoutApp_QO_ySw .canvasBar_QO_ySw {
    flex-wrap: wrap;
    min-height: calc(var(--u) * 44);
  }

  .layoutApp_QO_ySw .pageLede_QO_ySw {
    flex-direction: column;
    align-items:  flex-start;
  }

  .layoutApp_QO_ySw .grid_QO_ySw, .layoutApp_QO_ySw .suggestionGrid_QO_ySw {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .layoutApp_QO_ySw .grid_QO_ySw > * {
    min-width: 0;
  }

  .layoutApp_QO_ySw .table_QO_ySw {
    grid-template-columns: var(--kit-table-cols-phone);
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
  }

  .layoutApp_QO_ySw .inbox_QO_ySw {
    flex-direction: column;
  }

  .layoutApp_QO_ySw .inboxList_QO_ySw {
    width: 100%;
    border-inline-end: 0;
  }

  .layoutApp_QO_ySw .board_QO_ySw {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .layoutApp_QO_ySw .heroTitle_QO_ySw {
    font-size: calc(var(--u) * 34);
  }
}

[data-hero-stage-widget] .layoutApp_QO_ySw {
  --kit-w: 1240;
  --u: max(calc(100cqw / var(--kit-w)), .9px);
  --kit-window-r: calc(var(--u) * 24);
  --kit-stage-inset: clamp(calc(var(--u) * 28), 4cqw, calc(var(--u) * 60));
  --kit-bleed: calc(var(--u) * 48);
  --kit-lift-bg: var(--kit-canvas);
  padding: var(--kit-stage-inset) 0 0;
  padding-inline-start: var(--kit-stage-inset);
}

@supports (color: oklch(from red l c h)) {
  [data-hero-stage-widget] .layoutApp_QO_ySw {
    --kit-lift-bg: oklch(from var(--site-card) calc(l + (1 - l) * .07) c h);
  }
}

[data-hero-stage-widget] .window_QO_ySw, [data-hero-stage-widget] .windowFit_QO_ySw {
  width: max(calc(100cqw - var(--kit-stage-inset)  + var(--kit-bleed)), calc(var(--u) * 1100));
  min-height: calc(var(--u) * 760);
  border-radius: 0;
  box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000a, 0 calc(var(--u) * 24) calc(var(--u) * 72) calc(var(--u) * -8) #00000029;
  border-block-end-width: 0;
  border-inline-end-width: 0;
  border-start-start-radius: var(--kit-window-r);
  max-width: none;
}

[data-hero-stage-widget] .stage_QO_ySw {
  padding-block-end: 0;
  padding-inline-end: 0;
}

[data-hero-stage-widget] .canvas_QO_ySw {
  border-radius: 0;
  border-block-end-width: 0;
  border-inline-end-width: 0;
  border-start-start-radius: var(--kit-canvas-r);
}

[data-hero-stage-widget] .canvasBar_QO_ySw {
  padding-inline-end: calc(var(--kit-pad)  + var(--kit-bleed));
}

[data-hero-stage-widget] .panel_QO_ySw, [data-hero-stage-widget] .tile_QO_ySw, [data-hero-stage-widget] .settingRow_QO_ySw, [data-hero-stage-widget] .suggestion_QO_ySw {
  background: var(--kit-canvas);
  box-shadow: inset 0 0 0 1px var(--kit-line);
}

[data-hero-stage-widget] .column_QO_ySw {
  background: var(--kit-tint);
  box-shadow: inset 0 0 0 1px var(--kit-line);
}

[data-hero-stage-widget] .plate_QO_ySw {
  background: var(--kit-canvas);
  box-shadow: 0 0 0 1px var(--kit-line), 0 calc(var(--u) * 1) calc(var(--u) * 2) #0000000f;
}

[data-hero-stage-widget] .lift_QO_ySw {
  position: relative;
  z-index: 1;
  isolation: isolate;
  border-color: #0000;
}

[data-hero-stage-widget] .lift_QO_ySw:before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline: calc(var(--lift-reach, 0px) * -1);
  z-index: -1;
  border-radius: var(--lift-r, var(--kit-inner-r));
  background: var(--kit-lift-bg);
  box-shadow: 0 0 0 1px var(--kit-edge), 0 calc(var(--u) * 2) calc(var(--u) * 4) #0000000a, 0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -12) #00000040;
  pointer-events: none;
}

[data-hero-stage-widget] .row_QO_ySw.lift_QO_ySw {
  --lift-reach: calc(var(--u) * 10);
  --lift-r: var(--kit-row-r);
  padding-block: calc(var(--u) * 10);
}

[data-hero-stage-widget] .row_QO_ySw:has( + .lift_QO_ySw) {
  border-color: #0000;
}

[data-hero-stage-widget] .task_QO_ySw.lift_QO_ySw {
  --lift-r: var(--kit-row-r);
}

[data-hero-stage-widget] .composer_QO_ySw.lift_QO_ySw {
  --lift-r: var(--kit-card-r);
}

[data-hero-stage-widget] .tr_QO_ySw.lift_QO_ySw {
  --lift-reach: calc(var(--u) * 4);
  --lift-r: var(--kit-row-r);
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
}

[data-hero-stage-widget] .tr_QO_ySw.lift_QO_ySw + .tr_QO_ySw > .td_QO_ySw {
  border-color: #0000;
}

.stageBackdrop_QO_ySw {
  --stage-bloom-a: color-mix(in oklch, var(--site-primary-text, var(--site-primary)) 30%, var(--site-bg));
  --stage-bloom-b: color-mix(in oklch, var(--site-accent, var(--site-primary)) 36%, var(--site-bg));
  background-color: color-mix(in oklch, var(--site-fg) 4%, var(--site-bg));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"), radial-gradient(60% 80% at 0% 0%, var(--stage-bloom-a), transparent 70%), radial-gradient(70% 90% at 100% 15%, var(--stage-bloom-b), transparent 72%), radial-gradient(90% 70% at 40% 110%, var(--stage-bloom-a), transparent 75%);
  background-size: 160px 160px, auto, auto, auto;
}

@supports (color: oklch(from red l c h)) {
  .stageBackdrop_QO_ySw {
    --stage-bloom-a: color-mix(in oklch, oklch(from var(--site-primary-text, var(--site-primary)) .62 c h) 28%, var(--site-bg));
    --stage-bloom-b: color-mix(in oklch, oklch(from var(--site-accent, var(--site-primary)) .7 c h) 34%, var(--site-bg));
  }
}

/* components/site-sections/shared/ProductWidget.module.css */
.item_BTSYEg {
  min-width: 0;
}

.copy_BTSYEg {
  overflow-wrap: anywhere;
  white-space: normal;
  min-width: 0;
}

/* components/site-sections/cta-band/CtaBand.module.css */
.band_qi-YeA [data-slot="cta-band.heading"] {
  font-size: calc(var(--site-text-h2) * var(--section-heading-mult, 1) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-h2));
  text-wrap: balance;
  max-width: min(100%, 26ch);
}

.band_qi-YeA [data-slot="cta-band.body"] {
  max-width: var(--site-copy-measure);
  font-size: calc(var(--site-text-body) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, var(--site-leading-body));
  text-wrap: balance;
}

.band_qi-YeA [data-slot="cta-band.body"] + :is(a, button, div) {
  margin-top: var(--site-space-lg);
}

.band_qi-YeA [data-closing-geometry] [data-intro-tone="follow"] [data-slot="cta-band.body"] {
  color: inherit;
  opacity: .65;
}

.band_qi-YeA [data-closing-geometry] [data-title-measure="640px"] [data-slot="cta-band.heading"] {
  max-width: 640px;
}

.band_qi-YeA [data-closing-geometry] [data-intro-measure="446px"] [data-slot="cta-band.body"] {
  max-width: 446px;
}

.band_qi-YeA [data-closing-geometry] [data-content-gap="relaxed"] {
  gap: calc(var(--site-space-lg) * 2);
}

.band_qi-YeA [data-closing-geometry][data-content-frame="panel"] {
  border: 1px solid var(--site-border);
  border-radius: var(--site-radius);
}

.band_qi-YeA [data-closing-geometry][data-content-frame="panel"]:not([data-cta-layout="backdrop"]) {
  background: var(--site-muted);
}

.band_qi-YeA [data-closing-geometry][data-frame-padding="compact"]:not([data-cta-layout="backdrop"]) {
  padding: calc(var(--site-space-lg) * 3);
}

.band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-section-height="screen"] {
  min-height: calc(var(--site-preview-viewport-height, 100svh)  - var(--site-section-py, 0px) * var(--section-py-own, 1) * (var(--section-pt-scale, 1)  + var(--section-pb-scale, 1)));
}

.band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-section-height="screen"][data-height-cap="medium"] {
  min-height: min(768px, calc(var(--site-preview-viewport-height, 100svh)  - var(--site-section-py, 0px) * var(--section-py-own, 1) * (var(--section-pt-scale, 1)  + var(--section-pb-scale, 1))));
}

.band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-padding-top="roomy"] {
  padding-top: calc(var(--site-space-lg) * 5);
}

.band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-padding-bottom="roomy"] {
  padding-bottom: clamp(calc(var(--site-space-lg) * 3), 12cqw, 176px);
}

.band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-padding-inline="compact"] {
  padding-inline: calc(var(--site-space-lg) * 1.5);
}

@container (width <= 767px) {
  .band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-section-height="screen"][data-height-cap="medium"] {
    min-height: min(640px, calc(var(--site-preview-viewport-height, 100svh)  - var(--site-section-py, 0px) * var(--section-py-own, 1) * (var(--section-pt-scale, 1)  + var(--section-pb-scale, 1))));
  }

  .band_qi-YeA [data-closing-geometry][data-cta-layout="backdrop"][data-padding-top="roomy"] {
    padding-top: calc(var(--site-space-lg) * 3.5);
  }
}

/* components/site-sections/shared/ScrollMedia.module.css */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .frame_KCN7uA[data-scroll-media="active"] {
      view-timeline-name: --scroll-media;
      view-timeline-axis: block;
    }

    .frame_KCN7uA[data-scroll-media="active"] img {
      animation: drift linear both;
      animation-timeline: --scroll-media;
      animation-range: entry 0% exit 100%;
    }
  }
}

@keyframes drift_-lWvLg {
  from {
    transform: translateY(max(-12px, -2%))scale(1.06);
  }

  to {
    transform: translateY(min(12px, 2%))scale(1.06);
  }
}

[data-site-still] .frame_KCN7uA img, [data-site-thumbnail] .frame_KCN7uA img, [inert] .frame_KCN7uA img, [data-source-native-instance] .frame_KCN7uA img, .frame_KCN7uA[inert] img {
  animation: none;
  transform: none;
}

/* components/site-sections/footer/Footer.module.css */
.band_Yh70ow [data-slot="footer.heading"] {
  font-size: calc(clamp(1.125rem, 1.7cqw, 1.5rem) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, 1.3);
  overflow-wrap: anywhere;
}

.band_Yh70ow [data-slot="footer.body"] {
  font-size: calc(1rem * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, 1.6);
  text-wrap: wrap;
  max-width: 56ch;
}

.band_Yh70ow [data-footer-region="promo"] [data-slot="footer.heading"] {
  font-size: calc(clamp(1.5rem, 2.5cqw, 2.25rem) * var(--slot-size-mult, 1));
}

.band_Yh70ow h2 {
  font-size: calc(clamp(1.5rem, 2.5cqw, 2.25rem) * var(--slot-size-mult, 1));
  line-height: var(--slot-leading, 1.3);
  overflow-wrap: anywhere;
}

/* components/site-sections/logos/Logos.module.css */
.marquee_IRHLRg {
  min-width: 0;
  max-width: 100%;
}

.viewport_IRHLRg {
  overflow: clip;
}

.track_IRHLRg {
  display: flex;
  min-width: 0;
}

.group_IRHLRg {
  display: flex;
  align-items: var(--logo-align, center);
  justify-content: center;
  gap: var(--logo-gap, 2.5rem);
  flex-wrap: wrap;
  flex: none;
  width: 100%;
  min-width: 0;
}

.duplicate_IRHLRg {
  display: none;
}

@keyframes logo-loop_oQqMZA {
  to {
    transform: translateX(-100%);
  }
}

@keyframes logo-loop-rtl_oQqMZA {
  to {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .marquee_IRHLRg .group_IRHLRg {
    animation: logo-loop var(--duration-marquee, 40s) linear infinite;
    flex-wrap: nowrap;
    justify-content: space-around;
    width: max-content;
    min-width: 100%;
    padding-inline-end: var(--logo-gap, 2.5rem);
  }

  .marquee_IRHLRg .group_IRHLRg:dir(rtl) {
    animation-name: logo-loop-rtl;
  }

  .marquee_IRHLRg .duplicate_IRHLRg {
    display: flex;
  }

  .viewport_IRHLRg:focus-within .group_IRHLRg {
    animation-play-state: paused;
  }

  @media (hover: hover) {
    .viewport_IRHLRg:hover .group_IRHLRg {
      animation-play-state: paused;
    }
  }
}

/* components/site-sections/logos/BalancedLogos.module.css */
.frame_LdCH2A {
  container: logo-frame / inline-size;
  min-width: 0;
}

.layout_LdCH2A {
  display: grid;
  gap: clamp(1.75rem, 4cqw, 3rem);
  min-width: 0;
}

.heading_LdCH2A {
  min-width: 0;
}

.heading_LdCH2A :is(h1, h2, h3) {
  text-wrap: balance;
}

.field_LdCH2A {
  container: logo-field / inline-size;
  width: 100%;
  min-width: 0;
  max-width: 920px;
  margin-inline: auto;
}

@container logo-frame_1EokBQ (width >= 650px) {
  .beside_LdCH2A {
    grid-template-columns: minmax(170px, 27%) minmax(0, 1fr);
    align-items:  center;
    column-gap: clamp(1.5rem, 3cqw, 2.5rem);
  }

  .beside_LdCH2A .field_LdCH2A {
    margin-inline: 0;
  }
}

.grid_LdCH2A {
  --slot-width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  row-gap: clamp(1.25rem, 3cqw, 2.25rem);
  min-width: 0;
}

.item_LdCH2A {
  display: flex;
  flex: 0 0 var(--slot-width);
  text-align: center;
  justify-content: center;
  align-items:  center;
  min-width: 0;
  min-height: clamp(5.5rem, 10cqw, 7rem);
  padding-inline: clamp(.5rem, 2cqw, 1rem);
}

.grid_LdCH2A[data-logo-count="1"] .item_LdCH2A {
  flex-basis: min(100%, 190px);
}

@container logo-field_1EokBQ (width <= 309px) {
  .grid_LdCH2A {
    --slot-width: 100%;
  }
}

@container logo-field_1EokBQ (width >= 460px) {
  .grid_LdCH2A[data-logo-count="3"], .grid_LdCH2A[data-logo-count="5"], .grid_LdCH2A[data-logo-count="6"], .grid_LdCH2A[data-logo-count="7"], .grid_LdCH2A[data-logo-count="8"], .grid_LdCH2A[data-logo-count="9"], .many_LdCH2A {
    --slot-width: 33.3333%;
  }

  .grid_LdCH2A[data-logo-count="7"] .item_LdCH2A:nth-child(n+4) {
    flex-basis: 50%;
  }
}

@container logo-field_1EokBQ (width >= 650px) {
  .grid_LdCH2A[data-logo-count="4"], .grid_LdCH2A[data-logo-count="7"], .grid_LdCH2A[data-logo-count="8"], .many_LdCH2A {
    --slot-width: 25%;
  }

  .grid_LdCH2A[data-logo-count="7"] .item_LdCH2A:nth-child(n+4) {
    flex-basis: 25%;
  }
}

.mark_LdCH2A {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: .4rem;
  min-width: 0;
  max-width: 100%;
}

.logo_LdCH2A {
  display: block;
  object-fit: contain;
  mix-blend-mode: normal;
  opacity: 1;
  width: auto;
  max-width: min(100%, 220px);
  height: clamp(3.25rem, 7cqw, 4.25rem);
}

.emptyLogo_LdCH2A {
  width: min(100%, 130px);
  height: 2.5rem;
}

.name_LdCH2A {
  display: block;
  color: var(--site-fg);
  font-size: var(--site-text-body, 1rem);
  overflow-wrap: anywhere;
  text-wrap: balance;
  max-width: 100%;
  font-weight: 600;
  line-height: 1.3;
}

.monochrome_LdCH2A .logo_LdCH2A {
  filter: grayscale(1) contrast(1.8);
}

.monochrome_LdCH2A .vectorLogo_LdCH2A {
  filter: brightness(0);
}

.monochrome_LdCH2A.dark_LdCH2A .logo_LdCH2A {
  filter: grayscale(1) invert(1) contrast(1.8);
}

.monochrome_LdCH2A.dark_LdCH2A .darkAsset_LdCH2A {
  filter: grayscale(1) contrast(1.8);
}

.monochrome_LdCH2A.dark_LdCH2A .vectorLogo_LdCH2A {
  filter: brightness(0) invert(1);
}

.ruled_LdCH2A .grid_LdCH2A {
  row-gap: 0;
}

.ruled_LdCH2A .item_LdCH2A {
  box-shadow: inset 0 0 0 .5px var(--site-border);
  min-height: clamp(6.5rem, 13cqw, 9rem);
  padding: 1rem;
}

.empty_LdCH2A {
  color: var(--site-muted-fg);
  text-align: center;
  width: 100%;
  margin: 0;
}

.motionNote_LdCH2A {
  color: var(--site-muted-fg);
  font-size: var(--site-text-sm, .875rem);
  text-align: center;
  margin: .75rem 0 0;
}

.motion_LdCH2A {
  display: none;
  overflow: clip;
  outline-offset: 3px;
}

.motion_LdCH2A:focus-visible {
  outline: 2px solid var(--site-primary);
}

.motionTrack_LdCH2A, .motionGroup_LdCH2A {
  display: flex;
  align-items:  center;
  width: max-content;
}

.motionGroup_LdCH2A {
  flex: none;
  justify-content: space-around;
  gap: clamp(1.5rem, 3cqw, 2.5rem);
  min-width: 100cqw;
  padding-inline-end: clamp(1.5rem, 3cqw, 2.5rem);
}

.motionItem_LdCH2A {
  display: flex;
  flex: none;
  justify-content: center;
  align-items:  center;
  min-width: 110px;
  min-height: 6rem;
}

@keyframes move-logos_1EokBQ {
  to {
    transform: translateX(-50%);
  }
}

@keyframes move-logos-rtl_1EokBQ {
  to {
    transform: translateX(50%);
  }
}

@media (prefers-reduced-motion: no-preference) {
  @container logo-field_1EokBQ (width >= 620px) {
    .motionFallback_LdCH2A {
      display: none;
    }

    .motion_LdCH2A {
      display: block;
    }

    .motionTrack_LdCH2A {
      animation: move-logos 36s linear infinite;
    }

    .motionTrack_LdCH2A:dir(rtl) {
      animation-name: move-logos-rtl;
    }

    .motion_LdCH2A:focus-within .motionTrack_LdCH2A {
      animation-play-state: paused;
    }
  }

  @media (hover: hover) {
    .motion_LdCH2A:hover .motionTrack_LdCH2A {
      animation-play-state: paused;
    }
  }
}

/* components/site-sections/bento/Bento.module.css */
.grid_Ek4gVg {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.cell_Ek4gVg {
  display: flex;
  overflow: hidden;
  border: 1px solid var(--site-border);
  border-radius: var(--site-radius);
  background: var(--site-card);
  color: var(--site-card-fg);
  flex-direction: column;
  min-width: 0;
}

.media_Ek4gVg {
  overflow: hidden;
  height: clamp(12rem, 23cqw, 20rem);
  min-height: 12rem;
}

.copy_Ek4gVg {
  display: flex;
  align-items:  flex-start;
  gap: var(--site-space-sm);
  flex-direction: column;
  padding: 1.5rem;
}

.inset_Ek4gVg .media_Ek4gVg {
  border-radius: var(--site-radius);
  margin: 1.5rem 1.5rem 0;
}

.textFirst_Ek4gVg .copy_Ek4gVg {
  order: -1;
}

.overlay_Ek4gVg {
  position: relative;
  justify-content: flex-end;
  min-height: 24rem;
}

.overlay_Ek4gVg .media_Ek4gVg {
  position: absolute;
  height: 100%;
  inset: 0;
}

.overlay_Ek4gVg .copy_Ek4gVg {
  position: relative;
  background: var(--site-card);
  color: var(--site-fg);
}

.tall_Ek4gVg .overlay_Ek4gVg {
  min-height: 28rem;
}

.tallMedia_Ek4gVg .media_Ek4gVg {
  height: clamp(16rem, 32cqw, 28rem);
}

.filtered_Ek4gVg > div {
  min-width: 0;
}

.filtered_Ek4gVg .cell_Ek4gVg {
  height: 100%;
}

@container (width >= 768px) {
  .grid_Ek4gVg {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .filtered_Ek4gVg > div {
    grid-column: span var(--bento-span, 6);
  }
}

.positioned_Ek4gVg {
  container: bento-card / inline-size;
}

.positionedContent_Ek4gVg {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.positionedContent_Ek4gVg .copy_Ek4gVg {
  min-width: 0;
}

@container bento-card_OPgoNg (width >= 40rem) {
  .mediaLeft_Ek4gVg, .mediaRight_Ek4gVg {
    flex-direction: row;
  }

  .mediaLeft_Ek4gVg > .media_Ek4gVg, .mediaRight_Ek4gVg > .media_Ek4gVg {
    flex: 1 1 0;
    height: auto;
    min-width: 0;
  }

  .mediaLeft_Ek4gVg > .copy_Ek4gVg, .mediaRight_Ek4gVg > .copy_Ek4gVg {
    flex: 1 1 0;
    justify-content: center;
  }

  .mediaRight_Ek4gVg > .media_Ek4gVg {
    order: 1;
  }

  .inset_Ek4gVg .mediaLeft_Ek4gVg > .media_Ek4gVg {
    margin: 1.5rem 0 1.5rem 1.5rem;
  }

  .inset_Ek4gVg .mediaRight_Ek4gVg > .media_Ek4gVg {
    margin: 1.5rem 1.5rem 1.5rem 0;
  }
}

/* components/site-sections/statement/Statement.module.css */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .reveal_FG295w {
      view-timeline-name: --statement-reveal;
    }

    .word_FG295w {
      animation-name: statement-word-reveal;
      animation-duration: 1ms;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: --statement-reveal;
      animation-range-start: cover var(--word-from, 20%);
      animation-range-end: cover var(--word-to, 55%);
    }
  }
}

@keyframes statement-word-reveal_RvmQtw {
  from {
    opacity: .25;
  }

  to {
    opacity: 1;
  }
}

.finalGeometry_FG295w[data-title-measure="1000px"] [data-slot="statement.heading"] {
  max-width: 1000px;
}

.finalGeometry_FG295w[data-title-measure="64rem"] [data-slot="statement.heading"] {
  max-width: 64rem;
}

.finalGeometry_FG295w[data-content-gap="comfortable"], .finalGeometry_FG295w[data-content-gap="comfortable"] > div, .finalGeometry_FG295w[data-content-gap="comfortable"] [data-statement-byline] {
  gap: calc(var(--site-space-lg) * 1.5);
}

.finalGeometry_FG295w[data-content-gap="relaxed"], .finalGeometry_FG295w[data-content-gap="relaxed"] > div, .finalGeometry_FG295w[data-content-gap="relaxed"] [data-statement-byline] {
  gap: calc(var(--site-space-lg) * 2);
}

.finalGeometry_FG295w[data-frame-padding="compact"] {
  padding: calc(var(--site-space-lg) * 3);
}

.finalGeometry_FG295w[data-content-frame="panel"] {
  border: 1px solid var(--site-border);
  border-radius: var(--site-radius);
}

.screen_FG295w {
  min-height: var(--site-preview-viewport-height, 100svh);
}