/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties;
:root {
  --indielinks-brand-10: #061333;
  --indielinks-brand-20: #0b1f52;
  --indielinks-brand-30: #102b70;
  --indielinks-brand-40: #16388f;
  --indielinks-brand-50: #1944ad;
  --indielinks-brand-60: #1b4dc4;
  --indielinks-brand-70: #1d4ed8;
  --indielinks-brand-80: #2563eb;
  --indielinks-brand-90: #3b73ee;
  --indielinks-brand-100: #5385f1;
  --indielinks-brand-110: #6d98f4;
  --indielinks-brand-120: #88aaf6;
  --indielinks-brand-130: #a5bdf8;
  --indielinks-brand-140: #c0d0fa;
  --indielinks-brand-150: #dce5fc;
  --indielinks-brand-160: #f1f5fe;
  --indielinks-background-1: #ffffff;
  --indielinks-background-1-hover: #f8fafc;
  --indielinks-background-1-pressed: #f4f6f8;
  --indielinks-background-3: #f4f6f8;
  --indielinks-background-3-hover: #e9edf2;
  --indielinks-background-3-pressed: #dee4eb;
  --indielinks-background-4: #f8fafc;
  --indielinks-background-4-hover: #f4f6f8;
  --indielinks-background-4-pressed: #e9edf2;
  --indielinks-foreground-1: #172033;
  --indielinks-foreground-1-hover: #172033;
  --indielinks-foreground-1-pressed: #172033;
  --indielinks-foreground-2: #5f6b7a;
  --indielinks-foreground-2-hover: #465365;
  --indielinks-foreground-2-pressed: #344153;
  --indielinks-foreground-3: #5f6b7a;
  --indielinks-foreground-on-brand: #ffffff;
  --indielinks-stroke-1: #d8dee8;
  --indielinks-stroke-1-hover: #bcc5d1;
  --indielinks-stroke-1-pressed: #9faab8;
  --indielinks-stroke-2: #d8dee8;
  --indielinks-stroke-accessible: #5f6b7a;
  --indielinks-stroke-accessible-hover: #465365;
  --indielinks-stroke-accessible-pressed: #344153;
  --indielinks-brand-background: #2563eb;
  --indielinks-brand-background-hover: #1d4ed8;
  --indielinks-brand-background-pressed: #1d4ed8;
  --indielinks-brand-foreground-1: #2563eb;
  --indielinks-brand-foreground-2: #1d4ed8;
  --indielinks-brand-link: #2563eb;
  --indielinks-brand-link-hover: #1d4ed8;
  --indielinks-brand-link-pressed: #1d4ed8;
  --indielinks-brand-stroke-1: #2563eb;
  --indielinks-focus: #2563eb;
  --indielinks-shadow: 0 8px 24px rgb(23 32 51 / 12%);
  --indielinks-heritage: #0000ff;
  --indielinks-link-visited: #6d4aff;
}
:root[data-theme="dark"] {
  --indielinks-background-1: #161e2b;
  --indielinks-background-1-hover: #1d2735;
  --indielinks-background-1-pressed: #242f40;
  --indielinks-background-3: #0f1520;
  --indielinks-background-3-hover: #161e2b;
  --indielinks-background-3-pressed: #1d2735;
  --indielinks-background-4: #1d2735;
  --indielinks-background-4-hover: #242f40;
  --indielinks-background-4-pressed: #2a3648;
  --indielinks-foreground-1: #edf2f7;
  --indielinks-foreground-1-hover: #edf2f7;
  --indielinks-foreground-1-pressed: #edf2f7;
  --indielinks-foreground-2: #a9b4c3;
  --indielinks-foreground-2-hover: #c3cdda;
  --indielinks-foreground-2-pressed: #d7dee8;
  --indielinks-foreground-3: #a9b4c3;
  --indielinks-stroke-1: #344154;
  --indielinks-stroke-1-hover: #42506b;
  --indielinks-stroke-1-pressed: #536284;
  --indielinks-stroke-2: #344154;
  --indielinks-stroke-accessible: #a9b4c3;
  --indielinks-stroke-accessible-hover: #c3cdda;
  --indielinks-stroke-accessible-pressed: #d7dee8;
  --indielinks-brand-background-hover: #3b73ee;
  --indielinks-brand-background-2: #1a2740;
  --indielinks-brand-foreground-1: #88aaf6;
  --indielinks-brand-foreground-2: #a5bdf8;
  --indielinks-brand-link: #88aaf6;
  --indielinks-brand-link-hover: #a5bdf8;
  --indielinks-brand-link-pressed: #c0d0fa;
  --indielinks-brand-stroke-1: #88aaf6;
  --indielinks-focus: #88aaf6;
  --indielinks-shadow: 0 8px 24px rgb(0 0 0 / 40%);
  --indielinks-heritage: #6d7cff;
  --indielinks-link-visited: #c4a7ff;
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --spacing: 0.25rem;
    --font-weight-bold: 700;
    --default-font-family: var(--fontFamilyBase);
    --default-mono-font-family: var(--font-mono);
    --text-control: 14px;
    --text-control--line-height: 20px;
    --text-body: 15px;
    --text-body--line-height: 22px;
    --text-link-title: 16px;
    --text-link-title--line-height: 22px;
    --text-section-title: 20px;
    --text-section-title--line-height: 26px;
    --text-page-title: 24px;
    --text-page-title--line-height: 30px;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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 {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .block {
    display: block;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .items-center {
    align-items: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .fill-heritage {
    fill: var(--indielinks-color-heritage);
  }
  .fill-ink {
    fill: var(--colorNeutralForeground1);
  }
  .fill-surface {
    fill: var(--colorNeutralBackground1);
  }
  .stroke-1 {
    stroke-width: 1;
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .text-wordmark {
    font-size: 28px;
    line-height: var(--tw-leading, 32px);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .text-ink {
    color: var(--colorNeutralForeground1);
  }
  .shadow {
    --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: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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, );
  }
}
:root {
  color-scheme: light;
  --indielinks-color-link-visited: var(--indielinks-link-visited);
  --indielinks-color-heritage: var(--indielinks-heritage);
  --indielinks-duration-interaction: 150ms;
}
:root[data-theme="dark"] {
  color-scheme: dark;
}
:root[data-theme="dark"], :root[data-theme="dark"] body {
  background-color: var(--indielinks-background-3);
}
html, body {
  min-height: 100%;
  margin: 0;
  background-color: var(--colorNeutralBackground3, var(--indielinks-background-3));
}
.indielinks-app {
  min-height: 100vh;
  background-color: var(--colorNeutralBackground3);
  color: var(--colorNeutralForeground1);
  font-family: var(--fontFamilyBase);
  font-size: 15px;
  line-height: 22px;
}
@layer components {
  .shell {
    min-height: 100vh;
    background-color: var(--colorNeutralBackground3);
  }
  .shell-skip-link {
    position: fixed;
    top: 0;
    left: 16px;
    z-index: 100;
    padding: 8px 12px;
    transform: translateY(-120%);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: 600;
    text-decoration: none;
  }
  .shell-skip-link:focus {
    transform: translateY(8px);
  }
  .shell-header {
    position: sticky;
    top: 0;
    z-index: 30;
    border-bottom: 1px solid var(--colorNeutralStroke2);
    background-color: var(--colorNeutralBackground1);
  }
  .shell-header__inner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    height: 56px;
    margin-inline: auto;
    padding-inline: 16px;
    box-sizing: border-box;
    gap: 8px;
  }
  .shell-header__brand--full {
    display: none;
  }
  .shell-header__brand--compact {
    display: inline-flex;
  }
  .shell-header__title {
    overflow: hidden;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .shell-header__actions, .shell-account {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .shell-header__actions {
    margin-left: auto;
  }
  .shell-header__actions > .shell-navigation__link--action {
    display: none;
  }
  .shell-brand {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    color: var(--colorNeutralForeground1);
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .shell-brand:visited {
    color: var(--colorNeutralForeground1);
  }
  .shell-frame {
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
    box-sizing: border-box;
  }
  .shell-rail {
    display: none;
  }
  .shell-main {
    min-width: 0;
    padding: 12px 16px calc(80px + env(safe-area-inset-bottom, 0px));
  }
  .shell-navigation {
    margin: 0;
  }
  .shell-navigation--header {
    display: none;
  }
  .shell-navigation__link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    min-height: 44px;
    padding: 8px 12px;
    box-sizing: border-box;
    gap: 8px;
    border: 0 solid transparent;
    border-radius: var(--borderRadiusMedium);
    color: var(--colorNeutralForeground2);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
  }
  .shell-navigation__link:visited {
    color: var(--colorNeutralForeground2);
  }
  .shell-navigation__link:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .shell-navigation__link--current, .shell-navigation__link--current:visited {
    color: var(--colorBrandForegroundLink);
    font-weight: 600;
  }
  .shell-navigation__link--header.shell-navigation__link--current {
    border-bottom-width: 3px;
    border-bottom-color: var(--colorBrandBackground);
    border-radius: 0;
  }
  .shell-navigation__link--action, .shell-navigation__link--action:visited {
    justify-content: center;
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: 600;
  }
  .shell-navigation__link--action:hover {
    background-color: var(--colorBrandBackgroundHover);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .shell-navigation__icon, .shell-account__icon {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 20px;
  }
  .shell-account__link, .shell-account__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
    box-sizing: border-box;
    gap: 6px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
  }
  .shell-account__link:visited {
    color: var(--colorNeutralForeground2);
  }
  .shell-account__link:hover, .shell-account__button:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .shell-account__link--primary, .shell-account__link--primary:visited {
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: 600;
  }
  .shell-account__link--primary:hover {
    background-color: var(--colorBrandBackgroundHover);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .shell-account--header .shell-account__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .shell-theme-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 8px;
    box-sizing: border-box;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    cursor: pointer;
  }
  .shell-theme-control:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .shell-theme-control__icon {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 20px;
  }
  .shell-mobile-navigation {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    height: calc(64px + env(safe-area-inset-bottom, 0px));
    padding: 0 8px env(safe-area-inset-bottom, 0px);
    box-sizing: border-box;
    border-top: 1px solid var(--colorNeutralStroke2);
    background-color: var(--colorNeutralBackground1);
  }
  .shell--signed-in .shell-mobile-navigation {
    display: grid;
  }
  .shell-navigation__link--mobile {
    flex-direction: column;
    justify-content: center;
    min-height: 64px;
    padding: 4px 8px;
    gap: 0;
    border-radius: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .shell-navigation__link--mobile.shell-navigation__link--current {
    border-top-width: 2px;
    border-top-color: var(--colorBrandBackground);
  }
  .shell-navigation__link--mobile.shell-navigation__link--add, .shell-navigation__link--mobile.shell-navigation__link--add:visited {
    align-self: center;
    min-width: 72px;
    min-height: 48px;
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
    font-weight: 600;
  }
  .shell-navigation__link--mobile.shell-navigation__link--add:hover {
    background-color: var(--colorBrandBackgroundHover);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .shell-navigation__link--add.shell-navigation__link--current, .shell-navigation__link--add.shell-navigation__link--current:visited {
    background-color: var(--colorBrandBackgroundPressed);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .personal-layout, .instance-layout, .instance-layout__panels {
    display: grid;
    min-width: 0;
    gap: 16px;
  }
  .content-panel {
    min-width: 0;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground1);
    overflow-wrap: anywhere;
  }
  .content-panel__heading {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
    color: var(--colorNeutralForeground1);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
  }
  .content-panel__body {
    min-width: 0;
    padding: 4px;
  }
  .content-panel--saved-links .content-panel__body {
    padding: 0;
  }
  .content-panel--network .content-panel__body {
    padding: 0;
  }
  .content-panel--network {
    container-type: inline-size;
  }
  .form-page, .authentication-page {
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: 0;
    padding-block: 16px;
    box-sizing: border-box;
  }
  .form-card, .authentication-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground1);
  }
  .form-card {
    max-width: 640px;
    padding: 24px;
  }
  .authentication-card {
    max-width: 440px;
    padding: 28px;
    border-top: 3px solid var(--indielinks-color-heritage);
  }
  .form-card__heading, .authentication-card__heading {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 24px;
    font-weight: 650;
    line-height: 30px;
  }
  .form-card__introduction, .authentication-card__introduction {
    margin: 6px 0 20px;
    color: var(--colorNeutralForeground2);
    font-size: 15px;
    line-height: 22px;
  }
  .authentication-card__mark {
    margin-bottom: 18px;
  }
  .authentication-card__primary-action {
    width: 100%;
  }
  .authentication-card__secondary {
    margin: 20px 0 0;
    color: var(--colorNeutralForeground2);
    text-align: center;
  }
  .authentication-card__secondary a, .instance-layout__contact a {
    color: var(--colorBrandForegroundLink);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .authentication-card__secondary a:visited, .instance-layout__contact a:visited {
    color: var(--indielinks-color-link-visited);
  }
  .indielinks-form {
    display: grid;
    min-width: 0;
    gap: 16px;
  }
  .form-field {
    display: grid;
    min-width: 0;
    gap: 6px;
  }
  .form-field__label, .form-options__legend {
    color: var(--colorNeutralForeground1);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }
  .form-control {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    line-height: 22px;
  }
  .form-control:hover {
    border-color: var(--colorNeutralStroke1Hover);
  }
  .form-control:focus {
    border-color: var(--colorBrandStroke1);
    box-shadow: 0 0 0 1px var(--colorBrandStroke1);
  }
  .form-control:disabled {
    border-color: var(--colorNeutralStrokeDisabled);
    background-color: var(--colorNeutralBackgroundDisabled);
    color: var(--colorNeutralForegroundDisabled);
  }
  .form-control--textarea {
    min-height: 104px;
    resize: vertical;
  }
  .form-field__help {
    margin: 0;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
  }
  .form-field__error {
    margin: 0;
    color: var(--colorPaletteRedForeground1);
    font-size: 12px;
    line-height: 16px;
  }
  .form-options {
    display: grid;
    min-width: 0;
    margin: 0;
    padding: 12px;
    gap: 10px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
  }
  .form-options__legend {
    padding-inline: 4px;
  }
  .form-options--inline {
    grid-template-columns: repeat(2, minmax(0, max-content));
    gap: 8px 20px;
  }
  .form-check {
    display: flex;
    align-items: flex-start;
    min-width: 0;
    gap: 8px;
    color: var(--colorNeutralForeground1);
    cursor: pointer;
  }
  .form-check input {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    accent-color: var(--colorBrandBackground);
  }
  .form-check span {
    display: grid;
    min-width: 0;
    gap: 1px;
  }
  .form-check strong {
    font-weight: 600;
  }
  .form-check small {
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
  }
  .form-actions, .feedback-state__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  .form-actions {
    margin-top: 4px;
  }
  .form-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    box-sizing: border-box;
    gap: 6px;
    border: 1px solid transparent;
    border-radius: var(--borderRadiusMedium);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    cursor: pointer;
  }
  .form-button--primary, .form-button--primary:visited {
    border-color: var(--colorBrandBackground);
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .form-button--primary:hover {
    border-color: var(--colorBrandBackgroundHover);
    background-color: var(--colorBrandBackgroundHover);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .form-button--secondary, .form-button--secondary:visited {
    border-color: var(--colorNeutralStroke1);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
  }
  .form-button--secondary:hover {
    background-color: var(--colorNeutralBackground1Hover);
    color: var(--colorNeutralForeground1Hover);
  }
  .form-button:disabled {
    border-color: var(--colorNeutralStrokeDisabled);
    background-color: var(--colorNeutralBackgroundDisabled);
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
  }
  .form-button--danger, .form-button--danger:visited {
    border-color: var(--colorNeutralStroke1);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorStatusDangerForeground1);
  }
  .form-button--danger:hover {
    background-color: var(--colorStatusDangerBackground1);
    color: var(--colorStatusDangerForeground1);
  }
  .api-keys-list {
    display: grid;
    gap: 16px;
  }
  .api-keys-list__items {
    display: grid;
    gap: 12px;
  }
  .api-keys-empty {
    display: grid;
    gap: 12px;
  }
  .api-keys-empty__text {
    margin: 0;
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .api-key-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    gap: 12px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground1);
  }
  .api-key-row__info {
    display: grid;
    min-width: 0;
    gap: 4px;
  }
  .api-key-row__label {
    color: var(--colorNeutralForeground1);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
    font-weight: 600;
  }
  .api-key-row__expiry {
    color: var(--colorNeutralForeground2);
    font-size: var(--text-control);
    line-height: var(--text-control--line-height);
  }
  .secret-panel {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground2);
  }
  .secret-panel__heading {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: var(--text-section-title);
    line-height: var(--text-section-title--line-height);
    font-weight: 600;
  }
  .secret-panel__help {
    margin: 0;
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .secret-panel__value {
    max-width: 100%;
    margin: 0;
    padding: 12px;
    overflow-x: auto;
    white-space: pre;
    word-wrap: normal;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font-size: var(--text-control);
    line-height: var(--text-control--line-height);
  }
  .secret-panel__value::-webkit-scrollbar {
    height: 6px;
  }
  .secret-panel__value::-webkit-scrollbar-thumb {
    background-color: var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusSmall);
  }
  .secret-panel__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .secret-panel__usage {
    margin: 0;
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .feedback-state {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 120px;
    padding: 24px 20px;
    box-sizing: border-box;
    gap: 12px;
    color: var(--colorNeutralForeground2);
    text-align: left;
  }
  .feedback-state--loading {
    align-items: center;
    min-height: 96px;
  }
  .feedback-state--startup {
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--colorNeutralBackground3);
  }
  .feedback-state__startup-mark {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    color: var(--colorNeutralForeground1);
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
  }
  .feedback-state__startup-mark-prefix, .feedback-state__startup-mark-suffix {
    padding: 3px 6px;
  }
  .feedback-state__startup-mark-suffix {
    background-color: var(--indielinks-color-heritage);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .feedback-state__icon {
    display: inline-flex;
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--colorNeutralForeground2);
    font-size: 22px;
  }
  .feedback-state--error .feedback-state__icon {
    color: var(--colorStatusDangerForeground1);
  }
  .feedback-state__content {
    min-width: 0;
    max-width: 440px;
  }
  .feedback-state__heading {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
  .feedback-state__message {
    margin: 4px 0 0;
    overflow-wrap: anywhere;
  }
  .feedback-state__actions {
    margin-top: 12px;
  }
  .feedback-state__details, .instance-service-details {
    margin-top: 12px;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 18px;
  }
  .feedback-state__details summary, .instance-service-details summary {
    width: fit-content;
    color: var(--colorBrandForegroundLink);
    cursor: pointer;
  }
  .feedback-state__details ul {
    margin: 8px 0 0;
    padding-left: 20px;
    overflow-wrap: anywhere;
  }
  .saved-links-controls, .saved-links-footer-pager {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 4px 8px;
  }
  .saved-links-controls {
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
  }
  .saved-links-footer-pager {
    justify-content: center;
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .saved-links-controls__filter, .saved-links-pager__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    box-sizing: border-box;
    border-radius: var(--borderRadiusMedium);
    color: var(--colorNeutralForeground2);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
  }
  .saved-links-controls__filter {
    padding: 8px;
  }
  .saved-links-controls__filter:visited, .saved-links-pager__control:visited {
    color: var(--colorNeutralForeground2);
  }
  .saved-links-controls__filter:hover, .saved-links-pager__control:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .saved-links-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    gap: 2px;
  }
  .saved-links-pager__control {
    min-width: 36px;
    padding: 6px 8px;
    gap: 2px;
  }
  .saved-links-pager__control--disabled, .saved-links-pager__control--disabled:hover {
    background-color: transparent;
    color: var(--colorNeutralForegroundDisabled);
  }
  .saved-links-pager__icon {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 16px;
  }
  .saved-links-pager__status {
    flex: 0 0 auto;
    padding-inline: 6px;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
  }
  .saved-links-list, .saved-link__tags {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .saved-links-list__item {
    min-width: 0;
  }
  .saved-links-list__item + .saved-links-list__item {
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .saved-link {
    min-width: 0;
    padding: 12px 16px;
    box-sizing: border-box;
  }
  .saved-link--unread {
    padding-left: 13px;
    border-left: 3px solid var(--colorBrandBackground);
    background-color: var(--colorBrandBackground2);
  }
  .saved-link__title, .saved-link__edit-heading {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    overflow-wrap: anywhere;
  }
  .saved-link__title a {
    color: var(--colorBrandForegroundLink);
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
  .saved-link__title a:visited {
    color: var(--indielinks-color-link-visited);
  }
  .saved-link__title a:hover {
    color: var(--colorBrandForegroundLinkHover);
  }
  .saved-link__metadata {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    margin-top: 2px;
    gap: 4px 6px;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: anywhere;
  }
  .saved-link__host {
    color: var(--colorNeutralForeground1);
    font-weight: 500;
  }
  .saved-link__separator {
    color: var(--colorNeutralForeground4);
  }
  .saved-link__badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding-inline: 6px;
    gap: 3px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorNeutralBackground4);
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  .saved-link__badge--unread {
    border-color: var(--colorBrandStroke1);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorBrandForeground1);
  }
  .saved-link__badge-icon, .saved-link__action-icon {
    display: inline-flex;
    flex: 0 0 auto;
  }
  .saved-link__badge-icon {
    font-size: 12px;
  }
  .saved-link__notes {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
    font-size: 15px;
    line-height: 22px;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .saved-link__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    min-width: 0;
    margin-top: 8px;
    gap: 8px 12px;
  }
  .saved-link__tags, .saved-link__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    min-width: 0;
    gap: 4px;
  }
  .saved-link__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 2px 6px;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorNeutralBackground4);
    color: var(--colorBrandForegroundLink);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-decoration: none;
  }
  .saved-link__tag:visited {
    color: var(--colorBrandForegroundLink);
  }
  .saved-link__tag:hover {
    border-color: var(--colorBrandStroke1);
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .saved-link__actions {
    justify-content: flex-end;
    margin-left: auto;
  }
  .saved-link__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 4px 6px;
    box-sizing: border-box;
    gap: 4px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background-color: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    cursor: pointer;
  }
  .saved-link__action:hover {
    background-color: var(--colorNeutralBackground1Hover);
    color: var(--colorNeutralForeground2Hover);
  }
  .saved-link__action--danger {
    color: var(--colorStatusDangerForeground1);
  }
  .saved-link__action--danger:hover {
    background-color: var(--colorStatusDangerBackground1);
    color: var(--colorStatusDangerForeground1);
  }
  .saved-link__action-icon {
    font-size: 14px;
  }
  .saved-link--editing {
    background-color: var(--colorNeutralBackground4);
  }
  .saved-link__edit-heading {
    margin-bottom: 12px;
  }
  .saved-link__editor {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 14px;
  }
  .saved-link__editor :where(input, textarea) {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .timeline-control {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 4px 8px;
  }
  .timeline-control--top {
    border-bottom: 1px solid var(--colorNeutralStroke2);
  }
  .timeline-control--bottom {
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .timeline-control__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 10px;
    box-sizing: border-box;
    gap: 6px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background-color: transparent;
    color: var(--colorBrandForegroundLink);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
  }
  .timeline-control__button:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .timeline-control__button:disabled {
    background-color: transparent;
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
  }
  .timeline-control__icon {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 16px;
  }
  .federated-feed, .conversation__thread {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .federated-feed__item {
    min-width: 0;
  }
  .federated-feed__item + .federated-feed__item {
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .federated-post {
    min-width: 0;
    padding: 12px 16px;
    box-sizing: border-box;
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
  }
  .federated-post__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    min-width: 0;
    gap: 6px 12px;
  }
  .federated-post__actor {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
  }
  .federated-post__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: 50%;
    background-color: var(--colorNeutralBackground4);
    color: var(--colorNeutralForeground2);
    font-size: 18px;
  }
  .federated-post__actor-heading {
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
  }
  .federated-post__actor-link {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 0;
    color: var(--colorNeutralForeground1);
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .federated-post__actor-link:visited {
    color: var(--colorNeutralForeground1);
  }
  .federated-post__actor-link:hover .federated-post__actor-name {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .federated-post__actor-name {
    font-weight: 600;
  }
  .federated-post__actor-host {
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }
  .federated-post__permalink, .federated-post__permalink:visited {
    flex: 0 0 auto;
    padding-block: 2px;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    white-space: nowrap;
  }
  .federated-post__permalink:hover {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .federated-post__main, .federated-post__reply-context {
    min-width: 0;
    margin-left: 46px;
  }
  .federated-post__reply-context {
    margin-top: 2px;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
  }
  .federated-post__content {
    min-width: 0;
    margin-top: 4px;
    color: var(--colorNeutralForeground1);
    font-size: 15px;
    line-height: 22px;
    overflow-wrap: anywhere;
  }
  .federated-post__content > :first-child {
    margin-top: 0;
  }
  .federated-post__content > :last-child {
    margin-bottom: 0;
  }
  .federated-post__content :where(p, ul, ol, blockquote, pre) {
    margin-block: 0 8px;
  }
  .federated-post__content :where(ul, ol) {
    padding-left: 24px;
  }
  .federated-post__content blockquote {
    padding-left: 12px;
    border-left: 3px solid var(--colorNeutralStroke2);
    color: var(--colorNeutralForeground2);
  }
  .federated-post__content a {
    color: var(--colorBrandForegroundLink);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
  .federated-post__content a:visited {
    color: var(--indielinks-color-link-visited);
  }
  .federated-post__content a:hover {
    color: var(--colorBrandForegroundLinkHover);
  }
  .federated-post__content :where(img, video, iframe, object, embed) {
    max-width: 100%;
    height: auto;
  }
  .federated-post__content :where(pre, table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  .federated-post__content :where(code, pre) {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
  }
  .federated-post__content pre {
    padding: 8px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorNeutralBackground4);
  }
  .federated-post__actions {
    display: flex;
    align-items: center;
    min-width: 0;
    margin-top: 8px;
    gap: 4px 12px;
  }
  .federated-post__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 4px 7px;
    box-sizing: border-box;
    gap: 5px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background-color: transparent;
    color: var(--colorNeutralForeground2);
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    cursor: pointer;
  }
  .federated-post__action:hover {
    background-color: var(--colorNeutralBackground1Hover);
    color: var(--colorBrandForegroundLinkHover);
  }
  .federated-post__action:disabled {
    background-color: transparent;
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
  }
  .federated-post__action-icon {
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 16px;
  }
  .federated-post__current-label, .conversation__relation {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding-inline: 6px;
    box-sizing: border-box;
    border: 1px solid var(--colorBrandStroke1);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorBrandForeground1);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  .federated-post__reply {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-top: 12px;
    gap: 8px;
  }
  .federated-post__reply-field {
    display: contents;
  }
  .federated-post__reply-input {
    width: 100%;
    min-width: 0;
    padding: 8px 10px;
    box-sizing: border-box;
    resize: vertical;
    border: 1px solid var(--colorNeutralStroke1);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground1);
    color: var(--colorNeutralForeground1);
    font: inherit;
    font-size: 15px;
    line-height: 22px;
  }
  .federated-post__reply-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
  }
  .federated-post__reply-submit, .federated-post__reply-cancel, .conversation__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 10px;
    box-sizing: border-box;
    gap: 6px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
  }
  .federated-post__reply-submit {
    background-color: var(--colorBrandBackground);
    color: var(--colorNeutralForegroundOnBrand);
  }
  .federated-post__reply-submit:hover {
    background-color: var(--colorBrandBackgroundHover);
  }
  .federated-post__reply-cancel, .conversation__back {
    background-color: transparent;
    color: var(--colorNeutralForeground2);
  }
  .federated-post__reply-cancel:hover, .conversation__back:hover {
    background-color: var(--colorNeutralBackground1Hover);
    color: var(--colorNeutralForeground2Hover);
  }
  .federated-post__reply-submit:disabled, .federated-post__reply-cancel:disabled {
    background-color: var(--colorNeutralBackgroundDisabled);
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
  }
  .conversation {
    min-width: 0;
    background-color: var(--colorNeutralBackground1);
  }
  .conversation__header {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 6px 8px;
    gap: 8px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
  }
  .conversation__back-icon {
    display: inline-flex;
    font-size: 16px;
  }
  .conversation__heading {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
  .conversation__status {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    margin: 0;
    padding: 16px;
    box-sizing: border-box;
    gap: 8px;
    color: var(--colorNeutralForeground2);
  }
  .conversation__thread {
    position: relative;
  }
  .conversation__thread::before {
    position: absolute;
    top: 24px;
    bottom: 24px;
    left: 33px;
    width: 2px;
    background-color: var(--colorNeutralStroke2);
    content: "";
  }
  .conversation__item {
    position: relative;
    min-width: 0;
  }
  .conversation__item + .conversation__item {
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .conversation__relation {
    position: relative;
    z-index: 1;
    margin: 8px 16px 0 62px;
    border-color: var(--colorNeutralStroke2);
    background-color: var(--colorNeutralBackground4);
    color: var(--colorNeutralForeground2);
  }
  .federated-post--parent, .federated-post--child {
    padding-top: 8px;
  }
  .federated-post--current {
    padding-left: 13px;
    border-left: 3px solid var(--colorBrandBackground);
    background-color: var(--colorBrandBackground2);
  }
  .federated-post--current .federated-post__avatar {
    background-color: var(--colorNeutralBackground1);
  }
  @container (max-width: 359px) {
    .federated-post {
      padding-inline: 12px;
    }
    .federated-post__header {
      flex-wrap: wrap;
      gap: 2px 8px;
    }
    .federated-post__actor {
      width: 100%;
      gap: 8px;
    }
    .federated-post__avatar {
      flex-basis: 32px;
      width: 32px;
      height: 32px;
      font-size: 16px;
    }
    .federated-post__permalink {
      margin-left: 40px;
    }
    .federated-post__main, .federated-post__reply-context {
      margin-left: 40px;
    }
    .federated-post__actions {
      justify-content: space-between;
      gap: 4px;
    }
    .federated-post__action {
      flex: 1 1 0;
    }
    .federated-post__action-label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .federated-post__reply-actions {
      align-items: stretch;
    }
    .federated-post__reply-submit, .federated-post__reply-cancel {
      flex: 1 1 0;
    }
    .conversation__thread::before {
      left: 27px;
    }
    .conversation__relation {
      margin-left: 52px;
    }
    .federated-post--current {
      padding-left: 9px;
    }
  }
  .instance-details {
    display: contents;
  }
  .instance-layout__introduction {
    order: 1;
    min-width: 0;
    padding: 4px 2px;
    overflow-wrap: anywhere;
  }
  .instance-layout__eyebrow {
    margin: 0 0 2px;
    color: var(--indielinks-color-heritage);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  .instance-layout__introduction h1 {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 28px;
    font-weight: 650;
    line-height: 34px;
  }
  .instance-layout__lead {
    max-width: 720px;
    margin: 6px 0 0;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    line-height: 24px;
  }
  .instance-layout__contact {
    margin: 6px 0 0;
    color: var(--colorNeutralForeground2);
    font-size: 14px;
    line-height: 20px;
  }
  .instance-layout__panels {
    order: 2;
  }
  .instance-layout__statistics {
    order: 3;
    padding: 16px;
  }
  .instance-layout__statistics h2 {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
  }
  .instance-layout__details-error, .instance-layout__details-loading {
    order: 3;
  }
  .popular-panel {
    min-width: 0;
  }
  .popular-panel .content-panel__body {
    padding: 0;
  }
  .popular-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    padding-right: 8px;
    gap: 8px;
    border-bottom: 1px solid var(--colorNeutralStroke2);
  }
  .popular-panel__header .content-panel__heading {
    min-width: 0;
    border-bottom: 0;
  }
  .popular-panel__refresh {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 8px;
    gap: 5px;
    border: 0;
    border-radius: var(--borderRadiusMedium);
    background-color: transparent;
    color: var(--colorBrandForegroundLink);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    cursor: pointer;
  }
  .popular-panel__refresh:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .popular-panel__refresh:disabled {
    background-color: transparent;
    color: var(--colorNeutralForegroundDisabled);
    cursor: default;
  }
  .public-links, .public-link__tags, .popular-tags {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .public-links__item + .public-links__item, .popular-tags__item + .popular-tags__item {
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .public-link {
    min-width: 0;
    padding: 12px 16px;
  }
  .public-link__title {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    overflow-wrap: anywhere;
  }
  .public-link__title a {
    color: var(--colorBrandForegroundLink);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }
  .public-link__title a:visited {
    color: var(--indielinks-color-link-visited);
  }
  .public-link__title a:hover {
    color: var(--colorBrandForegroundLinkHover);
  }
  .public-link__metadata {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2px;
    gap: 4px 6px;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: anywhere;
  }
  .public-link__host {
    color: var(--colorNeutralForeground1);
    font-weight: 500;
  }
  .public-link__notes {
    margin: 8px 0 0;
    color: var(--colorNeutralForeground2);
    white-space: pre-wrap;
  }
  .public-link__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    gap: 4px;
  }
  .public-link__tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 6px;
    box-sizing: border-box;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorNeutralBackground4);
    color: var(--colorBrandForegroundLink);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }
  .popular-tags__item {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    min-width: 0;
    padding: 8px 12px;
    gap: 8px;
  }
  .popular-tags__rank, .popular-tags__score {
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
    font-variant-numeric: tabular-nums;
  }
  .popular-tags__rank {
    text-align: right;
  }
  .popular-tags__name {
    min-width: 0;
    color: var(--colorBrandForegroundLink);
    font-weight: 600;
    overflow-wrap: anywhere;
  }
  .popular-tags__score {
    text-align: right;
  }
  .instance-statistics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 480px;
    margin: 12px 0 0;
    gap: 8px;
  }
  .instance-statistics__origin {
    margin: 2px 0 0;
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: anywhere;
  }
  .instance-statistics > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    min-width: 0;
    padding: 10px 12px;
    gap: 8px;
    border: 1px solid var(--colorNeutralStroke2);
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground4);
  }
  .instance-statistics dt {
    color: var(--colorNeutralForeground2);
    font-size: 12px;
    line-height: 16px;
  }
  .instance-statistics dd {
    margin: 0;
    color: var(--colorNeutralForeground1);
    font-size: 20px;
    font-weight: 650;
    line-height: 26px;
    font-variant-numeric: tabular-nums;
  }
  .instance-service-details dl {
    display: grid;
    margin: 8px 0 0;
    gap: 4px;
  }
  .instance-service-details dl > div {
    display: grid;
    grid-template-columns: minmax(8rem, auto) minmax(0, 1fr);
    gap: 8px;
  }
  .instance-service-details dt {
    color: var(--colorNeutralForeground2);
  }
  .instance-service-details dd {
    min-width: 0;
    margin: 0;
    color: var(--colorNeutralForeground1);
    overflow-wrap: anywhere;
  }
  .thaw-toast.indielinks-toast {
    border-color: var(--colorNeutralStroke2);
    border-left: 4px solid var(--colorBrandBackground);
    border-radius: var(--borderRadiusLarge);
    box-shadow: var(--shadow16);
  }
  .thaw-toast.indielinks-toast:has(.thaw-toast-title__error) {
    border-left-color: var(--colorStatusDangerForeground1);
  }
  .thaw-toast.indielinks-toast:has(.thaw-toast-title__success) {
    border-left-color: var(--colorStatusSuccessForeground1);
  }
  .thaw-toast.indielinks-toast:has(.thaw-toast-title__warning) {
    border-left-color: var(--colorStatusWarningForeground3);
  }
  .thaw-toaster--bottom-end {
    right: 12px;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    width: min(360px, calc(100vw - 24px));
  }
  @media (min-width: 768px) {
    .form-page, .authentication-page {
      padding-block: 32px;
    }
    .thaw-toaster--bottom-end {
      right: 20px;
      bottom: 16px;
    }
    .shell-header__inner {
      height: 64px;
      padding-inline: 16px;
      gap: 16px;
    }
    .shell-header__brand--full {
      display: inline-flex;
    }
    .shell-header__brand--compact, .shell-header__title {
      display: none;
    }
    .shell-header__actions > .shell-navigation__link--action, .shell-navigation--header {
      display: flex;
    }
    .shell-account--header .shell-account__label {
      position: static;
      width: auto;
      height: auto;
      padding: initial;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
    .shell-main {
      padding: 16px 16px 40px;
    }
    .shell-mobile-navigation {
      display: none !important;
    }
    .personal-layout {
      grid-template-columns: minmax(0, 3fr) minmax(18rem, 2fr);
    }
    .instance-layout__panels {
      grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
    }
  }
  @media (max-width: 479px) {
    .form-card, .authentication-card {
      padding: 18px;
    }
    .form-actions {
      align-items: stretch;
      flex-direction: column;
    }
    .form-button {
      width: 100%;
    }
    .form-options--inline, .instance-statistics {
      grid-template-columns: minmax(0, 1fr);
    }
    .feedback-state {
      padding-inline: 14px;
    }
    .popular-panel__refresh span:last-child {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .instance-service-details dl > div {
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
    }
    .saved-links-pager__label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .saved-link__footer {
      align-items: stretch;
      flex-direction: column;
    }
    .saved-link__actions {
      justify-content: flex-start;
      margin-left: 0;
    }
    .saved-link__editor {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  @media (min-width: 1024px) {
    .shell-frame {
      padding-inline: 24px;
    }
    .shell--signed-in .shell-header {
      display: none;
    }
    .shell--signed-in .shell-frame {
      display: grid;
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 48px;
    }
    .shell--signed-in .shell-rail {
      display: flex;
    }
    .shell-rail {
      position: sticky;
      top: 0;
      flex-direction: column;
      align-self: start;
      height: 100vh;
      padding: 24px 16px;
      box-sizing: border-box;
      gap: 16px;
    }
    .shell-navigation--rail {
      display: grid;
      gap: 4px;
    }
    .shell-navigation__link--rail.shell-navigation__link--current {
      border-left-width: 3px;
      border-left-color: var(--colorBrandBackground);
    }
    .shell-rail__footer {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-top: auto;
      gap: 4px;
    }
    .shell-main {
      padding: 24px 0 48px;
    }
  }
  .account-layout {
    display: grid;
    min-width: 0;
    gap: 16px;
    padding: 16px;
  }
  .account-layout__heading {
    margin: 0 0 8px;
    color: var(--colorNeutralForeground1);
    font-size: var(--text-page-title);
    line-height: var(--text-page-title--line-height);
    font-weight: 600;
  }
  .account-layout__introduction {
    margin: 0 0 16px;
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .account-section-nav {
    min-width: 0;
  }
  .account-section-nav__list {
    display: flex;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .account-section-nav__item {
    flex: 0 0 auto;
  }
  .account-section-link {
    display: block;
    padding: 8px 12px;
    border-radius: var(--borderRadiusMedium);
    color: var(--colorNeutralForeground2);
    font-size: var(--text-control);
    line-height: var(--text-control--line-height);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
  }
  .account-section-link:visited {
    color: var(--colorNeutralForeground2);
  }
  .account-section-link:hover {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForegroundLinkHover);
  }
  .account-section-link--current {
    background-color: var(--colorBrandBackground2);
    color: var(--colorBrandForeground1);
    font-weight: 600;
  }
  .account-panel {
    min-width: 0;
  }
  .account-section {
    min-width: 0;
  }
  .account-section__heading {
    margin: 0 0 12px;
    color: var(--colorNeutralForeground1);
    font-size: var(--text-section-title);
    line-height: var(--text-section-title--line-height);
    font-weight: 600;
  }
  .account-section__help {
    margin: 0 0 16px;
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .account-section__placeholder {
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .account-panel__loading {
    padding: 16px;
    color: var(--colorNeutralForeground2);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
  }
  .follow-form {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin: 0 0 24px;
  }
  .follow-form .form-field {
    flex: 1 1 16rem;
    min-width: 0;
    margin: 0;
  }
  .follow-form .form-field__label {
    display: block;
    margin: 0 0 4px;
    color: var(--colorNeutralForeground1);
    font-size: var(--text-control);
    line-height: var(--text-control--line-height);
    font-weight: 500;
  }
  .follow-form .form-control {
    width: 100%;
  }
  .follow-form .form-actions {
    flex: 0 0 auto;
    margin: 0;
  }
  .actor-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .actor-list__item {
    border-bottom: 1px solid var(--colorNeutralStroke2);
  }
  .actor-list__item:first-child {
    border-top: 1px solid var(--colorNeutralStroke2);
  }
  .actor-list__link {
    display: block;
    padding: 10px 0;
    overflow: hidden;
    color: var(--colorBrandForegroundLink);
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .actor-list__link:visited {
    color: var(--colorBrandForegroundLink);
  }
  .actor-list__link:hover {
    color: var(--colorBrandForegroundLinkHover);
    text-decoration: underline;
  }
  @media (min-width: 768px) {
    .account-layout {
      grid-template-columns: 14rem 1fr;
      padding: 24px;
    }
    .account-section-nav__list {
      flex-direction: column;
      overflow-x: visible;
    }
    .account-section-link {
      white-space: normal;
    }
  }
  @supports (min-height: 100dvh) {
    .shell {
      min-height: 100dvh;
    }
    .shell-rail {
      height: 100dvh;
    }
  }
}
:where(a, button, input, textarea, select, [tabindex]) {
  transition-duration: var(--indielinks-duration-interaction);
  transition-property: color, background-color, border-color, outline-color, box-shadow;
  transition-timing-function: ease;
}
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--colorStrokeFocus2);
  outline-offset: 2px;
}
@media (pointer: coarse) {
  :where(button, input[type="button"], input[type="reset"], input[type="submit"], select) {
    min-height: 44px;
  }
  .shell-theme-control {
    min-width: 44px;
  }
  .saved-links-controls__filter, .saved-links-pager__control, .saved-link__tag, .saved-link__action, .timeline-control__button, .federated-post__action, .federated-post__reply-submit, .federated-post__reply-cancel, .conversation__back {
    min-height: 44px;
  }
  .form-button, .popular-panel__refresh {
    min-height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
@layer components {
  .document-page {
    max-width: 65ch;
    margin: 0 auto;
    padding: 16px;
  }
  .markdown-panel {
    padding: 24px;
  }
  .markdown-document {
    font-size: var(--text-body);
    line-height: var(--text-body--line-height);
    color: var(--colorNeutralForeground1);
  }
  .markdown-document h1, .markdown-document h2, .markdown-document h3, .markdown-document h4 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 600;
    color: var(--colorNeutralForeground1);
  }
  .markdown-document h1 {
    font-size: var(--text-page-title);
    line-height: var(--text-page-title--line-height);
  }
  .markdown-document h2 {
    font-size: var(--text-section-title);
    line-height: var(--text-section-title--line-height);
  }
  .markdown-document h3 {
    font-size: var(--text-link-title);
    line-height: var(--text-link-title--line-height);
  }
  .markdown-document p {
    margin: 0 0 1em 0;
  }
  .markdown-document a {
    color: var(--colorBrandForegroundLink);
    text-decoration: underline;
  }
  .markdown-document a:visited {
    color: var(--colorBrandForegroundLink);
  }
  .markdown-document a:hover {
    color: var(--colorBrandForegroundLinkHover);
  }
  .markdown-document ul, .markdown-document ol {
    margin: 0 0 1em 1.5em;
    padding: 0;
  }
  .markdown-document li {
    margin-bottom: 0.25em;
  }
  .markdown-document blockquote {
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
    border-left: 3px solid var(--colorNeutralStroke2);
    color: var(--colorNeutralForeground2);
  }
  .markdown-document pre {
    margin: 0 0 1em 0;
    padding: 12px;
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorNeutralBackground4);
    overflow-x: auto;
  }
  .markdown-document code {
    font-family: monospace;
    font-size: 0.9em;
    background-color: var(--colorNeutralBackground4);
    padding: 2px 4px;
    border-radius: var(--borderRadiusSmall);
  }
  .markdown-document pre code {
    background: none;
    padding: 0;
  }
  .markdown-document table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
    overflow-x: auto;
    display: block;
  }
  .markdown-document th, .markdown-document td {
    padding: 8px 12px;
    border: 1px solid var(--colorNeutralStroke2);
    text-align: left;
  }
  .markdown-document th {
    background-color: var(--colorNeutralBackground4);
    font-weight: 600;
  }
  .markdown-document hr {
    border: none;
    border-top: 1px solid var(--colorNeutralStroke2);
    margin: 1.5em 0;
  }
  .instance-resources {
    margin-bottom: 16px;
  }
  .instance-resources__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .instance-resources__item {
    margin: 0;
  }
  .instance-resources__link {
    display: inline-block;
    padding: 4px 0;
    color: var(--colorBrandForegroundLink);
    font-size: var(--text-control);
    line-height: var(--text-control--line-height);
    text-decoration: none;
  }
  .instance-resources__link:hover {
    text-decoration: underline;
  }
  .instance-resources__link[aria-current="page"] {
    font-weight: 600;
    color: var(--colorNeutralForeground1);
    text-decoration: none;
  }
  .instance-resources--panel {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 24px 0 0;
    padding: 0;
  }
  .instance-resources--panel .instance-resources__link {
    padding: 4px 0;
  }
  .instance-layout__motd-callout {
    margin: 12px 0;
    padding: 12px 16px;
    border-radius: var(--borderRadiusMedium);
    background-color: var(--colorNeutralBackground4);
    border-left: 3px solid var(--colorBrandBackground);
  }
  .instance-layout__motd-callout .markdown-document p:last-child {
    margin-bottom: 0;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}