@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-ink: #0B0C0F;
    --color-ink-2: #1F2126;
    --color-hairline: #E3E5EA;
    --color-surface: #FFFFFF;
    --color-accent: #0070F3;
  }
}
@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;
@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/sohne/Sohne-Buch.otf") format("opentype");
}
@font-face {
  font-family: "Sohne";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/sohne/Sohne-Kraftig.otf") format("opentype");
}
@layer base {
  html {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,	*::before,	*::after {
      animation-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
    }
  }
  body {
    background-color: var(--color-surface);
    color: var(--color-ink-2);
    font-family: var(--font-sans);
    font-feature-settings: "ss01", "cv11";
  }
  h1,	h2,	h3,	h4 {
    font-family: var(--font-sans);
    color: var(--color-ink);
    letter-spacing: -0.02em;
    text-wrap: balance;
  }
  :focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    border-radius: 4px;
  }
  ::selection {
    background-color: var(--color-accent);
    color: var(--color-surface);
  }
  hr {
    border: 0;
    border-top: 1px solid var(--color-hairline);
  }
}
@layer reset, sx, app, user.lib, user.app, inline;
@layer app { .mx-auto { margin-inline: auto; } .max-w-2xl { max-width: 42rem; } .text-center { text-align: center; } .max-w-3xl { max-width: 48rem; } .mt-6 { margin-top: calc(0.25rem * 6); } .text-base { font-size: 1rem; line-height: var(--tw-leading, calc(1.5 / 1)); } .text-ink-2 { color: #1F2126; } .leading-relaxed { --tw-leading: 1.625; line-height: 1.625; } .mt-8 { margin-top: calc(0.25rem * 8); } .grid { display: grid; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .gap-4 { gap: calc(0.25rem * 4); } @media (width >= 40rem) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .block { display: block; } .h-full { height: 100%; } .rounded-sm { border-radius: 8px; } .border { border-style: solid; border-width: 1px; } .border-hairline { border-color: #E3E5EA; } .bg-surface { background-color: #FFFFFF; } .px-4 { padding-inline: calc(0.25rem * 4); } .py-4 { padding-block: calc(0.25rem * 4); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms); } .hover\:border-ink:hover { @media (hover: hover) { border-color: #0B0C0F; } } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } .text-\[13px\] { font-size: 13px; } .font-semibold { --tw-font-weight: 600; font-weight: 600; } .text-ink { color: #0B0C0F; } .mt-1 { margin-top: calc(0.25rem * 1); } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-\[11px\] { font-size: 11px; } .text-muted { color: #4A4E57; } .mt-3 { margin-top: calc(0.25rem * 3); } .inline-flex { display: inline-flex; } .items-center { align-items: center; } .rounded-md { border-radius: 10px; } .border-ink { border-color: #0B0C0F; } .bg-ink { background-color: #0B0C0F; } .px-5 { padding-inline: calc(0.25rem * 5); } .h-10 { height: calc(0.25rem * 10); } .text-sm { font-size: 0.875rem; line-height: var(--tw-leading, calc(1.25 / 0.875)); } .text-surface { color: #FFFFFF; } .hover\:bg-accent:hover { @media (hover: hover) { background-color: #0070F3; } } .px-6 { padding-inline: calc(0.25rem * 6); } .py-8 { padding-block: calc(0.25rem * 8); } .italic { font-style: italic; } @media (width >= 48rem) { .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .gap-12 { gap: calc(0.25rem * 12); } .items-start { align-items: flex-start; } @media (width >= 48rem) { .md\:col-span-5 { grid-column: span 5 / span 5; } } .mt-4 { margin-top: calc(0.25rem * 4); } .font-serif { font-family: "Inter", ui-sans-serif, system-ui, sans-serif; } .text-3xl { font-size: 1.875rem; line-height: var(--tw-leading, calc(2.25 / 1.875)); } @media (width >= 48rem) { .md\:text-4xl { font-size: 2.25rem; line-height: var(--tw-leading, calc(2.5 / 2.25)); } } @media (width >= 48rem) { .md\:col-span-7 { grid-column: span 7 / span 7; } } .mt-12 { margin-top: calc(0.25rem * 12); } @media (width >= 48rem) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .gap-6 { gap: calc(0.25rem * 6); } .text-xl { font-size: 1.25rem; line-height: var(--tw-leading, calc(1.75 / 1.25)); } @media (width >= 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .gap-x-6 { column-gap: calc(0.25rem * 6); } .gap-y-3 { row-gap: calc(0.25rem * 3); } .text-subtle { color: #8A8F98; } .underline { text-decoration-line: underline; } .decoration-hairline { text-decoration-color: #E3E5EA; } .underline-offset-4 { text-underline-offset: 4px; } .hover\:decoration-ink:hover { @media (hover: hover) { text-decoration-color: #0B0C0F; } } .mt-10 { margin-top: calc(0.25rem * 10); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gap-3 { gap: calc(0.25rem * 3); } @media (width >= 40rem) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .py-3 { padding-block: calc(0.25rem * 3); } .hover\:text-ink:hover { @media (hover: hover) { color: #0B0C0F; } } @media (width >= 48rem) { .md\:text-5xl { font-size: 3rem; line-height: var(--tw-leading, 1); } } .text-surface\/70 { color: color-mix(in srgb, #FFFFFF 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #FFFFFF 70%, transparent); } } .flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .justify-center { justify-content: center; } .decoration-surface\/40 { text-decoration-color: color-mix(in srgb, #FFFFFF 40%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix(in oklab, #FFFFFF 40%, transparent); } } .hover\:decoration-surface:hover { @media (hover: hover) { text-decoration-color: #FFFFFF; } } .w-full { width: 100%; } .max-w-\[1300px\] { max-width: 1300px; } .items-stretch { align-items: stretch; } .relative { position: relative; } .z-10 { z-index: 10; } .shrink-0 { flex-shrink: 0; } .focus-visible\:outline-accent:focus-visible { outline-color: #0070F3; } .gap-2 { gap: calc(0.25rem * 2); } .rounded-full { border-radius: calc(infinity * 1px); } .py-0\.5 { padding-block: calc(0.25rem * 0.5); } .pr-3 { padding-right: calc(0.25rem * 3); } .pl-0\.5 { padding-left: calc(0.25rem * 0.5); } .font-medium { --tw-font-weight: 500; font-weight: 500; } .focus-visible\:outline-2:focus-visible { outline-style: solid; outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .bg-accent { background-color: #0070F3; } .px-2\.5 { padding-inline: calc(0.25rem * 2.5); } .font-bold { --tw-font-weight: 700; font-weight: 700; } .tracking-wider { --tw-tracking: 0.05em; letter-spacing: 0.05em; } .uppercase { text-transform: uppercase; } .\[\&_svg\]\:h-2 svg { height: calc(0.25rem * 2); } .\[\&_svg\]\:w-2 svg { width: calc(0.25rem * 2); } .font-display { font-family: "InterDisplay", "Inter", ui-sans-serif, system-ui, sans-serif; } .text-4xl { font-size: 2.25rem; line-height: var(--tw-leading, calc(2.5 / 2.25)); } .tracking-tight { --tw-tracking: -0.025em; letter-spacing: -0.025em; } .mt-5 { margin-top: calc(0.25rem * 5); } .border-t { border-top-style: solid; border-top-width: 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; } .max-w-\[800px\] { max-width: 800px; } .gap-8 { gap: calc(0.25rem * 8); } .w-10 { width: calc(0.25rem * 10); } .mt-2 { margin-top: calc(0.25rem * 2); } @media (width >= 64rem) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .text-xs { font-size: 0.75rem; line-height: var(--tw-leading, calc(1 / 0.75)); } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .text-accent { color: #0070F3; } .text-5xl { font-size: 3rem; line-height: var(--tw-leading, 1); } .leading-none { --tw-leading: 1; line-height: 1; } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 3) * 0); margin-block-end: calc(calc(0.25rem * 3) * calc(1 - 0)); } } .mt-\[7px\] { margin-top: 7px; } .flex-shrink-0 { flex-shrink: 0; } .inline-block { display: inline-block; } .h-\[6px\] { height: 6px; } .w-\[6px\] { width: 6px; } .rounded-xl { border-radius: 0.75rem; } .p-8 { padding: calc(0.25rem * 8); } .bg-surface\/10 { background-color: color-mix(in srgb, #FFFFFF 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FFFFFF 10%, transparent); } } .text-\[10px\] { font-size: 10px; } .text-surface\/80 { color: color-mix(in srgb, #FFFFFF 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #FFFFFF 80%, transparent); } } .text-surface\/60 { color: color-mix(in srgb, #FFFFFF 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #FFFFFF 60%, transparent); } } .border-surface\/20 { border-color: color-mix(in srgb, #FFFFFF 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #FFFFFF 20%, transparent); } } .text-surface\/90 { color: color-mix(in srgb, #FFFFFF 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, #FFFFFF 90%, transparent); } } .max-w-md { max-width: 28rem; } @media (width >= 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .border-l-2 { border-left-style: solid; border-left-width: 2px; } .border-l-accent { border-left-color: #0070F3; } .text-lg { font-size: 1.125rem; line-height: var(--tw-leading, calc(1.75 / 1.125)); } .py-5 { padding-block: calc(0.25rem * 5); } .py-1\.5 { padding-block: calc(0.25rem * 1.5); } .h-1\.5 { height: calc(0.25rem * 1.5); } .w-1\.5 { width: calc(0.25rem * 1.5); } .mt-16 { margin-top: calc(0.25rem * 16); } .hidden { display: none; } @media (width >= 48rem) { .md\:block { display: block; } } .absolute { position: absolute; } .top-8 { top: calc(0.25rem * 8); } .-right-6 { right: calc(0.25rem * -6); } .text-2xl { font-size: 1.5rem; line-height: var(--tw-leading, calc(2 / 1.5)); } .py-12 { padding-block: calc(0.25rem * 12); } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .leading-snug { --tw-leading: 1.375; line-height: 1.375; } .gap-1\.5 { gap: calc(0.25rem * 1.5); } @media (width >= 48rem) { .md\:text-7xl { font-size: 4.5rem; line-height: var(--tw-leading, 1); } } @media (width >= 64rem) { .lg\:grid { display: grid; } } @media (width >= 64rem) { .lg\:grid-cols-\[1fr_220px\] { grid-template-columns: 1fr 220px; } } @media (width >= 64rem) { .lg\:gap-12 { gap: calc(0.25rem * 12); } } .mt-0 { margin-top: calc(0.25rem * 0); } .max-w-none { max-width: none; } @media (width >= 64rem) { .lg\:block { display: block; } } @media (width >= 64rem) { .lg\:sticky { position: sticky; } } @media (width >= 64rem) { .lg\:top-24 { top: calc(0.25rem * 24); } } .mb-4 { margin-bottom: calc(0.25rem * 4); } .justify-between { justify-content: space-between; } @media (width >= 64rem) { .lg\:hidden { display: none; } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 1) * 0); margin-block-end: calc(calc(0.25rem * 1) * calc(1 - 0)); } } .data-\[active\]\:border-ink[data-active] { border-color: #0B0C0F; } .data-\[active\]\:text-ink[data-active] { color: #0B0C0F; } .border-l { border-left-style: solid; border-left-width: 1px; } .py-1 { padding-block: calc(0.25rem * 1); } .pl-3 { padding-left: calc(0.25rem * 3); } .overflow-hidden { overflow: hidden; } .p-5 { padding: calc(0.25rem * 5); } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .pt-6 { padding-top: calc(0.25rem * 6); } .mb-3 { margin-bottom: calc(0.25rem * 3); } .gap-x-3 { column-gap: calc(0.25rem * 3); } .gap-y-1 { row-gap: calc(0.25rem * 1); } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 6) * 0); margin-block-end: calc(calc(0.25rem * 6) * calc(1 - 0)); } } .gap-1 { gap: calc(0.25rem * 1); } .cursor-pointer { cursor: pointer; } .mb-2 { margin-bottom: calc(0.25rem * 2); } .border-danger-wash { border-color: #FBECEC; } .bg-danger-wash { background-color: #FBECEC; } .text-\[color\:var\(--color-danger\)\] { color: #B3261E; } .mb-1 { margin-bottom: calc(0.25rem * 1); } .break-all { word-break: break-all; } .min-h-\[1\.25rem\] { min-height: 1.25rem; } .py-2\.5 { padding-block: calc(0.25rem * 2.5); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-50:disabled { opacity: 50%; } .border-hairline-strong { border-color: #C8CCD3; } .px-3 { padding-inline: calc(0.25rem * 3); } .py-2 { padding-block: calc(0.25rem * 2); } .outline-none { --tw-outline-style: none; outline-style: none; } .focus\:border-ink:focus { border-color: #0B0C0F; } .placeholder\:text-subtle::placeholder { color: #8A8F98; } .w-16 { width: calc(0.25rem * 16); } .p-0\.5 { padding: calc(0.25rem * 0.5); } .h-28 { height: calc(0.25rem * 28); } .w-28 { width: calc(0.25rem * 28); } .inset-0 { inset: calc(0.25rem * 0); } .flex-1 { flex: 1; } .min-w-0 { min-width: calc(0.25rem * 0); } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 2) * 0); margin-block-end: calc(calc(0.25rem * 2) * calc(1 - 0)); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 1.5) * 0); margin-block-end: calc(calc(0.25rem * 1.5) * calc(1 - 0)); } } .bg-surface-2 { background-color: #F6F6F3; } .w-12 { width: calc(0.25rem * 12); } .bg-accent-wash { background-color: #E6F0FE; } .hover\:text-accent:hover { @media (hover: hover) { color: #0070F3; } } .hover\:underline:hover { @media (hover: hover) { text-decoration-line: underline; } } .ml-2 { margin-left: calc(0.25rem * 2); } .font-normal { --tw-font-weight: 400; font-weight: 400; } .normal-case { text-transform: none; } .tracking-normal { --tw-tracking: 0em; letter-spacing: 0em; } .w-24 { width: calc(0.25rem * 24); } .group-hover\:border-ink:is(:where(.group):hover *) { @media (hover: hover) { border-color: #0B0C0F; } } .group-hover\:text-accent:is(:where(.group):hover *) { @media (hover: hover) { color: #0070F3; } } .rounded { border-radius: 0.25rem; } .border-warn-wash { border-color: #FDF3D7; } .bg-warn-wash { background-color: #FDF3D7; } .text-\[color\:var\(--color-warn\)\] { color: #8A5A00; } .max-w-xs { max-width: 20rem; } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 4) * 0); margin-block-end: calc(calc(0.25rem * 4) * calc(1 - 0)); } } .overflow-x-auto { overflow-x: auto; } .whitespace-pre-wrap { white-space: pre-wrap; } .items-baseline { align-items: baseline; } .mt-0\.5 { margin-top: calc(0.25rem * 0.5); } .opacity-90 { opacity: 90%; } .h-6 { height: calc(0.25rem * 6); } .w-6 { width: calc(0.25rem * 6); } .p-1 { padding: calc(0.25rem * 1); } .disabled\:opacity-30:disabled { opacity: 30%; } .h-4 { height: calc(0.25rem * 4); } .w-4 { width: calc(0.25rem * 4); } .accent-ink { accent-color: #0B0C0F; } .select-none { -webkit-user-select: none; user-select: none; } .w-20 { width: calc(0.25rem * 20); } .px-2 { padding-inline: calc(0.25rem * 2); } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(0.25rem * 0.5) * 0); margin-block-end: calc(calc(0.25rem * 0.5) * calc(1 - 0)); } } .pb-3 { padding-bottom: calc(0.25rem * 3); } .items-end { align-items: flex-end; } .mb-0\.5 { margin-bottom: calc(0.25rem * 0.5); } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-dvh { min-height: 100dvh; } .max-w-dvw { max-width: 100dvw; } .overflow-x-clip { overflow-x: clip; } .flex-col { flex-direction: column; } .bg-inherit { background-color: inherit; } .text-inherit { color: inherit; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .\[\&_li\]\:list-none li { list-style-type: none; } .isolate { isolation: isolate; } .sticky { position: sticky; } .top-0 { top: calc(0.25rem * 0); } .z-50 { z-index: 50; } .bg-surface\/80 { background-color: color-mix(in srgb, #FFFFFF 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FFFFFF 80%, transparent); } } .backdrop-blur-lg { --tw-backdrop-blur: blur(16px); -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,); } .shadow-\[0_1px_0_var\(--color-hairline\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, #E3E5EA); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 0 var(--tw-shadow-color, #E3E5EA); } .border-r { border-right-style: solid; border-right-width: 1px; } .h-\[60px\] { height: 60px; } .gap-10 { gap: calc(0.25rem * 10); } .h-7 { height: calc(0.25rem * 7); } .w-auto { width: auto; } @media (width >= 48rem) { .md\:flex { display: flex; } } .text-\[15px\] { font-size: 15px; } .tracking-\[-0\.01em\] { --tw-tracking: -0.01em; letter-spacing: -0.01em; } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms); } .hover\:opacity-70:hover { @media (hover: hover) { opacity: 70%; } } .left-0 { left: calc(0.25rem * 0); } .top-full { top: 100%; } .group-hover\:block:is(:where(.group):hover *) { @media (hover: hover) { display: block; } } .pt-3 { padding-top: calc(0.25rem * 3); } .min-w-\[180px\] { min-width: 180px; } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 0 var(--tw-shadow-color, #E3E5EA); } .hover\:bg-surface-2:hover { @media (hover: hover) { background-color: #F6F6F3; } } .min-w-\[200px\] { min-width: 200px; } .my-1 { margin-block: calc(0.25rem * 1); } @media (width >= 48rem) { .md\:inline-flex { display: inline-flex; } } .size-9 { width: calc(0.25rem * 9); height: calc(0.25rem * 9); } .h-9 { height: calc(0.25rem * 9); } .whitespace-nowrap { white-space: nowrap; } @media (width >= 48rem) { .md\:hidden { display: none; } } .p-2 { padding: calc(0.25rem * 2); } .pt-12 { padding-top: calc(0.25rem * 12); } .pointer-events-none { pointer-events: none; } .z-0 { z-index: 0; } .mb-8 { margin-bottom: calc(0.25rem * 8); } .rounded-lg { border-radius: 12px; } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .px-8 { padding-inline: calc(0.25rem * 8); } .py-16 { padding-block: calc(0.25rem * 16); } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .object-cover { object-fit: cover; } .p-6 { padding: calc(0.25rem * 6); } .list-none { list-style-type: none; } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms); } .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 45deg; } .pb-6 { padding-bottom: calc(0.25rem * 6); } @media (width >= 48rem) { .md\:pb-8 { padding-bottom: calc(0.25rem * 8); } } @media (width >= 48rem) { .md\:px-10 { padding-inline: calc(0.25rem * 10); } } .h-px { height: 1px; } .border-b { border-bottom-style: solid; border-bottom-width: 1px; } .pb-4 { padding-bottom: calc(0.25rem * 4); } .ml-3 { margin-left: calc(0.25rem * 3); } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .text-balance { text-wrap: balance; } .text-hairline-strong { color: #C8CCD3; } @media (width >= 48rem) { .md\:text-6xl { font-size: 3.75rem; line-height: var(--tw-leading, 1); } } .h-3 { height: calc(0.25rem * 3); } .w-3 { width: calc(0.25rem * 3); } .animate-spin { animation: spin 1s linear infinite; } .border-2 { border-style: solid; border-width: 2px; } .border-current { border-color: currentcolor; } .border-r-transparent { border-right-color: transparent; } .overflow-visible { overflow: visible; } .\[translate\:-3px_0\] { translate: -3px 0; } .transition-\[translate\] { transition-property: translate; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms); } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .group-hover\:\[translate\:0_0\]:is(:where(.group):hover *) { @media (hover: hover) { translate: 0 0; } } .group-focus-visible\:\[translate\:0_0\]:is(:where(.group):focus-visible *) { translate: 0 0; } .opacity-0 { opacity: 0%; } .group-hover\:opacity-100:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) { opacity: 100%; } .hover\:bg-ink-2:hover { @media (hover: hover) { background-color: #1F2126; } } .hover\:bg-surface-3:hover { @media (hover: hover) { background-color: #EFEFE9; } } .focus-visible\:outline-surface:focus-visible { outline-color: #FFFFFF; } .max-w-24 { max-width: calc(0.25rem * 24); } .text-6xl { font-size: 3.75rem; line-height: var(--tw-leading, 1); } .font-light { --tw-font-weight: 300; font-weight: 300; } .mb-10 { margin-bottom: calc(0.25rem * 10); } .pb-8 { padding-bottom: calc(0.25rem * 8); } .mb-6 { margin-bottom: calc(0.25rem * 6); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (width >= 64rem) { .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .gap-x-8 { column-gap: calc(0.25rem * 8); } .gap-y-6 { row-gap: calc(0.25rem * 6); } .opacity-60 { opacity: 60%; } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1)); transition-duration: var(--tw-duration, 150ms); } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .hover\:opacity-100:hover { @media (hover: hover) { opacity: 100%; } } .hover\:grayscale-0:hover { @media (hover: hover) { --tw-grayscale: grayscale(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } .gap-y-2 { row-gap: calc(0.25rem * 2); } .-left-24 { left: calc(0.25rem * -24); } .top-1\/2 { top: calc(1 / 2 * 100%); } .h-\[420px\] { height: 420px; } .w-\[420px\] { width: 420px; } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: 0 calc(calc(1 / 2 * 100%) * -1); } .blur-3xl { --tw-blur: blur(64px); 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,); } .-right-24 { right: calc(0.25rem * -24); } .top-1\/3 { top: calc(1 / 3 * 100%); } .bottom-0 { bottom: calc(0.25rem * 0); } .left-1\/2 { left: calc(1 / 2 * 100%); } .h-\[280px\] { height: 280px; } .w-\[680px\] { width: 680px; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: 0 calc(calc(1 / 2 * 100%) * -1); } .translate-y-1\/3 { --tw-translate-y: calc(1 / 3 * 100%); translate: 0 calc(calc(1 / 2 * 100%) * -1); } .opacity-40 { opacity: 40%; } .py-24 { padding-block: calc(0.25rem * 24); } @media (width >= 48rem) { .md\:py-36 { padding-block: calc(0.25rem * 36); } } .hover\:text-surface:hover { @media (hover: hover) { color: #FFFFFF; } } .rounded-xs { border-radius: 4px; } .py-6 { padding-block: calc(0.25rem * 6); } @media (width >= 48rem) { .md\:py-8 { padding-block: calc(0.25rem * 8); } } .max-w-xl { max-width: 36rem; } .bg-surface\/95 { background-color: color-mix(in srgb, #FFFFFF 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FFFFFF 95%, transparent); } } .backdrop-blur-sm { --tw-backdrop-blur: blur(8px); -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,); } .pl-5 { padding-left: calc(0.25rem * 5); } .pr-1\.5 { padding-right: calc(0.25rem * 1.5); } .bg-transparent { background-color: transparent; } .h-8 { height: calc(0.25rem * 8); } .w-8 { width: calc(0.25rem * 8); } .bg-ink\/5 { background-color: color-mix(in srgb, #0B0C0F 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #0B0C0F 5%, transparent); } } .hover\:bg-ink\/10:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0B0C0F 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #0B0C0F 10%, transparent); } } } .inset-3 { inset: calc(0.25rem * 3); } .rounded-2xl { border-radius: 1rem; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-ink\/30 { border-color: color-mix(in srgb, #0B0C0F 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #0B0C0F 30%, transparent); } } .bg-surface\/90 { background-color: color-mix(in srgb, #FFFFFF 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FFFFFF 90%, transparent); } } .backdrop-blur { --tw-backdrop-blur: blur(8px); -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,); } .w-\[150px\] { width: 150px; } .gap-0 { gap: calc(0.25rem * 0); } .text-\[9px\] { font-size: 9px; } .h-1 { height: calc(0.25rem * 1); } .w-1 { width: calc(0.25rem * 1); } .bg-current { background-color: currentcolor; } .mt-auto { margin-top: auto; } .mt-1\.5 { margin-top: calc(0.25rem * 1.5); } .p-3 { padding: calc(0.25rem * 3); } .pb-2 { padding-bottom: calc(0.25rem * 2); } .ml-auto { margin-left: auto; } .grid-cols-\[1\.2fr_0\.8fr_0\.8fr_0\.5fr\] { grid-template-columns: 1.2fr 0.8fr 0.8fr 0.5fr; } .px-1\.5 { padding-inline: calc(0.25rem * 1.5); } .text-right { text-align: right; } .animate-\[fadeSlideIn_0\.4s_ease_0\.05s_both\] { animation: fadeSlideIn 0.4s ease 0.05s both; } .animate-\[fadeSlideIn_0\.4s_ease_0\.15s_both\] { animation: fadeSlideIn 0.4s ease 0.15s both; } .animate-\[fadeSlideIn_0\.4s_ease_0\.25s_both\] { animation: fadeSlideIn 0.4s ease 0.25s both; } .animate-\[fadeSlideIn_0\.4s_ease_0\.35s_both\] { animation: fadeSlideIn 0.4s ease 0.35s both; } .animate-\[fadeSlideIn_0\.4s_ease_0\.45s_both\] { animation: fadeSlideIn 0.4s ease 0.45s both; } .pt-1\.5 { padding-top: calc(0.25rem * 1.5); } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .grid-cols-\[1\.1fr_0\.9fr_0\.7fr_0\.5fr\] { grid-template-columns: 1.1fr 0.9fr 0.7fr 0.5fr; } .animate-\[fadeSlideIn_0\.4s_ease_0\.55s_both\] { animation: fadeSlideIn 0.4s ease 0.55s both; } @media (width >= 64rem) { .lg\:flex { display: flex; } } .p-2\.5 { padding: calc(0.25rem * 2.5); } .pt-2 { padding-top: calc(0.25rem * 2); } .text-\[color\:var\(--color-warn\,\#d97706\)\] { color: var(--color-warn,#d97706); } .grid-cols-\[0\.8fr_1fr_0\.9fr\] { grid-template-columns: 0.8fr 1fr 0.9fr; } .bg-warn-wash\/40 { background-color: color-mix(in srgb, #FDF3D7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FDF3D7 40%, transparent); } } .border-\[color\:var\(--color-warn\,\#d97706\)\]\/20 { border-color: color-mix(in srgb, #8A5A00 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warn,#d97706) 20%, transparent); } } .bg-hairline { background-color: #E3E5EA; } .w-\[38\%\] { width: 38%; } .bg-\[color\:var\(--color-warn\,\#d97706\)\] { background-color: var(--color-warn,#d97706); } .w-\[94\%\] { width: 94%; } .w-\[99\%\] { width: 99%; } .w-\[87\%\] { width: 87%; } .grid-cols-\[1fr_0\.8fr_0\.8fr_0\.6fr\] { grid-template-columns: 1fr 0.8fr 0.8fr 0.6fr; } .bg-hairline-strong { background-color: #C8CCD3; } .bg-accent\/10 { background-color: color-mix(in srgb, #0070F3 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #0070F3 10%, transparent); } } .pt-1 { padding-top: calc(0.25rem * 1); } .underline-offset-2 { text-underline-offset: 2px; } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: solid; border-inline-start-width: calc(1px * 0); border-inline-end-width: calc(1px * calc(1 - 0)); } } .divide-hairline { :where(& > :not(:last-child)) { border-color: #E3E5EA; } } @media (width >= 40rem) { .sm\:overflow-x-visible { overflow-x: visible; } } .scroll-smooth { scroll-behavior: smooth; } .snap-x { scroll-snap-type: x proximity; } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } .basis-\[42\%\] { flex-basis: 42%; } @media (width >= 40rem) { .sm\:basis-0 { flex-basis: calc(0.25rem * 0); } } @media (width >= 40rem) { .sm\:flex-1 { flex: 1; } } .snap-center { scroll-snap-align: center; } .h-\[46px\] { height: 46px; } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } @media (width >= 40rem) { .sm\:text-\[15px\] { font-size: 15px; } } .bottom-\[-1px\] { bottom: -1px; } .right-0 { right: calc(0.25rem * 0); } .h-\[3px\] { height: 3px; } .origin-left { transform-origin: 0; } .m-2 { margin: calc(0.25rem * 2); } @media (width >= 40rem) { .sm\:h-\[440px\] { height: 440px; } } @media (width >= 48rem) { .md\:h-\[480px\] { height: 480px; } } .gap-0\.5 { gap: calc(0.25rem * 0.5); } .bg-surface\/85 { background-color: color-mix(in srgb, #FFFFFF 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FFFFFF 85%, transparent); } } .shadow-\[0_1px_2px_rgba\(11\,12\,15\,0\.05\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(11,12,15,0.05)); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 0 var(--tw-shadow-color, #E3E5EA); } .h-5 { height: calc(0.25rem * 5); } .w-5 { width: calc(0.25rem * 5); } .pl-7 { padding-left: calc(0.25rem * 7); } @media (width >= 1200px) { .min-\[1200px\]\:flex { display: flex; } } .self-stretch { align-self: stretch; } .fixed { position: fixed; } .w-\[280px\] { width: 280px; } .ease-out { --tw-ease: cubic-bezier(0.16, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); } .rounded-\[16px\] { border-radius: 16px; } .border-ink\/5 { border-color: color-mix(in srgb, #0B0C0F 5%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #0B0C0F 5%, transparent); } } .rounded-\[15px\] { border-radius: 15px; } .p-\[10px\] { padding: 10px; } .grid-cols-\[24px_auto\] { grid-template-columns: 24px auto; } .grid-rows-\[16px_auto\] { grid-template-rows: 16px auto; } .gap-x-2 { column-gap: calc(0.25rem * 2); } .gap-y-0\.5 { row-gap: calc(0.25rem * 0.5); } .row-span-2 { grid-row: span 2 / span 2; } .col-start-2 { grid-column-start: 2; } .w-7 { width: calc(0.25rem * 7); } .flex-\[0_0_28px\] { flex: 0 0 28px; } @media (width >= 64rem) { .lg\:h-6 { height: calc(0.25rem * 6); } } @media (width >= 64rem) { .lg\:w-6 { width: calc(0.25rem * 6); } } @media (width >= 64rem) { .lg\:flex-\[0_0_24px\] { flex: 0 0 24px; } } .rounded-\[7px\] { border-radius: 7px; } .p-px { padding: 1px; } .after\:absolute::after { content: ""; position: absolute; } .after\:inset-0::after { content: ""; inset: calc(0.25rem * 0); } .after\:rounded-\[7px\]::after { content: ""; border-radius: 7px; } .after\:border::after { content: ""; border-style: solid; border-width: 1px; } .after\:border-ink\/10::after { content: ""; border-color: color-mix(in srgb, #0B0C0F 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #0B0C0F 10%, transparent); } } .after\:pointer-events-none::after { content: ""; pointer-events: none; } .rounded-\[6px\] { border-radius: 6px; } .inset-x-0 { inset-inline: calc(0.25rem * 0); } .h-40 { height: calc(0.25rem * 40); } .justify-start { justify-content: flex-start; } .gap-px { gap: 1px; } @media (width < 64rem) { .max-lg\:md\:flex { @media (width >= 48rem) { display: flex; } } } .py-10 { padding-block: calc(0.25rem * 10); } @media (width >= 48rem) { .md\:py-14 { padding-block: calc(0.25rem * 14); } } .border-x { border-inline-style: solid; border-inline-width: 1px; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .text-\[28px\] { font-size: 28px; } @media (width >= 48rem) { .md\:text-\[34px\] { font-size: 34px; } } .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; } .leading-tight { --tw-leading: 1.25; line-height: 1.25; } .max-w-\[720px\] { max-width: 720px; } .h-\[120px\] { height: 120px; } .gap-2\.5 { gap: calc(0.25rem * 2.5); } .text-\[20px\] { font-size: 20px; } .text-accent-ink { color: #0058C4; } .max-w-\[220px\] { max-width: 220px; } .hover\:bg-surface-2\/60:hover { @media (hover: hover) { background-color: color-mix(in srgb, #F6F6F3 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #F6F6F3 60%, transparent); } } } .focus-visible\:bg-surface-2\/60:focus-visible { background-color: color-mix(in srgb, #F6F6F3 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #F6F6F3 60%, transparent); } } @media (width >= 40rem) { .sm\:text-\[14px\] { font-size: 14px; } } .group-hover\:text-ink:is(:where(.group):hover *) { @media (hover: hover) { color: #0B0C0F; } } .text-\[12px\] { font-size: 12px; } .shadow-\[0_1px_0_rgba\(11\,12\,15\,0\.02\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(11,12,15,0.02)); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 0 var(--tw-shadow-color, #E3E5EA); } @media (width >= 48rem) { .md\:grid-cols-\[minmax\(0\,210px\)_minmax\(0\,1fr\)_minmax\(0\,230px\)\] { grid-template-columns: minmax(0,210px) minmax(0,1fr) minmax(0,230px); } } @media (width >= 48rem) { .md\:gap-10 { gap: calc(0.25rem * 10); } } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } @media (width >= 48rem) { .md\:text-\[22px\] { font-size: 22px; } } .opacity-\[0\.35\] { opacity: 0.35; } .pt-14 { padding-top: calc(0.25rem * 14); } @media (width >= 48rem) { .md\:pt-24 { padding-top: calc(0.25rem * 24); } } @media (width >= 48rem) { .md\:mt-14 { margin-top: calc(0.25rem * 14); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: solid; border-top-style: solid; border-top-width: calc(1px * 0); border-bottom-width: calc(1px * calc(1 - 0)); } } @media (width >= 48rem) { .md\:mt-12 { margin-top: calc(0.25rem * 12); } } .py-28 { padding-block: calc(0.25rem * 28); } @media (width >= 48rem) { .md\:py-48 { padding-block: calc(0.25rem * 48); } } .-z-10 { z-index: calc(10 * -1); } .h-\[560px\] { height: 560px; } .w-\[560px\] { width: 560px; } .bg-\[radial-gradient\(circle\,rgba\(124\,58\,237\,0\.08\)_0\%\,rgba\(0\,112\,243\,0\.04\)_35\%\,transparent_65\%\)\] { background-image: radial-gradient(circle,rgba(124,58,237,0.08) 0%,rgba(0,112,243,0.04) 35%,transparent 65%); } .max-w-5xl { max-width: 64rem; } @media (width >= 48rem) { .md\:text-\[44px\] { font-size: 44px; } } .h-56 { height: calc(0.25rem * 56); } .resize-y { resize: vertical; } .overflow-auto { overflow: auto; } .break-words { overflow-wrap: break-word; } .disabled\:opacity-40:disabled { opacity: 40%; } .border-accent { border-color: #0070F3; } .h-12 { height: calc(0.25rem * 12); } .hover\:text-danger:hover { @media (hover: hover) { color: #B3261E; } } .border-success { border-color: #0F7A3D; } .bg-success-wash { background-color: #E6F4EC; } .tracking-wide { --tw-tracking: 0.025em; letter-spacing: 0.025em; } .text-\[color\:var\(--color-success\)\] { color: #0F7A3D; } .border-success\/30 { border-color: color-mix(in srgb, #0F7A3D 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #0F7A3D 30%, transparent); } } .py-20 { padding-block: calc(0.25rem * 20); } @media (width >= 48rem) { .md\:col-span-4 { grid-column: span 4 / span 4; } } .text-\[17px\] { font-size: 17px; } .mr-2 { margin-right: calc(0.25rem * 2); } .translate-y-\[-2px\] { --tw-translate-y: -2px; translate: 0 calc(calc(1 / 2 * 100%) * -1); } @media (width >= 48rem) { .md\:col-span-2 { grid-column: span 2 / span 2; } } .my-12 { margin-block: calc(0.25rem * 12); } .my-8 { margin-block: calc(0.25rem * 8); } .border-l-4 { border-left-style: solid; border-left-width: 4px; } .bg-amber-50\/40 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, oklch(98.7% 0.022 95.277) 40%, transparent); } } .border-emerald-300 { border-color: oklch(84.5% 0.143 164.978); } .bg-emerald-50\/60 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, oklch(97.9% 0.021 166.113) 60%, transparent); } } @media (width >= 40rem) { .sm\:flex-row { flex-direction: row; } } .text-emerald-600 { color: oklch(59.6% 0.145 163.225); } .p-4 { padding: calc(0.25rem * 4); } .justify-around { justify-content: space-around; } .bg-white { background-color: #fff; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 1px 0 var(--tw-shadow-color, #E3E5EA); } .bg-\[\#F6F6F3\] { background-color: #F6F6F3; } .bottom-3 { bottom: calc(0.25rem * 3); } .left-4 { left: calc(0.25rem * 4); } .-inset-1 { inset: calc(0.25rem * -1); } .w-px { width: 1px; } .flex-\[1\.2\] { flex: 1.2; } .-right-1 { right: calc(0.25rem * -1); } .bg-success { background-color: #0F7A3D; } .border-warn { border-color: #8A5A00; } .bg-warn-wash\/50 { background-color: color-mix(in srgb, #FDF3D7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, #FDF3D7 50%, transparent); } } .bg-warn { background-color: #8A5A00; } .text-warn { color: #8A5A00; } .text-success { color: #0F7A3D; } .text-danger { color: #B3261E; } .bottom-2 { bottom: calc(0.25rem * 2); } @media (width >= 48rem) { .md\:flex-row { flex-direction: row; } } .flex-\[3\] { flex: 3; } @media (width >= 48rem) { .md\:border-b-0 { border-bottom-style: solid; border-bottom-width: 0px; } } @media (width >= 48rem) { .md\:border-r { border-right-style: solid; border-right-width: 1px; } } .border-accent\/20 { border-color: color-mix(in srgb, #0070F3 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, #0070F3 20%, transparent); } } .w-4\/5 { width: calc(4 / 5 * 100%); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-5\/6 { width: calc(5 / 6 * 100%); } .flex-\[2\] { flex: 2; } }