@layer starter, reset, base, state, application;
@layer reset {
  ._card_gi462_2 {
    all: unset;
    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
    font-size: 100%;
    color: var(--foreground-color, #141414);
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-color: transparent;
    box-sizing: border-box;
    display: inline-flex;
  }
}
@layer base {
  ._card_gi462_2 {
    background-color: var(--background-color, #ffffff);
    border-radius: 0.75rem;
    border-color: var(--border-color-subdued, #dfe0e1);
    border-width: 0.0625rem;
    border-style: solid;
    flex-direction: var(--direction);
  }
  ._card_gi462_2 ._card-section_gi462_25:has(~ ._card-section_gi462_25) {
    border-block-end: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
  }
}
@layer state {
  ._card_gi462_2._bg-stronger_gi462_30 {
    background-color: var(--background-color-stronger, #eeeeee);
  }
  ._card_gi462_2._bg-strong_gi462_30 {
    background-color: var(--background-color-strong, #f7f7f7);
  }
  ._card_gi462_2._padding-0_gi462_36 {
    --padding: 0px;
    --padding-drag-offset: 0px;
    --drag-indicator-gap: 0px;
    padding: 0;
  }
  ._card_gi462_2._padding-xsmall_gi462_42 {
    --padding: var(--size-1);
    --padding-drag-offset: 0px;
    --drag-indicator-gap: var(--size-quarter);
    padding: 0.25rem;
  }
  ._card_gi462_2._padding-small_gi462_48 {
    --padding: var(--size-2);
    --padding-drag-offset: var(--size-half);
    --drag-indicator-gap: var(--size-quarter);
    padding: 0.5rem;
  }
  ._card_gi462_2._padding-medium_gi462_54 {
    --padding: var(--size-4);
    --padding-drag-offset: var(--size-1);
    --drag-indicator-gap: var(--size-half);
    padding: 1rem;
  }
  ._card_gi462_2._padding-large_gi462_60 {
    --padding: var(--size-6);
    --padding-drag-offset: var(--size-1);
    --drag-indicator-gap: var(--size-half);
    padding: 1.5rem;
  }
}