@layer components {
  ._sidebar_uyckl_2 {
    display: flex;
    flex-direction: column;
    gap: var(--osdc-size-40);
  }
  ._card_uyckl_7 {
    display: flex;
    flex-direction: column;
    gap: var(--osdc-size-10);
    padding-block-start: var(--osdc-size-20);
    border-block-start: var(--osdc-size-1) solid var(--surface-foreground, #012c35);
  }
  ._heading_uyckl_14 {
    color: var(--surface-foreground, #012c35);
  }
  :where(._heading_uyckl_14) {
    font-family: var(--osdc-font-primary);
    font-weight: 600;
    line-height: 1.5;
    font-size: 1rem;
  }
  @media (min-width: 480px) {
    :where(._heading_uyckl_14) {
      font-size: clamp(0.8rem, 1.1rem + -0.4166666667vw, 1rem);
    }
  }
  :where(._heading_uyckl_14) {
    /* stylelint-disable-next-line order/order */
  }
  @media (min-width: 1440px) {
    :where(._heading_uyckl_14) {
      font-size: 0.8rem;
    }
  }
  :where(._heading_uyckl_14) {
    color: var(--surface-accent-secondary, #012c35);
  }
  ._description_uyckl_39 {
    color: var(--surface-foreground, #012c35);
    text-decoration: underline;
    transition: color 300ms ease;
  }
  :where(._description_uyckl_39) {
    font-family: var(--osdc-font-primary);
    font-weight: 400;
    line-height: 1.5;
    font-size: 0.9rem;
  }
  a._description_uyckl_39:hover,
  a._description_uyckl_39:focus-visible {
    color: color-mix(in srgb, var(--surface-foreground, #012c35), white 35%);
  }
  ._card_uyckl_7:first-child a._description_uyckl_39 {
    color: var(--surface-accent-secondary);
  }
  ._card_uyckl_7:first-child a._description_uyckl_39:hover,
  ._card_uyckl_7:first-child a._description_uyckl_39:focus-visible {
    color: color-mix(in srgb, var(--surface-accent-secondary), black 25%);
  }
}