.capra-Alert-module-mQR_Qq-base {
  --_icon-color: var(--cds2-color-foreground-neutral-default);
  --_text-color: var(--cds2-color-foreground-default);
  --_background-color: transparent;
  --_border-color: transparent;
  color: var(--_text-color);
  border-radius: var(--cds2-radius-md);
  justify-content: space-between;
  align-items: start;
  display: flex;

  &[data-layout="section"] {
    padding: var(--cds2-spacing-md);
    background-color: var(--_background-color);
    border: var(--cds2-border-default);
    border-color: var(--_border-color);
    gap: var(--cds2-spacing-lg);
  }

  &[data-layout="compact"] {
    padding: var(--cds2-spacing-md);
    background-color: var(--_background-color);
    border: var(--cds2-border-default);
    border-color: var(--_border-color);
    gap: var(--cds2-spacing-md);
  }

  &[data-layout="inline"] {
    gap: var(--cds2-spacing-md);
    padding: 0;
  }

  &[data-appearance="info"] {
    --_icon-color: var(--cds2-color-foreground-info-default);
    --_background-color: var(--cds2-color-background-info-subtle);
    --_border-color: var(--cds2-color-border-info-subtle);

    &[data-layout="inline"] {
      --_text-color: var(--cds2-color-foreground-info-default);
    }
  }

  &[data-appearance="warning"] {
    --_icon-color: var(--cds2-color-foreground-warning-default);
    --_background-color: var(--cds2-color-background-warning-subtle);
    --_border-color: var(--cds2-color-border-warning-subtle);

    &[data-layout="inline"] {
      --_text-color: var(--cds2-color-foreground-warning-default);
    }
  }

  &[data-appearance="danger"] {
    --_icon-color: var(--cds2-color-foreground-danger-default);
    --_background-color: var(--cds2-color-background-danger-subtle);
    --_border-color: var(--cds2-color-border-danger-subtle);

    &[data-layout="inline"] {
      --_text-color: var(--cds2-color-foreground-danger-default);
    }
  }

  &[data-appearance="success"] {
    --_icon-color: var(--cds2-color-foreground-success-default);
    --_background-color: var(--cds2-color-background-success-subtle);
    --_border-color: var(--cds2-color-border-success-subtle);

    &[data-layout="inline"] {
      --_text-color: var(--cds2-color-foreground-success-default);
    }
  }

  & .capra-Alert-module-mQR_Qq-iconContainer {
    color: var(--_icon-color);
    height: var(--cds2-dimension-component-sm);
    align-items: center;
    display: flex;
  }

  & .capra-Alert-module-mQR_Qq-header {
    flex-direction: column;
    flex: auto;
    gap: 0;
    display: flex;
  }

  & .capra-Alert-module-mQR_Qq-actionContainer {
    flex: none;
  }

  & .capra-Alert-module-mQR_Qq-closeContainer {
    flex: 0 0 var(--cds2-dimension-component-sm);
  }
}
.capra-Button-module-kHrKiG-base {
  all: unset;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-md);
  cursor: pointer;
  transition: all var(--cds2-motion-duration-medium-1) cubic-bezier(var(--cds2-motion-easing-standard)),
    outline var(--cds2-motion-duration-short) cubic-bezier(var(--cds2-motion-easing-standard));
  flex-shrink: 0;
  padding-block: 0;
  display: inline-flex;

  &:focus-visible {
    outline: var(--cds2-border-focus);
    outline-color: var(--_focus-outline-color);
    outline-offset: var(--cds2-spacing-xs);
  }

  &:is([data-disabled="true"], [data-pending="true"]) {
    cursor: not-allowed;
  }

  &[data-pending="true"] {
    opacity: .35;
  }

  &[data-size="xs"]:not(.capra-Button-module-kHrKiG-icon) {
    height: var(--cds2-dimension-component-xs);
    min-width: calc(2 * var(--cds2-dimension-component-xs));
    max-width: calc(10 * var(--cds2-dimension-component-xs));
    padding-inline: var(--cds-spacing-sm);
  }

  &[data-size="sm"]:not(.capra-Button-module-kHrKiG-icon) {
    height: var(--cds2-dimension-component-sm);
    min-width: calc(2 * var(--cds2-dimension-component-sm));
    max-width: calc(10 * var(--cds2-dimension-component-sm));
    padding-inline: var(--cds2-spacing-md);
  }

  &[data-size="md"]:not(.capra-Button-module-kHrKiG-icon) {
    height: var(--cds2-dimension-component-md);
    min-width: calc(2 * var(--cds2-dimension-component-md));
    max-width: calc(10 * var(--cds2-dimension-component-md));
    padding-inline: var(--cds2-spacing-lg);
  }

  &[data-size="lg"]:not(.capra-Button-module-kHrKiG-icon) {
    height: var(--cds2-dimension-component-lg);
    min-width: calc(2 * var(--cds2-dimension-component-lg));
    max-width: calc(10 * var(--cds2-dimension-component-lg));
    padding-inline: var(--cds2-spacing-lg);
  }

  &[data-size="xl"]:not(.capra-Button-module-kHrKiG-icon) {
    height: var(--cds2-dimension-component-xl);
    min-width: calc(2 * var(--cds2-dimension-component-xl));
    max-width: calc(10 * var(--cds2-dimension-component-xl));
    padding-inline: var(--cds2-spacing-xl);
  }

  &[data-display="block"]:not(.capra-Button-module-kHrKiG-icon) {
    width: 100%;
    max-width: unset;
    display: flex;
  }

  &[data-variant="primary"] {
    color: var(--_primary-color);
    background-color: var(--_primary-background-color);
    box-shadow: var(--cds2-shadow-button);
    font: var(--cds2-typography-body-md-semibold);
    border: 0;

    &:hover:not([data-disabled="true"], [data-pending="true"]) {
      background-color: var(--_primary-hover-background-color);
    }

    &:active:not([data-disabled="true"], [data-pending="true"]) {
      background-color: var(--_primary-active-background-color);
    }

    &[data-disabled="true"] {
      background-color: var(--cds2-color-background-disabled);
      color: var(--cds2-color-foreground-on-disabled);
    }
  }

  &[data-variant="secondary"] {
    color: var(--_secondary-color);
    background-color: var(--cds2-color-background-surface);
    border: 1px solid var(--_secondary-border-color);
    box-shadow: var(--cds2-shadow-button);

    &:hover:not([data-disabled="true"], [data-pending="true"]) {
      border-color: var(--_secondary-hover-border-color);
      color: var(--_secondary-hover-color);
    }

    &:active:not([data-disabled="true"], [data-pending="true"]) {
      border-color: var(--_secondary-active-color);
      color: var(--_secondary-active-color);
    }

    &[data-disabled="true"] {
      color: var(--cds2-color-foreground-on-disabled);
      border-color: var(--cds2-color-border-disabled);
    }
  }

  &[data-variant="tertiary"] {
    color: var(--_tertiary-color);
    border: 0;

    &:hover:not([data-disabled="true"], [data-pending="true"]) {
      background-color: var(--_tertiary-hover-background-color);
    }

    &:active:not([data-disabled="true"], [data-pending="true"]) {
      background-color: var(--_tertiary-active-background-color);
    }

    &[data-disabled="true"] {
      color: var(--cds2-color-foreground-on-disabled);
    }
  }

  &[data-appearance="default"] {
    --_primary-color: var(--cds2-color-foreground-accent-contrast);
    --_primary-background-color: var(--cds2-color-background-accent-solid-default);
    --_primary-hover-background-color: var(--cds2-color-background-accent-solid-hover);
    --_primary-active-background-color: var(--cds2-color-background-accent-solid-active);
    --_secondary-color: var(--cds2-color-foreground-neutral-default);
    --_secondary-border-color: var(--cds2-color-border-neutral-default);
    --_secondary-hover-border-color: var(--cds2-color-border-accent-strong);
    --_secondary-hover-color: var(--cds2-color-accent-a10);
    --_secondary-active-color: var(--cds2-color-accent-11);
    --_tertiary-color: var(--cds2-color-foreground-accent-default);
    --_tertiary-hover-background-color: var(--cds2-color-background-accent-default);
    --_tertiary-active-background-color: var(--cds2-color-accent-a4);
    --_focus-outline-color: var(--cds2-color-accent-a8);
  }

  &[data-appearance="danger"] {
    --_primary-color: var(--cds2-color-foreground-danger-contrast);
    --_primary-background-color: var(--cds2-color-background-danger-solid-default);
    --_primary-hover-background-color: var(--cds2-color-background-danger-solid-hover);
    --_primary-active-background-color: var(--cds2-color-background-danger-solid-active);
    --_secondary-color: var(--cds2-color-foreground-danger-default);
    --_secondary-border-color: var(--cds2-color-border-neutral-default);
    --_secondary-hover-border-color: var(--cds2-color-border-danger-strong);
    --_secondary-hover-color: var(--cds2-color-danger-a10);
    --_secondary-active-color: var(--cds2-color-danger-11);
    --_tertiary-color: var(--cds2-color-foreground-danger-default);
    --_tertiary-hover-background-color: var(--cds2-color-background-danger-default);
    --_tertiary-active-background-color: var(--cds2-color-danger-a4);
    --_focus-outline-color: var(--cds2-color-danger-a8);
  }

  &[data-appearance="neutral"] {
    --_primary-color: var(--cds2-color-foreground-neutral-contrast);
    --_primary-background-color: var(--cds2-color-background-neutral-solid-default);
    --_primary-hover-background-color: var(--cds2-color-background-neutral-solid-hover);
    --_primary-active-background-color: var(--cds2-color-background-neutral-solid-active);
    --_secondary-color: var(--cds2-color-foreground-neutral-default);
    --_secondary-border-color: var(--cds2-color-border-neutral-strong);
    --_secondary-hover-background-color: var(--cds2-color-background-neutral-subtle);
    --_secondary-active-background-color: var(--cds2-color-background-neutral-default);
    --_tertiary-color: var(--cds2-color-foreground-neutral-default);
    --_tertiary-hover-background-color: var(--cds2-color-background-neutral-default);
    --_tertiary-active-background-color: var(--cds2-color-neutral-a4);
    --_focus-outline-color: var(--cds2-color-accent-a8);
  }
}

.capra-Button-module-kHrKiG-icon {
  &[data-size="xs"] {
    height: var(--cds2-dimension-component-xs);
    width: var(--cds2-dimension-component-xs);
  }

  &[data-size="sm"] {
    height: var(--cds2-dimension-component-sm);
    width: var(--cds2-dimension-component-sm);
  }

  &[data-size="md"] {
    height: var(--cds2-dimension-component-md);
    width: var(--cds2-dimension-component-md);
  }

  &[data-size="lg"] {
    height: var(--cds2-dimension-component-lg);
    width: var(--cds2-dimension-component-lg);
  }

  &[data-size="xl"] {
    height: var(--cds2-dimension-component-xl);
    width: var(--cds2-dimension-component-xl);
  }
}

.capra-Button-module-kHrKiG-textLayout {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.capra-Button-module-kHrKiG-iconLayout {
  display: contents;
}
.capra-Text-module-JSrT1a-base {
  all: unset;
  font: var(--_font);
  color: var(--_color);
}
.capra-Label-module-bUVIqW-label {
  font: var(--cds2-typography-body-md-semibold);
  color: var(--cds2-color-foreground-default);
  align-items: center;
  gap: var(--cds2-spacing-xs);
  display: flex;
}

.capra-Label-module-bUVIqW-labelText {
  align-items: center;
  gap: var(--cds2-spacing-xs);
  display: inline-flex;
}

.capra-Label-module-bUVIqW-required {
  color: inherit;
}

.capra-Label-module-bUVIqW-trailingSlot {
  display: contents;
}
.capra-VisuallyHidden-module-XtMyuG-visuallyHidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.capra-TextInput-module-pTHfnG-wrapper {
  border: var(--cds2-border-default);
  border-color: var(--cds2-temporary-input-border-primary);
  border-radius: var(--cds2-radius-md);
  background-color: var(--cds2-temporary-input-background-primary);
  width: 100%;
  min-width: 0;
  color: var(--cds2-temporary-input-foreground-primary);
  font: var(--cds2-typography-body-md-normal);
  transition: border-color var(--cds2-motion-duration-short) ease,
    box-shadow var(--cds2-motion-duration-short) ease;
  align-items: center;
  display: inline-flex;

  &:hover:not(:has( > input:disabled)):not(:has( > input:read-only)) {
    border-color: var(--cds2-temporary-input-border-highlight);
  }

  &:has( > input:focus-visible):not(:has( > input:disabled)):not(:has( > input:read-only)) {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
    border-color: var(--cds2-temporary-input-border-highlight);
  }

  &:has( > input:disabled), &:has( > input:read-only) {
    background-color: var(--cds2-temporary-input-background-disabled);
    border-color: var(--cds2-temporary-input-border-disabled);
    color: var(--cds2-temporary-input-foreground-disabled);

    & .capra-TextInput-module-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
      color: var(--cds2-temporary-input-foreground-disabled);
    }
  }

  &:has( > input:read-only) {
    cursor: default;

    & .capra-TextInput-module-pTHfnG-input {
      cursor: default;
    }
  }

  &:has( > input:disabled) {
    cursor: not-allowed;

    & .capra-TextInput-module-pTHfnG-input {
      cursor: not-allowed;
    }
  }

  & .capra-TextInput-module-pTHfnG-input {
    min-width: 0;
    color: inherit;
    font: inherit;
    background: none;
    border: none;
    outline: none;
    flex: auto;
    padding: 0;

    &::placeholder {
      color: var(--cds2-temporary-input-foreground-placeholder);
    }
  }

  &[data-size="sm"] {
    gap: var(--cds2-spacing-sm);

    &:not(:has(.capra-TextInput-module-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
      padding-inline-start: var(--cds2-spacing-md);
    }

    &:not(:has(.capra-TextInput-module-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
      padding-inline-end: var(--cds2-spacing-md);
    }

    & .capra-TextInput-module-pTHfnG-input {
      height: calc(var(--cds2-dimension-component-sm) - 2px);
      font: var(--cds2-typography-body-sm-normal);
    }

    & .capra-TextInput-module-pTHfnG-leadingSlot {
      padding-inline-start: var(--cds2-spacing-md);
    }

    & .capra-TextInput-module-pTHfnG-trailingSlot {
      padding-inline-end: var(--cds2-spacing-md);
    }
  }

  &[data-size="md"] {
    gap: var(--cds2-spacing-md);

    &:not(:has(.capra-TextInput-module-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
      padding-inline-start: var(--cds2-spacing-md);
    }

    &:not(:has(.capra-TextInput-module-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
      padding-inline-end: var(--cds2-spacing-md);
    }

    & .capra-TextInput-module-pTHfnG-input {
      height: calc(var(--cds2-dimension-component-md) - 2px);
      font: var(--cds2-typography-body-md-normal);
    }

    & .capra-TextInput-module-pTHfnG-leadingSlot {
      padding-inline-start: var(--cds2-spacing-md);
    }

    & .capra-TextInput-module-pTHfnG-trailingSlot {
      padding-inline-end: var(--cds2-spacing-md);
    }
  }

  & .capra-TextInput-module-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
    align-items: center;
    gap: var(--cds2-spacing-xs);
    color: var(--cds2-color-foreground-subtle);
    flex-shrink: 0;
    display: inline-flex;
  }

  & .capra-TextInput-module-pTHfnG-errorIndicator {
    color: var(--cds2-color-foreground-danger-default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  & .capra-TextInput-module-pTHfnG-warningIndicator {
    color: var(--cds2-color-foreground-warning-default);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
}
.capra-HelperText-module-0SVw3W-layout {
  align-items: center;
  gap: var(--cds2-spacing-sm);
  display: flex;
}

.capra-HelperText-module-0SVw3W-helper {
  align-items: center;
  gap: var(--cds2-spacing-xs);
  color: var(--cds2-color-foreground-subtle);
  flex: 1 0;
  margin-block-start: var(--cds2-spacing-xs);
  display: flex;

  &[data-appearance="danger"] {
    color: var(--cds2-color-foreground-danger-default);
  }

  &[data-appearance="warning"] {
    color: var(--cds2-color-foreground-warning-default);
  }

  .capra-HelperText-module-0SVw3W-layout[data-disabled="true"] & {
    color: var(--cds2-temporary-input-foreground-disabled);
  }
}

.capra-HelperText-module-0SVw3W-icon {
  color: inherit;
  flex-shrink: 0;
  display: inline-flex;
}

.capra-HelperText-module-0SVw3W-count {
  font: var(--cds2-typography-body-sm-normal);
  color: var(--cds2-color-foreground-subtle);
  white-space: nowrap;

  .capra-HelperText-module-0SVw3W-layout[data-disabled="true"] & {
    color: var(--cds2-temporary-input-foreground-disabled);
  }
}
.capra-fieldLayout-module-0mM4jW-field {
  gap: var(--cds2-spacing-sm);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;

  &[data-layout="horizontal"] {
    align-items: flex-start;
    gap: var(--cds2-spacing-md);
    flex-direction: row;

    & .capra-fieldLayout-module-0mM4jW-labelRow {
      min-height: var(--cds2-dimension-component-md);
      flex-shrink: 0;
      align-items: center;
    }

    & .capra-fieldLayout-module-0mM4jW-fieldContent {
      gap: var(--cds2-spacing-sm);
      flex-direction: column;
      flex: 1 1 0;
      min-width: 0;
      display: flex;
    }
  }

  & .capra-fieldLayout-module-0mM4jW-fieldContent {
    display: contents;
  }

  & .capra-fieldLayout-module-0mM4jW-labelRow {
    align-items: center;
    gap: var(--cds2-spacing-xs);
    display: flex;
  }
}
.capra-AutocompleteField-module-MVvKYa-popover {
  align-items: flex-start;
  gap: var(--cds2-spacing-xs);
  padding: var(--cds2-spacing-sm);
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  background: var(--cds2-color-background-panel-solid);
  box-shadow: var(--cds2-shadow-medium-down);
  flex-direction: column;
  display: flex;
}

.capra-AutocompleteField-module-MVvKYa-listbox {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.capra-AutocompleteField-module-MVvKYa-item {
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-md);

  &[data-focused="true"] {
    background: var(--cds2-color-background-neutral-hover);
  }

  &[data-disabled="true"] {
    background: var(--cds2-color-background-neutral-subtle);
  }
}
.capra-Card-module-BBqyya-card {
  background: var(--cds2-color-background-panel-solid);
  border: var(--cds2-border-default);
  border-radius: var(--cds2-radius-md);
  color: var(--cds2-color-foreground-default);
  gap: var(--cds2-spacing-lg);
  padding: var(--cds2-spacing-lg);
  flex-direction: column;
  display: flex;
  container: capra-Card-module-BBqyya-card;
}

.capra-Card-module-BBqyya-header {
  align-items: flex-start;
  column-gap: var(--cds2-spacing-lg);
  grid-template-rows: auto auto;
  grid-auto-rows: min-content;
  display: grid;

  &:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }
}

.capra-Card-module-BBqyya-action {
  align-self: flex-start;
  gap: var(--cds2-spacing-md);
  grid-row: 1 / span 2;
  grid-column-start: 2;
  justify-self: flex-end;
  display: flex;
}

.capra-Card-module-BBqyya-footer {
  align-items: center;
  display: flex;
}
.capra-Badge-module-_3WihW-badge {
  border: var(--cds2-border-badge);
  border-color: var(--cds2-color-background-application);
  border-radius: var(--cds2-radius-full);
  font: var(--cds2-typography-body-xs-semibold);
  justify-content: center;
  align-items: center;
  width: fit-content;
  display: flex;

  &[data-size="md"] {
    height: var(--cds2-dimension-component-sm);
    min-width: var(--cds2-dimension-component-sm);
    padding: 0 var(--cds2-spacing-sm);
  }

  &[data-size="sm"] {
    height: var(--cds2-dimension-component-xs);
    min-width: var(--cds2-dimension-component-xs);
    padding: 0 var(--cds2-spacing-xs);
  }

  &[data-variant="dot"] {
    height: var(--cds2-dimension-icon-xs);
    min-width: unset;
    width: var(--cds2-dimension-icon-xs);
    padding: 0;
  }

  &[data-appearance="info"] {
    background-color: var(--cds2-color-background-info-solid-default);
    color: var(--cds2-color-foreground-info-contrast);
  }

  &[data-appearance="success"] {
    background-color: var(--cds2-color-background-success-solid-default);
    color: var(--cds2-color-foreground-success-contrast);
  }

  &[data-appearance="warning"] {
    background-color: var(--cds2-color-background-warning-solid-default);
    color: var(--cds2-color-foreground-warning-contrast);
  }

  &[data-appearance="danger"] {
    background-color: var(--cds2-color-background-danger-solid-default);
    color: var(--cds2-color-foreground-danger-contrast);
  }

  &[data-appearance="neutral"] {
    background-color: var(--cds2-color-background-neutral-solid-default);
    color: var(--cds2-color-foreground-neutral-contrast);
  }
}

.capra-Badge-module-_3WihW-base {
  --_badge-offset-x: 0px;
  --_badge-offset-y: 0px;
  width: fit-content;
  display: inline-block;
  position: relative;

  & .capra-Badge-module-_3WihW-badge {
    top: var(--_badge-offset-y);
    right: var(--_badge-offset-x);
    position: absolute;
    transform: translate(50%, -50%);
  }
}
.capra-ListItem-module-QN6vFW-__listItem-layout {
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  gap: var(--cds2-spacing-md);
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "capra-ListItem-module-QN6vFW-leading capra-ListItem-module-QN6vFW-content capra-ListItem-module-QN6vFW-trailing";
  display: grid;
}

.capra-ListItem-module-QN6vFW-listItem {
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-normal);
  width: 100%;
}

.capra-ListItem-module-QN6vFW-slots {
  font: var(--cds2-typography-body-md-normal);
  align-items: center;
  gap: var(--cds2-spacing-md);
  min-height: var(--cds2-dimension-component-sm);
  grid-column: capra-ListItem-module-QN6vFW-leading;
  display: flex;

  &[data-trailing="true"] {
    grid-column: capra-ListItem-module-QN6vFW-trailing;
  }
}

.capra-ListItem-module-QN6vFW-slot {
  min-width: var(--cds2-dimension-component-xs);
  justify-content: center;
  align-items: center;
  display: flex;
}

.capra-ListItem-module-QN6vFW-content {
  column-gap: var(--cds2-spacing-md);
  grid-template: "capra-ListItem-module-QN6vFW-label capra-ListItem-module-QN6vFW-suffix"
                 "capra-ListItem-module-QN6vFW-description capra-ListItem-module-QN6vFW-description"
                 / 1fr auto;
  grid-column: capra-ListItem-module-QN6vFW-content;
  display: grid;
}

.capra-ListItem-module-QN6vFW-label {
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-normal);
  grid-area: capra-ListItem-module-QN6vFW-label;
  overflow: hidden;
}

.capra-ListItem-module-QN6vFW-suffix {
  color: var(--cds2-color-foreground-subtle);
  font: var(--cds2-typography-body-sm-normal);
  grid-area: capra-ListItem-module-QN6vFW-suffix;
  justify-self: end;
}

.capra-ListItem-module-QN6vFW-description {
  color: var(--cds2-color-foreground-subtle);
  font: var(--cds2-typography-body-sm-normal);
  grid-area: capra-ListItem-module-QN6vFW-description;
}
.capra-Pill-module-xa3pfa-pill {
  align-items: center;
  gap: var(--cds2-spacing-sm);
  height: var(--cds2-dimension-component-sm);
  width: fit-content;
  padding: 0 var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-full);
  text-wrap: nowrap;
  font: var(--cds2-typography-body-sm-normal);

  &:is(div) {
    display: flex;
  }

  &:is(span) {
    display: inline-flex;
  }

  & .capra-Pill-module-xa3pfa-icon {
    height: var(--cds2-dimension-icon-sm);
    width: var(--cds2-dimension-icon-sm);
    align-items: center;
    display: flex;
  }

  &[data-variant="bold"] {
    border: none;
  }

  &[data-variant="muted"] {
    border: var(--cds2-border-default);
  }

  &[data-variant="outline"] {
    border: var(--cds2-border-default);
    background-color: #0000;
  }

  &[data-appearance="default"] {
    color: var(--cds2-color-foreground-default);

    &[data-variant="bold"] {
      background-color: var(--cds2-color-background-neutral-default);
    }

    &[data-variant="muted"] {
      background-color: var(--cds2-color-background-neutral-subtle);
      border-color: var(--cds2-color-border-neutral-subtle);
    }

    &[data-variant="outline"] {
      border-color: var(--cds2-color-border-neutral-subtle);
    }
  }

  &[data-appearance="info"] {
    &[data-variant="bold"] {
      background-color: var(--cds2-color-background-info-solid-default);
      color: var(--cds2-color-foreground-info-contrast);
    }

    &[data-variant="muted"] {
      background-color: var(--cds2-color-background-info-subtle);
      border-color: var(--cds2-color-border-info-subtle);
      color: var(--cds2-color-foreground-info-default);
    }

    &[data-variant="outline"] {
      border-color: var(--cds2-color-border-info-subtle);
      color: var(--cds2-color-foreground-info-default);
    }
  }

  &[data-appearance="danger"] {
    &[data-variant="bold"] {
      background-color: var(--cds2-color-background-danger-solid-default);
      color: var(--cds2-color-foreground-danger-contrast);
    }

    &[data-variant="muted"] {
      background-color: var(--cds2-color-background-danger-subtle);
      border-color: var(--cds2-color-border-danger-subtle);
      color: var(--cds2-color-foreground-danger-default);
    }

    &[data-variant="outline"] {
      border-color: var(--cds2-color-border-danger-subtle);
      color: var(--cds2-color-foreground-danger-default);
    }
  }

  &[data-appearance="warning"] {
    &[data-variant="bold"] {
      background-color: var(--cds2-color-background-warning-solid-default);
      color: var(--cds2-color-foreground-warning-contrast);
    }

    &[data-variant="muted"] {
      background-color: var(--cds2-color-background-warning-subtle);
      border-color: var(--cds2-color-border-warning-subtle);
      color: var(--cds2-color-foreground-warning-default);
    }

    &[data-variant="outline"] {
      border-color: var(--cds2-color-border-warning-subtle);
      color: var(--cds2-color-foreground-warning-default);
    }
  }

  &[data-appearance="success"] {
    &[data-variant="bold"] {
      background-color: var(--cds2-color-background-success-solid-default);
      color: var(--cds2-color-foreground-success-contrast);
    }

    &[data-variant="muted"] {
      background-color: var(--cds2-color-background-success-subtle);
      border-color: var(--cds2-color-border-success-subtle);
      color: var(--cds2-color-foreground-success-default);
    }

    &[data-variant="outline"] {
      border-color: var(--cds2-color-border-success-subtle);
      color: var(--cds2-color-foreground-success-default);
    }
  }

  &[data-appearance="highlight"] {
    &[data-variant="bold"] {
      background-color: var(--cds2-color-background-highlight-solid-default);
      color: var(--cds2-color-foreground-highlight-contrast);
    }

    &[data-variant="muted"] {
      background-color: var(--cds2-color-background-highlight-subtle);
      border-color: var(--cds2-color-border-highlight-subtle);
      color: var(--cds2-color-foreground-highlight-default);
    }

    &[data-variant="outline"] {
      border-color: var(--cds2-color-border-highlight-subtle);
      color: var(--cds2-color-foreground-highlight-default);
    }
  }
}
.capra-Radio-module-ZI7rzq-root {
  align-items: center;
  gap: var(--cds2-spacing-md);
  display: flex;
}

.capra-Radio-module-ZI7rzq-base {
  border-radius: var(--cds2-radius-full);
  height: var(--cds2-dimension-component-xs);
  width: var(--cds2-dimension-component-xs);
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;

  & input[type="radio"] {
    appearance: none;
    border-radius: var(--cds2-radius-full);
    cursor: pointer;
    opacity: 0;
    z-index: 1;
    outline: none;
    position: absolute;
    inset: 0;

    &:disabled {
      cursor: not-allowed;
    }
  }
}

.capra-Radio-module-ZI7rzq-inner {
  background: var(--cds2-color-background-surface);
  border-radius: var(--cds2-radius-full);
  border: var(--cds2-border-default);
  height: var(--cds2-dimension-component-xs);
  width: var(--cds2-dimension-component-xs);
  transition: border-color var(--cds2-motion-duration-medium-2),
    outline var(--cds2-motion-duration-medium-2);
  outline: none;
  display: block;
  position: relative;
  top: 0;
  left: 0;

  input:checked + & {
    background-color: var(--cds2-color-background-accent-indicator);
    border-color: #0000;
  }

  input:disabled + & {
    background: var(--cds2-color-background-disabled);
    border-color: var(--cds2-color-border-disabled);
  }

  input:focus-visible + & {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  input:hover:not(:disabled):not(:checked) + & {
    border-color: var(--cds2-color-border-accent-hover);
  }

  &:after {
    border-radius: var(--cds2-radius-full);
    content: "";
    height: var(--cds2-dimension-component-xs);
    margin-left: calc(var(--cds2-dimension-component-xs) / -2);
    margin-top: calc(var(--cds2-dimension-component-xs) / -2);
    opacity: 0;
    width: var(--cds2-dimension-component-xs);
    transition: opacity var(--cds2-motion-duration-medium-2),
      transform var(--cds2-motion-duration-medium-2);
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(0);
  }
}

input:checked + .capra-Radio-module-ZI7rzq-inner:after {
  opacity: 1;
  transform: scale(.5);
}

input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
  background: var(--cds2-color-foreground-on-disabled);
}
.capra-RadioGroup-module-YzgrBa-base {
  align-items: center;
  gap: var(--cds2-spacing-md);
  display: flex;

  &[data-layout="vertical"] {
    flex-direction: column;
    align-items: flex-start;
  }
}
.capra-RadioTile-module-iEQ2jG-base {
  background: var(--cds2-color-background-surface);
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  cursor: pointer;
  transition: background-color var(--cds2-motion-duration-medium-2),
    border-color var(--cds2-motion-duration-medium-2),
    outline var(--cds2-motion-duration-medium-2);
  outline: none;
  align-items: start;

  &[data-value] {
    padding: var(--cds2-spacing-md);
  }

  &[data-checked="true"] {
    background: var(--cds2-color-background-accent-selected);
    border-color: var(--cds2-color-border-accent-strong);
  }

  &[data-disabled="true"] {
    border-color: var(--cds2-color-border-disabled);
    cursor: not-allowed;

    & * {
      color: var(--cds2-color-foreground-disabled);
    }
  }

  &[data-focused="true"] {
    outline-offset: var(--cds2-spacing-xs);
    outline: var(--cds2-border-focus);

    & input + *, & input:focus + * {
      outline: none;
    }
  }

  &:hover:not([data-disabled="true"], [data-checked="true"]) {
    border-color: var(--cds2-color-border-accent-strong);
  }
}
.capra-Switch-module-j8Yc-q-switch {
  --_cds-switch-height: var(--cds2-dimension-component-sm);
  --_cds-switch-width: var(--cds2-dimension-component-xl);
  --_cds-switch-handle-spacing: var(--cds2-spacing-xs);
  --_cds-switch-handle-size: calc(var(--_cds-switch-height) - var(--_cds-switch-handle-spacing) * 2);
  --_cds-switch-handle-translate: calc(var(--_cds-switch-width) - var(--_cds-switch-handle-size) - var(--_cds-switch-handle-spacing) * 2);
  --_cds-switch-handle-checked-left: calc(var(--_cds-switch-handle-spacing) + var(--_cds-switch-handle-translate));
  --_cds-switch-handle-horizontal-extension: calc(var(--_cds-switch-handle-size) * .3);
  -webkit-appearance: none;
  appearance: none;
  background: var(--cds2-color-neutral-track);
  border-radius: var(--cds2-radius-full);
  box-sizing: border-box;
  cursor: pointer;
  height: var(--_cds-switch-height);
  transition: background var(--cds2-motion-duration-medium-1) ease-in-out;
  width: var(--_cds-switch-width);
  border: none;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.capra-Switch-module-j8Yc-q-switch[data-size="sm"] {
  --_cds-switch-height: var(--cds2-dimension-component-xs);
  --_cds-switch-width: var(--cds2-dimension-component-md);
}

.capra-Switch-module-j8Yc-q-switch[data-disabled="true"], .capra-Switch-module-j8Yc-q-switch:disabled {
  background: var(--cds2-color-neutral-a4);
  cursor: not-allowed;

  &:checked {
    background: var(--cds2-color-accent-a4);
  }

  &:before {
    background: var(--cds2-color-background-neutral-subtle);
  }
}

.capra-Switch-module-j8Yc-q-switch:focus-visible {
  outline: var(--cds2-border-focus);
  outline-offset: var(--cds2-spacing-xs);
}

.capra-Switch-module-j8Yc-q-switch:before {
  content: "";
  top: var(--_cds-switch-handle-spacing);
  width: var(--_cds-switch-handle-size);
  height: var(--_cds-switch-handle-size);
  border-radius: var(--cds2-radius-full);
  box-shadow: 0 0 1px 1px var(--cds2-core-color-black-a2),
    0 1px 1px var(--cds2-core-color-black-a1),
    0 2px 4px -1px var(--cds2-core-color-black-a1);
  inset-inline-start: var(--_cds-switch-handle-spacing);
  left: var(--_cds-switch-handle-spacing);
  transition: left var(--cds2-motion-duration-medium-1) ease-in-out,
    width var(--cds2-motion-duration-medium-1) ease-in-out,
    box-shadow var(--cds2-motion-duration-medium-1) ease-in-out;
  z-index: 1;
  background: #fff;
  position: absolute;
}

.capra-Switch-module-j8Yc-q-switch:checked:not(:disabled) {
  background: var(--cds2-color-accent-track);
}

.capra-Switch-module-j8Yc-q-switch:checked:before {
  left: var(--_cds-switch-handle-checked-left);
}

.capra-Switch-module-j8Yc-q-switch:not(:disabled):active:before {
  width: calc(var(--_cds-switch-handle-size) + var(--_cds-switch-handle-horizontal-extension));
}

.capra-Switch-module-j8Yc-q-switch:checked:not(:disabled):active:before {
  left: calc(var(--_cds-switch-handle-checked-left) - var(--_cds-switch-handle-horizontal-extension));
}

@media (prefers-reduced-motion: reduce) {
  .capra-Switch-module-j8Yc-q-switch, .capra-Switch-module-j8Yc-q-switch:before {
    transition: none;
  }
}
.capra-Tag-module-y2Yzjq-base {
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  justify-content: space-between;
  align-items: center;
  gap: var(--cds2-spacing-sm);
  padding: 0 var(--cds2-spacing-md);
  display: inline-flex;

  &[data-size="md"] {
    height: var(--cds2-dimension-component-sm);
    min-width: var(--cds2-dimension-component-sm);

    & .capra-Tag-module-y2Yzjq-label {
      font: var(--cds2-typography-body-sm-normal);
    }
  }

  &[data-size="sm"] {
    height: var(--cds2-dimension-component-xs);
    min-width: var(--cds2-dimension-component-xs);

    & .capra-Tag-module-y2Yzjq-label {
      font: var(--cds2-typography-body-xs-normal);
    }
  }
}

.capra-Tag-module-y2Yzjq-dragHandle {
  cursor: move;
}

.capra-Tag-module-y2Yzjq-base[data-color="default"] {
  background-color: var(--cds2-color-background-neutral-subtle);
  border-color: var(--cds2-color-border-neutral-subtle);
  color: var(--cds2-color-foreground-subtle);
}

.capra-Tag-module-y2Yzjq-base[data-color="accent"] {
  background-color: var(--cds2-color-background-accent-subtle);
  border-color: var(--cds2-color-border-accent-subtle);
  color: var(--cds2-color-foreground-accent-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="danger"] {
  background-color: var(--cds2-color-background-danger-subtle);
  border-color: var(--cds2-color-border-danger-subtle);
  color: var(--cds2-color-foreground-danger-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="warning"] {
  background-color: var(--cds2-color-background-warning-subtle);
  border-color: var(--cds2-color-border-warning-subtle);
  color: var(--cds2-color-foreground-warning-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="info"] {
  background-color: var(--cds2-color-background-info-subtle);
  border-color: var(--cds2-color-border-info-subtle);
  color: var(--cds2-color-foreground-info-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="success"] {
  background-color: var(--cds2-color-background-success-subtle);
  border-color: var(--cds2-color-border-success-subtle);
  color: var(--cds2-color-foreground-success-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="highlight"] {
  background-color: var(--cds2-color-background-highlight-subtle);
  border-color: var(--cds2-color-border-highlight-subtle);
  color: var(--cds2-color-foreground-highlight-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="brand"] {
  background-color: var(--cds2-color-background-brand-subtle);
  border-color: var(--cds2-color-border-brand-subtle);
  color: var(--cds2-color-foreground-brand-default);
}

.capra-Tag-module-y2Yzjq-base[data-color="amber"] {
  background-color: var(--cds2-core-color-amber-a2);
  border-color: var(--cds2-core-color-amber-a6);
  color: var(--cds2-core-color-amber-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="blue"] {
  background-color: var(--cds2-core-color-blue-a2);
  border-color: var(--cds2-core-color-blue-a6);
  color: var(--cds2-core-color-blue-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="bronze"] {
  background-color: var(--cds2-core-color-bronze-a2);
  border-color: var(--cds2-core-color-bronze-a6);
  color: var(--cds2-core-color-bronze-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="brown"] {
  background-color: var(--cds2-core-color-brown-a2);
  border-color: var(--cds2-core-color-brown-a6);
  color: var(--cds2-core-color-brown-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="criblTeal"] {
  background-color: var(--cds2-core-color-cribl-teal-a2);
  border-color: var(--cds2-core-color-cribl-teal-a6);
  color: var(--cds2-core-color-cribl-teal-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="crimson"] {
  background-color: var(--cds2-core-color-crimson-a2);
  border-color: var(--cds2-core-color-crimson-a6);
  color: var(--cds2-core-color-crimson-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="cyan"] {
  background-color: var(--cds2-core-color-cyan-a2);
  border-color: var(--cds2-core-color-cyan-a6);
  color: var(--cds2-core-color-cyan-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="gold"] {
  background-color: var(--cds2-core-color-gold-a2);
  border-color: var(--cds2-core-color-gold-a6);
  color: var(--cds2-core-color-gold-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="grass"] {
  background-color: var(--cds2-core-color-grass-a2);
  border-color: var(--cds2-core-color-grass-a6);
  color: var(--cds2-core-color-grass-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="green"] {
  background-color: var(--cds2-core-color-green-a2);
  border-color: var(--cds2-core-color-green-a6);
  color: var(--cds2-core-color-green-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="indigo"] {
  background-color: var(--cds2-core-color-indigo-a2);
  border-color: var(--cds2-core-color-indigo-a6);
  color: var(--cds2-core-color-indigo-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="iris"] {
  background-color: var(--cds2-core-color-iris-a2);
  border-color: var(--cds2-core-color-iris-a6);
  color: var(--cds2-core-color-iris-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="jade"] {
  background-color: var(--cds2-core-color-jade-a2);
  border-color: var(--cds2-core-color-jade-a6);
  color: var(--cds2-core-color-jade-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="lime"] {
  background-color: var(--cds2-core-color-lime-a2);
  border-color: var(--cds2-core-color-lime-a6);
  color: var(--cds2-core-color-lime-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="mint"] {
  background-color: var(--cds2-core-color-mint-a2);
  border-color: var(--cds2-core-color-mint-a6);
  color: var(--cds2-core-color-mint-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="orange"] {
  background-color: var(--cds2-core-color-orange-a2);
  border-color: var(--cds2-core-color-orange-a6);
  color: var(--cds2-core-color-orange-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="pink"] {
  background-color: var(--cds2-core-color-pink-a2);
  border-color: var(--cds2-core-color-pink-a6);
  color: var(--cds2-core-color-pink-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="plum"] {
  background-color: var(--cds2-core-color-plum-a2);
  border-color: var(--cds2-core-color-plum-a6);
  color: var(--cds2-core-color-plum-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="purple"] {
  background-color: var(--cds2-core-color-purple-a2);
  border-color: var(--cds2-core-color-purple-a6);
  color: var(--cds2-core-color-purple-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="red"] {
  background-color: var(--cds2-core-color-red-a2);
  border-color: var(--cds2-core-color-red-a6);
  color: var(--cds2-core-color-red-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="ruby"] {
  background-color: var(--cds2-core-color-ruby-a2);
  border-color: var(--cds2-core-color-ruby-a6);
  color: var(--cds2-core-color-ruby-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="sky"] {
  background-color: var(--cds2-core-color-sky-a2);
  border-color: var(--cds2-core-color-sky-a6);
  color: var(--cds2-core-color-sky-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="teal"] {
  background-color: var(--cds2-core-color-teal-a2);
  border-color: var(--cds2-core-color-teal-a6);
  color: var(--cds2-core-color-teal-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="tomato"] {
  background-color: var(--cds2-core-color-tomato-a2);
  border-color: var(--cds2-core-color-tomato-a6);
  color: var(--cds2-core-color-tomato-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="violet"] {
  background-color: var(--cds2-core-color-violet-a2);
  border-color: var(--cds2-core-color-violet-a6);
  color: var(--cds2-core-color-violet-a11);
}

.capra-Tag-module-y2Yzjq-base[data-color="yellow"] {
  background-color: var(--cds2-core-color-yellow-a2);
  border-color: var(--cds2-core-color-yellow-a6);
  color: var(--cds2-core-color-yellow-a11);
}
.capra-Checkbox-module-EcGsRq-base {
  gap: var(--cds2-spacing-md);
  align-items: center;
  display: flex;

  &[data-has-label="true"] {
    align-items: baseline;
  }

  & input[type="checkbox"] {
    appearance: none;
    cursor: pointer;
    border: var(--cds2-border-default);
    border-radius: var(--cds2-radius-md);
    height: var(--cds2-dimension-component-xs);
    width: var(--cds2-dimension-component-xs);
    background-color: var(--cds2-color-background-surface);
    transition: border-color var(--cds2-motion-duration-short) ease,
      background-color var(--cds2-motion-duration-short) ease;
    display: block;

    &:checked:where(:not([data-indeterminate="true"]):not(:disabled)) {
      background-color: var(--cds2-color-background-accent-indicator);
      border: none;
    }

    &[data-indeterminate="true"]:where(:not(:disabled)) {
      background-color: var(--cds2-color-background-accent-indicator);
      color: var(--cds2-color-foreground-danger-contrast);
      border: none;
    }

    &:hover:where(:not([data-indeterminate="true"]):not(:disabled)) {
      border-color: var(--cds2-color-border-accent-strong);
    }

    &:disabled {
      cursor: not-allowed;
      border-color: var(--cds2-color-border-disabled);
      background-color: var(--cds2-color-background-disabled);
    }

    &:focus-visible {
      outline: var(--cds2-border-focus);
      outline-offset: var(--cds2-spacing-xs);
    }
  }

  &[data-disabled="true"] {
    cursor: not-allowed;
    color: var(--cds2-color-foreground-disabled);

    & .capra-Checkbox-module-EcGsRq-input {
      color: var(--cds2-color-foreground-on-disabled);
    }

    & label {
      cursor: not-allowed;
      color: var(--cds2-color-foreground-disabled);
    }
  }
}

.capra-Checkbox-module-EcGsRq-input {
  height: var(--cds2-dimension-component-xs);
  width: var(--cds2-dimension-component-xs);
  color: var(--cds2-color-foreground-accent-contrast);
  position: relative;
  transform: translateY(3px);

  & > svg {
    pointer-events: none;
    margin: auto;
    position: absolute;
    inset: 0;
  }
}

.capra-Checkbox-module-EcGsRq-base[data-has-label="false"] .capra-Checkbox-module-EcGsRq-input {
  transform: none;
}

.capra-Checkbox-module-EcGsRq-label {
  color: var(--cds2-color-foreground-default);
  cursor: pointer;
  font: var(--cds2-typography-body-md-normal);
}
.capra-Collapse-module-n6NT_q-root {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  color: var(--cds2-color-foreground-default);
  background: var(--cds2-color-background-panel-solid);
  border: var(--cds2-border-default);
  border-radius: var(--cds2-radius-md);
  box-shadow: var(--cds2-shadow-button);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.capra-Collapse-module-n6NT_q-header {
  box-sizing: border-box;
  align-items: center;
  gap: var(--cds2-spacing-md);
  width: 100%;
  min-width: 0;
  padding-block: var(--cds2-spacing-md);
  padding-inline: var(--cds2-spacing-lg);
  flex-direction: row;
  display: flex;
}

.capra-Collapse-module-n6NT_q-trigger {
  all: unset;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: var(--cds2-dimension-component-md);
  color: inherit;
  cursor: pointer;
  transition: color var(--cds2-motion-duration-medium-2) ease;
  align-items: center;
  display: flex;

  &[data-focus-visible] .capra-Collapse-module-n6NT_q-triggerContent {
    outline: var(--cds2-border-focus);
    outline-offset: 2px;
  }

  &[data-disabled] {
    cursor: default;
    color: var(--cds2-color-foreground-disabled);

    & .capra-Collapse-module-n6NT_q-title {
      color: var(--cds2-color-foreground-disabled);
    }
  }
}

.capra-Collapse-module-n6NT_q-triggerContent {
  align-items: center;
  gap: var(--cds2-spacing-sm);
  border-radius: var(--cds2-radius-md);
  min-width: 0;
  display: inline-flex;
}

.capra-Collapse-module-n6NT_q-chevron {
  color: var(--cds2-color-foreground-subtle);
  transition: transform var(--cds2-motion-duration-medium-2) ease;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.capra-Collapse-module-n6NT_q-root[data-expanded] .capra-Collapse-module-n6NT_q-chevron {
  transform: rotate(90deg);
}

.capra-Collapse-module-n6NT_q-title {
  min-width: 0;
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-normal);
  flex: 0 auto;
}

.capra-Collapse-module-n6NT_q-actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--cds2-spacing-sm);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: inline-flex;
}

.capra-Collapse-module-n6NT_q-panel {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: var(--disclosure-panel-height, auto);
  transition: height var(--cds2-motion-duration-medium-2) ease;
  overflow: hidden;
}

.capra-Collapse-module-n6NT_q-root[data-expanded] .capra-Collapse-module-n6NT_q-panel {
  border-top: var(--cds2-border-default);
}

.capra-Collapse-module-n6NT_q-panelInner {
  padding-block: var(--cds2-spacing-md);
  padding-inline: var(--cds2-spacing-lg);
  font: var(--cds2-typography-body-md-normal);
  color: var(--cds2-color-foreground-neutral-default);
}

@media (prefers-reduced-motion: reduce) {
  .capra-Collapse-module-n6NT_q-trigger, .capra-Collapse-module-n6NT_q-chevron, .capra-Collapse-module-n6NT_q-panel {
    transition: none;
  }
}
.capra-InputRow-module-hUHSXW-row {
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  display: flex;

  & > [data-capra-field-root] {
    display: contents;
  }

  & > [data-capra-text-input] {
    flex: 1 1 0;
    min-width: 0;
  }

  & > [data-capra-input-row-addon] {
    flex: none;
  }

  & > [data-capra-input-row-addon]:not(:first-child), & > [data-capra-text-input]:not(:first-child), & > [data-capra-field-root]:not(:first-child) :where([data-capra-text-input]) {
    margin-inline-start: -1px;
  }

  & > :focus-within {
    z-index: 1;
  }

  & > :not(:only-child):not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  & > :not(:only-child):not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.capra-InputRow-module-hUHSXW-addon {
  box-sizing: border-box;
  align-items: center;
  gap: var(--cds2-spacing-md);
  padding-inline: var(--cds2-spacing-md);
  border: var(--cds2-border-default);
  border-color: var(--cds2-temporary-input-border-primary);
  background-color: var(--cds2-brand-core-gray-25);
  color: var(--cds2-temporary-input-foreground-primary);
  white-space: nowrap;
  display: inline-flex;

  &[data-size="md"] {
    min-height: var(--cds2-dimension-component-md);
    font: var(--cds2-typography-body-md-normal);
  }

  &[data-size="sm"] {
    min-height: var(--cds2-dimension-component-sm);
    font: var(--cds2-typography-body-sm-normal);
  }
}

.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
  border-top-left-radius: var(--cds2-radius-md);
  border-bottom-left-radius: var(--cds2-radius-md);
}

.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
  border-top-right-radius: var(--cds2-radius-md);
  border-bottom-right-radius: var(--cds2-radius-md);
}

.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:only-child {
  border-radius: var(--cds2-radius-md);
}
.capra-NumberField-module-crO5za-withStepper {
  align-items: stretch;

  & input {
    -moz-appearance: textfield;
    appearance: textfield;

    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
      appearance: none;
      margin: 0;
    }
  }
}

.capra-NumberField-module-crO5za-slotAlign {
  align-self: center;
}

.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepper {
  border-left: var(--cds2-border-default);
  border-color: var(--cds2-temporary-input-border-primary);
  border-radius: 0 var(--cds2-radius-md) var(--cds2-radius-md) 0;
  width: 28px;
  min-width: 28px;
  transition: opacity var(--cds2-motion-duration-short) ease;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  margin-inline-end: calc(-1 * var(--cds2-spacing-md));
  display: flex;
  overflow: hidden;
}

.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepButton {
  background: var(--cds2-temporary-input-background-primary);
  min-height: 0;
  color: var(--cds2-color-foreground-subtle);
  cursor: pointer;
  border: none;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;

  &:disabled {
    cursor: not-allowed;
    color: var(--cds2-temporary-input-foreground-disabled);
  }

  &:focus-visible {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
    z-index: 1;
  }
}

.capra-NumberField-module-crO5za-withStepper:has(input:disabled) .capra-NumberField-module-crO5za-stepper, .capra-NumberField-module-crO5za-withStepper:has(input:read-only) .capra-NumberField-module-crO5za-stepper {
  display: none;
}

.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepDivider {
  border-top: var(--cds2-border-default);
  border-color: var(--cds2-temporary-input-border-primary);
  flex-shrink: 0;
  height: 0;
}

.capra-NumberField-module-crO5za-withStepper .capra-NumberField-module-crO5za-stepIcon {
  line-height: 0;
  display: inline-flex;
}
.capra-DatePickerField-module-F3cFEa-datePickerField[data-open="true"] [data-capra-text-input] {
  border-color: var(--cds2-color-background-accent-solid-active);
}

.capra-DatePickerField-module-F3cFEa-datePickerShell {
  box-sizing: border-box;
  gap: var(--cds2-spacing-md);
  padding-inline: var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-md);
}

.capra-DatePickerField-module-F3cFEa-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-F3cFEa-datePickerShell:hover {
  border-color: var(--cds2-temporary-input-border-highlight);
}

.capra-DatePickerField-module-F3cFEa-datePickerField:not([data-disabled="true"], [data-readonly="true"]) .capra-DatePickerField-module-F3cFEa-datePickerShell:has([data-focused="true"]) {
  outline: var(--cds2-border-focus);
  outline-offset: var(--cds2-spacing-xs);
  border-color: var(--cds2-temporary-input-border-highlight);
}

.capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell, .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
  background-color: var(--cds2-temporary-input-background-disabled);
  border-color: var(--cds2-temporary-input-border-disabled);
  color: var(--cds2-temporary-input-foreground-disabled);
}

.capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
  cursor: default;
}

.capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-datePickerShell {
  cursor: not-allowed;
}

.capra-DatePickerField-module-F3cFEa-dateInputShell {
  flex: auto;
  min-width: 0;
  position: relative;
}

.capra-DatePickerField-module-F3cFEa-dateInputShell[data-show-string-placeholder="true"] .capra-DatePickerField-module-F3cFEa-dateInput {
  opacity: 0;
}

.capra-DatePickerField-module-F3cFEa-stringPlaceholder {
  max-width: 100%;
  font: inherit;
  color: var(--cds2-temporary-input-foreground-placeholder);
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  align-items: center;
  display: flex;
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  overflow: hidden;
}

.capra-DatePickerField-module-F3cFEa-datePickerField[data-disabled="true"] .capra-DatePickerField-module-F3cFEa-stringPlaceholder, .capra-DatePickerField-module-F3cFEa-datePickerField[data-readonly="true"] .capra-DatePickerField-module-F3cFEa-stringPlaceholder {
  color: var(--cds2-temporary-input-foreground-disabled);
}

.capra-DatePickerField-module-F3cFEa-dateInput {
  min-width: 0;
  color: var(--cds2-color-foreground-default);
  align-items: center;
  gap: var(--cds2-spacing-xs);
  scrollbar-width: none;
  flex: auto;
  display: flex;
  overflow-x: auto;
  padding: 0 var(--cds2-spacing-sm) !important;
  margin: 0 calc(-1 * var(--cds2-spacing-sm)) !important;

  &::-webkit-scrollbar {
    display: none;
  }
}

.capra-DatePickerField-module-F3cFEa-segment {
  padding: 0 var(--cds2-spacing-xs);
  border-radius: var(--cds2-radius-md);
  font: inherit;
  color: inherit;
  cursor: default;
  white-space: nowrap;
  outline: none;

  &[data-type="literal"] {
    padding-inline: var(--cds2-spacing-xs);
    color: var(--cds2-color-foreground-subtle);
  }

  &[data-placeholder="true"] {
    color: var(--cds2-temporary-input-foreground-placeholder);
  }

  &[data-readonly="true"], &[data-disabled="true"] {
    cursor: not-allowed;
    color: var(--cds2-temporary-input-foreground-disabled);
  }

  &[data-focused="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }
}

.capra-DatePickerField-module-F3cFEa-calendarButton {
  box-sizing: border-box;
  min-width: var(--cds2-dimension-component-sm);
  min-height: var(--cds2-dimension-component-sm);
  border-radius: var(--cds2-radius-md);
  color: var(--cds2-color-foreground-subtle);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;

  &[data-disabled="true"] {
    cursor: not-allowed;
    color: var(--cds2-temporary-input-foreground-disabled);
  }

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
    z-index: 1;
  }
}

.capra-DatePickerField-module-F3cFEa-popover {
  padding: calc(var(--cds2-spacing-md) + var(--cds2-spacing-sm));
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  border-color: var(--cds2-temporary-input-border-primary);
  background: var(--cds2-temporary-input-background-primary);
  box-shadow: var(--cds2-shadow-medium-down);
}

.capra-DatePickerField-module-F3cFEa-dialog {
  outline: none;
}

.capra-DatePickerField-module-F3cFEa-calendar {
  gap: var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-md);
  flex-direction: column;
  width: 224px;
  min-width: 224px;
  display: flex;
}

.capra-DatePickerField-module-F3cFEa-calendarHeader {
  justify-content: space-between;
  align-items: center;
  gap: var(--cds2-spacing-md);
  box-sizing: border-box;
  width: 100%;
  padding: var(--cds2-spacing-md);
  display: flex;
}

.capra-DatePickerField-module-F3cFEa-calendarHeaderLeading, .capra-DatePickerField-module-F3cFEa-calendarHeaderTrailing {
  align-items: center;
  gap: var(--cds2-spacing-sm);
  flex-shrink: 0;
  width: 52px;
  display: flex;
}

.capra-DatePickerField-module-F3cFEa-calendarHeaderTrailing {
  justify-content: flex-end;
}

.capra-DatePickerField-module-F3cFEa-navButton {
  box-sizing: border-box;
  width: var(--cds2-dimension-component-sm);
  height: var(--cds2-dimension-component-sm);
  border-radius: var(--cds2-radius-md);
  color: var(--cds2-color-foreground-subtle);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;

  &[data-disabled="true"] {
    cursor: not-allowed;
    color: var(--cds2-temporary-input-foreground-disabled);
  }

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }
}

.capra-DatePickerField-module-F3cFEa-calendarTitle {
  text-align: center;
  min-width: 0;
  font: var(--cds2-typography-body-md-semibold);
  color: var(--cds2-color-foreground-default);
  flex: auto;
  margin: 0;
}

.capra-DatePickerField-module-F3cFEa-grid {
  table-layout: fixed;
  border-collapse: collapse;
  width: 224px;
  font: var(--cds2-typography-body-md-normal);

  & thead th {
    box-sizing: border-box;
    width: var(--cds2-dimension-component-md);
    height: var(--cds2-dimension-component-md);
    padding: 0 0 var(--cds2-spacing-md);
    font: var(--cds2-typography-body-md-normal);
    color: var(--cds2-color-foreground-default);
    text-align: center;
    vertical-align: middle;
  }

  & tbody td {
    box-sizing: border-box;
    width: var(--cds2-dimension-component-md);
    height: var(--cds2-dimension-component-md);
    padding: var(--cds2-spacing-sm);
    text-align: center;
    vertical-align: middle;
    background: none;
  }

  & tbody td:has( > [data-hovered="true"]):not(:has( > [data-selected="true"])) {
    background: var(--cds2-color-background-neutral-hover);
    border-radius: var(--cds2-radius-md);
  }
}

.capra-DatePickerField-module-F3cFEa-cell {
  box-sizing: border-box;
  width: var(--cds2-dimension-component-sm);
  height: var(--cds2-dimension-component-sm);
  min-width: var(--cds2-dimension-component-sm);
  min-height: var(--cds2-dimension-component-sm);
  border-radius: var(--cds2-radius-md);
  font: var(--cds2-typography-body-md-normal);
  color: var(--cds2-color-foreground-default);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;

  &[data-outside-month="true"] {
    color: var(--cds2-temporary-input-foreground-placeholder);
  }

  &[data-disabled="true"] {
    cursor: not-allowed;
    color: var(--cds2-temporary-input-foreground-disabled);
  }

  &[data-unavailable="true"] {
    cursor: not-allowed;
    color: var(--cds2-color-foreground-subtle);
    text-decoration: line-through;
  }

  &[data-selected="true"] {
    background: var(--cds2-color-background-accent-solid-default);
    color: var(--cds2-color-foreground-accent-contrast);
    border-color: #0000;
  }

  &[data-today="true"]:not([data-selected="true"]) {
    border-color: var(--cds2-color-border-accent-strong);
  }

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: 2px;
  }
}

.capra-DatePickerField-module-F3cFEa-fieldError {
  font: var(--cds2-typography-body-sm-normal);
  color: var(--cds2-color-foreground-danger-default);
  margin-block-start: var(--cds2-spacing-xs);
}
.capra-SelectField-module-1X4diq-triggerShell {
  border: var(--cds2-border-default);
  border-radius: var(--cds2-radius-md);
  background-color: var(--cds2-temporary-input-background-primary);
  width: 100%;
  min-width: 0;
  color: var(--cds2-temporary-input-foreground-primary);
  transition: border-color var(--cds2-motion-duration-short) ease,
    box-shadow var(--cds2-motion-duration-short) ease;
  align-items: center;
  display: inline-flex;

  &:not([data-disabled="true"]):hover {
    border-color: var(--cds2-temporary-input-border-highlight);
  }

  &[data-size="sm"] {
    min-height: var(--cds2-dimension-component-sm);
    padding-inline: var(--cds2-spacing-md);
    font: var(--cds2-typography-body-sm-normal);
  }

  &[data-size="md"] {
    min-height: var(--cds2-dimension-component-md);
    gap: var(--cds2-spacing-md);
    padding-inline: var(--cds2-spacing-md);
    font: var(--cds2-typography-body-md-normal);
  }

  &[data-disabled="true"] {
    background-color: var(--cds2-temporary-input-background-disabled);
    border-color: var(--cds2-temporary-input-border-disabled);
    color: var(--cds2-temporary-input-foreground-disabled);
    cursor: not-allowed;

    & .capra-SelectField-module-1X4diq-leadingSlot, & .capra-SelectField-module-1X4diq-trailingSlot, & .capra-SelectField-module-1X4diq-valueText, & .capra-SelectField-module-1X4diq-tag {
      color: var(--cds2-temporary-input-foreground-disabled);
    }
  }
}

.capra-SelectField-module-1X4diq-singleTrigger {
  &:focus-visible {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }
}

.capra-SelectField-module-1X4diq-multipleTrigger {
  overflow: hidden;

  &:has(.capra-SelectField-module-1X4diq-multipleOpenButton:focus-visible) {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &[data-empty]:not([data-disabled="true"]) {
    cursor: pointer;
  }
}

.capra-SelectField-module-1X4diq-multipleOpenButton {
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;

  &[data-disabled="true"] {
    cursor: not-allowed;
  }

  &:focus {
    outline: none;
  }
}

.capra-SelectField-module-1X4diq-leadingSlot, .capra-SelectField-module-1X4diq-trailingSlot {
  align-items: center;
  gap: var(--cds2-spacing-md);
  color: var(--cds2-color-foreground-subtle);
  flex-shrink: 0;
  display: inline-flex;
}

.capra-SelectField-module-1X4diq-value {
  align-items: center;
  gap: var(--cds2-spacing-sm);
  flex: auto;
  min-width: 0;
  display: flex;
}

.capra-SelectField-module-1X4diq-valueIcon {
  color: var(--cds2-color-foreground-subtle);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.capra-SelectField-module-1X4diq-valueText {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;

  &[data-placeholder] {
    color: var(--cds2-temporary-input-foreground-placeholder);
  }
}

.capra-SelectField-module-1X4diq-tagGroup {
  flex: auto;
  min-width: 0;
  display: flex;
}

.capra-SelectField-module-1X4diq-tagList {
  gap: var(--cds2-spacing-xs);
  min-width: 0;
  padding-block: var(--cds2-spacing-xs);
  outline: none;
  flex-wrap: wrap;
  flex: auto;
  display: flex;

  &[data-focus-visible] {
    outline: none;
  }

  & > * {
    flex-shrink: 0;
  }
}

.capra-SelectField-module-1X4diq-tag {
  justify-content: space-between;
  align-items: center;
  gap: var(--cds2-spacing-sm);
  padding: 0 var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  background-color: var(--cds2-color-background-neutral-subtle);
  color: var(--cds2-color-foreground-subtle);
  cursor: default;
  outline: none;
  display: inline-flex;

  &[data-size="md"] {
    height: var(--cds2-dimension-component-sm);
    min-width: var(--cds2-dimension-component-sm);
    font: var(--cds2-typography-body-sm-normal);
  }

  &[data-size="sm"] {
    height: var(--cds2-dimension-component-xs);
    min-width: var(--cds2-dimension-component-xs);
    font: var(--cds2-typography-body-xs-normal);
  }

  &[data-focus-visible] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &[data-disabled] {
    opacity: .6;
  }
}

.capra-SelectField-module-1X4diq-tagIcon {
  color: var(--cds2-color-foreground-subtle);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.capra-SelectField-module-1X4diq-tagLabel {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.capra-SelectField-module-1X4diq-tagRemove {
  width: var(--cds2-dimension-component-xs);
  height: var(--cds2-dimension-component-xs);
  border-radius: var(--cds2-radius-md);
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;

  &:hover {
    background-color: var(--cds-color-state-layer-hover);
  }

  &:focus-visible {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }
}

.capra-SelectField-module-1X4diq-chevron, .capra-SelectField-module-1X4diq-warningIndicator, .capra-SelectField-module-1X4diq-errorIndicator {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.capra-SelectField-module-1X4diq-warningIndicator {
  color: var(--cds2-color-foreground-warning-default);
}

.capra-SelectField-module-1X4diq-errorIndicator {
  color: var(--cds2-color-foreground-danger-default);
}

.capra-SelectField-module-1X4diq-dropdownPanel {
  gap: var(--cds2-spacing-sm);
  padding: var(--cds2-spacing-sm);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  border-radius: var(--cds2-radius-md);
  background: var(--cds2-color-background-panel-solid);
  box-shadow: var(--cds2-shadow-medium-down);
  flex-direction: column;
  display: flex;
}

.capra-SelectField-module-1X4diq-search {
  width: 100%;
}

.capra-SelectField-module-1X4diq-listbox {
  gap: var(--cds2-spacing-xs);
  flex-direction: column;
  max-height: 320px;
  display: flex;
  overflow-y: auto;
}

.capra-SelectField-module-1X4diq-emptyState {
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  color: var(--cds2-color-foreground-subtle);
  font: var(--cds2-typography-body-md-normal);
}

.capra-SelectField-module-1X4diq-section {
  display: contents;
}

.capra-SelectField-module-1X4diq-header {
  box-sizing: border-box;
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-semibold);
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  align-items: center;
  width: 100%;
  display: flex;
}

.capra-SelectField-module-1X4diq-dropdownPanel:focus-visible, .capra-SelectField-module-1X4diq-listbox:focus-visible {
  outline: none;
}

.capra-SelectField-module-1X4diq-item {
  border-radius: var(--cds2-radius-md);
  outline: none;

  &:focus {
    outline: none;
  }

  &[data-indent="true"] {
    padding-inline-start: var(--cds2-spacing-xl);
  }

  &[data-focused="true"] {
    background-color: var(--cds-color-state-layer-hover);
  }

  &[data-selected="true"] {
    background-color: var(--cds-color-state-layer-accent-selected);
    color: var(--cds2-color-foreground-default);
  }

  .capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-selected="true"] {
    color: var(--cds2-color-foreground-default);
    background: none;
  }

  .capra-SelectField-module-1X4diq-listbox[data-selection-mode="multiple"] &[data-focused="true"] {
    background-color: var(--cds-color-state-layer-hover);
  }

  &[data-disabled="true"] {
    background: var(--cds2-color-background-disabled);
    color: var(--cds2-color-foreground-on-disabled);
  }
}

.capra-SelectField-module-1X4diq-itemContent {
  align-items: center;
  gap: var(--cds2-spacing-sm);
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  display: flex;
}

.capra-SelectField-module-1X4diq-itemCheck {
  width: var(--cds2-dimension-icon-md);
  min-width: var(--cds2-dimension-icon-md);
  color: var(--cds2-color-foreground-default);
  justify-content: center;
  align-items: center;
  display: inline-flex;

  .capra-SelectField-module-1X4diq-item[data-disabled="true"] & {
    color: var(--cds2-color-foreground-on-disabled);
  }
}
.capra-DateRangePickerField-module-QpPhpG-dateRangeInputShell[data-show-string-placeholder="true"] .capra-DateRangePickerField-module-QpPhpG-dateInputsRow {
  opacity: 0;
}

.capra-DateRangePickerField-module-QpPhpG-dateInputsRow {
  align-items: center;
  gap: var(--cds2-spacing-xs);
  flex: auto;
  min-width: 0;
  display: flex;
}

.capra-DateRangePickerField-module-QpPhpG-stringPlaceholderRange {
  gap: var(--cds2-spacing-xs);
  white-space: normal;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.capra-DateRangePickerField-module-QpPhpG-stringPlaceholderText {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}

.capra-DateRangePickerField-module-QpPhpG-stringPlaceholderSwap {
  color: inherit;
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.capra-DateRangePickerField-module-QpPhpG-grid {
  table-layout: fixed;
  border-collapse: collapse;
  width: 224px;
  font: var(--cds2-typography-body-md-normal);

  & thead th {
    box-sizing: border-box;
    width: var(--cds2-dimension-component-md);
    height: var(--cds2-dimension-component-md);
    padding: 0 0 var(--cds2-spacing-md);
    font: var(--cds2-typography-body-md-normal);
    color: var(--cds2-color-foreground-default);
    text-align: center;
    vertical-align: middle;
  }

  & tbody td {
    box-sizing: border-box;
    width: var(--cds2-dimension-component-md);
    height: var(--cds2-dimension-component-md);
    padding: var(--cds2-spacing-sm);
    text-align: center;
    vertical-align: middle;
    background: none;
  }

  & tbody td:has( > [data-hovered="true"]):not(:has( > [data-selected="true"])):not(:has( > [data-capra-range-track])) {
    background: var(--cds2-color-background-neutral-hover);
    border-radius: var(--cds2-radius-md);
  }

  & tbody td:has( > [data-selected="true"]), & tbody td:has( > [data-capra-range-track]) {
    background-color: var(--cds2-color-background-accent-selected);
  }

  & tbody td:has( > [data-selected="true"][data-selection-start="true"][data-selection-end="true"]), & tbody td:has( > [data-capra-range-track][data-selection-start="true"][data-selection-end="true"]) {
    border-radius: var(--cds2-radius-md);
  }

  & tbody td:has( > [data-selected="true"][data-selection-start="true"]):not(:has( > [data-selection-end="true"])), & tbody td:has( > [data-capra-range-track][data-selection-start="true"]):not(:has( > [data-selection-end="true"])) {
    border-start-start-radius: var(--cds2-radius-md);
    border-end-start-radius: var(--cds2-radius-md);
  }

  & tbody td:has( > [data-selected="true"][data-selection-end="true"]):not(:has( > [data-selection-start="true"])), & tbody td:has( > [data-capra-range-track][data-selection-end="true"]):not(:has( > [data-selection-start="true"])) {
    border-start-end-radius: var(--cds2-radius-md);
    border-end-end-radius: var(--cds2-radius-md);
  }
}

.capra-DateRangePickerField-module-QpPhpG-cell {
  box-sizing: border-box;
  width: var(--cds2-dimension-component-sm);
  height: var(--cds2-dimension-component-sm);
  border-radius: var(--cds2-radius-md);
  font: var(--cds2-typography-body-md-normal);
  color: var(--cds2-color-foreground-default);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;

  &[data-outside-month="true"] {
    color: var(--cds2-temporary-input-foreground-placeholder);
  }

  &[data-disabled="true"] {
    cursor: not-allowed;
    color: var(--cds2-temporary-input-foreground-disabled);
  }

  &[data-unavailable="true"] {
    cursor: not-allowed;
    color: var(--cds2-color-foreground-subtle);
    text-decoration: line-through;
  }

  &[data-selected="true"]:not([data-selection-start="true"]):not([data-selection-end="true"]), &[data-capra-range-track]:not([data-selection-start="true"]):not([data-selection-end="true"]) {
    color: var(--cds2-color-foreground-default);
    background: none;
  }

  &[data-capra-range-track]:not([data-selection-start="true"]):not([data-selection-end="true"])[data-outside-month="true"] {
    color: var(--cds2-temporary-input-foreground-placeholder);
  }

  &[data-selected="true"][data-selection-start="true"], &[data-selected="true"][data-selection-end="true"], &[data-capra-range-track][data-selection-start="true"], &[data-capra-range-track][data-selection-end="true"] {
    background: var(--cds2-color-background-accent-solid-default);
    color: var(--cds2-color-foreground-accent-contrast);
    border-color: #0000;
  }

  &[data-today="true"]:not([data-selected="true"]):not([data-capra-range-track]) {
    border-color: var(--cds2-color-border-accent-strong);
  }

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: 2px;
  }
}
.capra-TextArea-module-mXpaDq-wrapper {
  background-color: var(--cds2-temporary-input-background-primary);
  border-color: var(--cds2-temporary-input-border-primary);
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  color: var(--cds2-temporary-input-foreground-primary);
  font: var(--cds2-typography-body-md-normal);
  width: 100%;
  min-width: 0;
  transition: border-color var(--cds2-motion-duration-short) ease,
    box-shadow var(--cds2-motion-duration-short) ease;
  outline: none;
  align-items: flex-start;
  display: flex;
  position: relative;

  &[data-has-indicator="true"] .capra-TextArea-module-mXpaDq-textarea {
    padding-inline-end: var(--cds2-spacing-xl);
  }

  &:hover:not([data-disabled="true"]):not([data-read-only="true"]) {
    border-color: var(--cds2-temporary-input-border-highlight);
  }

  &:has(textarea:focus-visible):not([data-disabled="true"]):not([data-read-only="true"]) {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &[data-disabled="true"], &[data-read-only="true"] {
    background-color: var(--cds2-temporary-input-background-disabled);
    border-color: var(--cds2-temporary-input-border-disabled);
    color: var(--cds2-temporary-input-foreground-disabled);

    & .capra-TextArea-module-mXpaDq-trailingRow {
      color: var(--cds2-temporary-input-foreground-disabled);
    }
  }

  &[data-read-only="true"] {
    cursor: default;

    & .capra-TextArea-module-mXpaDq-textarea {
      cursor: default;
    }
  }

  &[data-disabled="true"] {
    cursor: not-allowed;

    & .capra-TextArea-module-mXpaDq-textarea {
      cursor: not-allowed;
    }
  }

  & .capra-TextArea-module-mXpaDq-textarea {
    color: inherit;
    font: inherit;
    min-width: 0;
    min-height: 0;
    padding: 0;
    padding-block: var(--cds2-spacing-sm);
    padding-inline: var(--cds2-spacing-md);
    resize: vertical;
    background: none;
    border: none;
    outline: none;
    flex: auto;
    width: 100%;

    &::placeholder {
      color: var(--cds2-temporary-input-foreground-placeholder);
    }
  }

  &[data-resizable="false"] .capra-TextArea-module-mXpaDq-textarea {
    resize: none;
  }

  &[data-autosize="true"] .capra-TextArea-module-mXpaDq-textarea {
    resize: none;
    overflow-x: hidden;
  }

  & .capra-TextArea-module-mXpaDq-indicators {
    align-items: center;
    gap: var(--cds2-spacing-xs);
    right: var(--cds2-spacing-sm);
    top: var(--cds2-spacing-sm);
    display: inline-flex;
    position: absolute;
  }

  & .capra-TextArea-module-mXpaDq-errorIndicator, & .capra-TextArea-module-mXpaDq-warningIndicator {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  & .capra-TextArea-module-mXpaDq-errorIndicator {
    color: var(--cds2-color-foreground-danger-default);
  }

  & .capra-TextArea-module-mXpaDq-warningIndicator {
    color: var(--cds2-color-foreground-warning-default);
  }
}
.capra-Modal-module-gAoc6W-overlay {
  background-color: var(--cds2-color-background-scrim);
  animation: capra-Modal-module-gAoc6W-overlayShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
  z-index: 10000;
  position: fixed;
  inset: 0;
}

.capra-Modal-module-gAoc6W-surface {
  background-color: var(--cds2-color-background-panel-solid);
  border-radius: var(--cds2-radius-lg);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  box-shadow: var(--cds2-shadow-high-down);
  max-width: 100%;
  max-height: min(80vh, 100vh - 48px);
  animation: capra-Modal-module-gAoc6W-contentShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
  padding: 0;
  position: fixed;
  top: 10vh;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);

  &[data-size="sm"] {
    width: min(var(--cds2-dimension-modal-sm), calc(100vw - 48px));
  }

  &[data-size="md"] {
    width: min(var(--cds2-dimension-modal-md), calc(100vw - 48px));
  }

  &[data-size="lg"] {
    width: min(var(--cds2-dimension-modal-lg), calc(100vw - 48px));
  }
}

.capra-Modal-module-gAoc6W-dialog {
  grid-template-rows: max-content 1fr max-content;
  max-height: min(80vh, 100vh - 48px);
  display: grid;
}

.capra-Modal-module-gAoc6W-header {
  padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
  border-bottom: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  background-color: var(--cds2-color-background-neutral-subtle);
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--cds2-spacing-xl);
  display: flex;
}

.capra-Modal-module-gAoc6W-headerLeading {
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex: 1;
  display: flex;
}

.capra-Modal-module-gAoc6W-expandedTitleLayout {
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-direction: row;
  display: flex;
}

.capra-Modal-module-gAoc6W-content {
  padding: var(--cds2-spacing-lg);
  overflow-y: auto;
}

.capra-Modal-module-gAoc6W-footer {
  padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
  border-top: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  background-color: var(--cds2-color-background-neutral-subtle);
}

.capra-Modal-module-gAoc6W-expandedFooterLayout {
  justify-content: space-between;
  align-items: center;
  gap: var(--cds2-spacing-md);
  height: 100%;
  display: flex;
}

.capra-Modal-module-gAoc6W-footerActions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex: 0;
  height: 100%;
  display: flex;
}

.capra-Modal-module-gAoc6W-confirmationSurface {
  border-radius: var(--cds2-radius-md);
  width: min(400px, 100vw - 48px);
  box-shadow: var(--cds2-shadow-high-down);
  padding: var(--cds2-spacing-2xl) var(--cds2-spacing-2xl) var(--cds2-spacing-xl);
}

.capra-Modal-module-gAoc6W-confirmationLayout {
  align-items: flex-start;
  gap: var(--cds2-spacing-lg);
  display: flex;
}

.capra-Modal-module-gAoc6W-confirmationIcon {
  width: var(--cds2-dimension-component-sm);
  height: var(--cds2-dimension-component-sm);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;

  &[data-appearance="default"] {
    color: var(--cds2-color-foreground-warning-default);
  }

  &[data-appearance="info"] {
    color: var(--cds2-color-foreground-info-default);
  }

  &[data-appearance="danger"] {
    color: var(--cds2-color-foreground-danger-default);
  }

  &[data-appearance="warning"] {
    color: var(--cds2-color-foreground-warning-default);
  }

  &[data-appearance="success"] {
    color: var(--cds2-color-foreground-success-default);
  }
}

.capra-Modal-module-gAoc6W-confirmationBody {
  gap: var(--cds2-spacing-md);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.capra-Modal-module-gAoc6W-confirmationMessage {
  font: var(--cds2-typography-body-md-normal);
  margin: 0;
}

.capra-Modal-module-gAoc6W-confirmationActions {
  justify-content: flex-end;
  gap: var(--cds2-spacing-md);
  width: 100%;
  padding-top: var(--cds2-spacing-lg);
  display: flex;
}

@keyframes capra-Modal-module-gAoc6W-overlayShow {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes capra-Modal-module-gAoc6W-contentShow {
  from {
    opacity: 0;
    transform: translate(-50%, -20px) scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%) scale(1);
  }
}
.capra-Drawer-module-H0eofa-root {
  z-index: 1000;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.capra-Drawer-module-H0eofa-overlay {
  z-index: 0;
  pointer-events: auto;
  background-color: var(--cds2-color-background-scrim);
  position: fixed;
  inset: 0;
}

.capra-Drawer-module-H0eofa-sheet {
  z-index: 1;
  width: clamp(400px, var(--drawer-width, 480px), 80vw);
  pointer-events: auto;
  background-color: var(--cds2-color-background-panel-solid);
  outline: none;
  flex-direction: column;
  max-height: 100dvh;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
  box-shadow: var(--cds2-shadow-high-left);
  top: 0;
  bottom: 0;
  right: 0;
}

.capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
  box-shadow: var(--cds2-shadow-high-right);
  top: 0;
  bottom: 0;
  left: 0;
}

.capra-Drawer-module-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
  animation: capra-Drawer-module-H0eofa-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
}

.capra-Drawer-module-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
  animation: capra-Drawer-module-H0eofa-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
}

.capra-Drawer-module-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
  animation: capra-Drawer-module-H0eofa-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
}

.capra-Drawer-module-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
  animation: capra-Drawer-module-H0eofa-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
}

.capra-Drawer-module-H0eofa-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--cds2-spacing-md);
  padding: var(--cds2-spacing-lg);
  border-bottom: 1px solid var(--cds2-color-border-neutral-subtle);
  background-color: var(--cds2-color-background-neutral-subtle);
  flex-shrink: 0;
  display: flex;
}

.capra-Drawer-module-H0eofa-headerMain {
  gap: var(--cds2-spacing-xs);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.capra-Drawer-module-H0eofa-expandedTitleLayout {
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-direction: row;
  min-width: 0;
  display: flex;
}

.capra-Drawer-module-H0eofa-description {
  font: var(--cds2-typography-body-md-normal);
  color: var(--cds2-color-foreground-neutral-default);
  margin: 0;
}

.capra-Drawer-module-H0eofa-headerTrailing {
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-shrink: 0;
  display: flex;
}

.capra-Drawer-module-H0eofa-body {
  min-width: 0;
  min-height: 0;
  padding: var(--cds2-spacing-lg);
  background-color: var(--cds2-color-background-panel-solid);
  overflow-wrap: break-word;
  flex: 1;
  overflow: hidden auto;
}

.capra-Drawer-module-H0eofa-footer {
  justify-content: flex-end;
  align-items: center;
  gap: var(--cds2-spacing-md);
  padding: var(--cds2-spacing-lg);
  border-top: 1px solid var(--cds2-color-border-neutral-subtle);
  background-color: var(--cds2-color-background-neutral-subtle);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: flex;
}

@keyframes capra-Drawer-module-H0eofa-drawerInFromRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes capra-Drawer-module-H0eofa-drawerInFromLeft {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes capra-Drawer-module-H0eofa-drawerOutToRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes capra-Drawer-module-H0eofa-drawerOutToLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}
.capra-Popover-module-xlfP1a-popover {
  z-index: 1000;
  background-color: var(--cds2-color-background-panel-solid);
  border-radius: var(--cds2-radius-md);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  box-shadow: var(--cds2-shadow-medium-down);
  min-width: var(--cds2-dimension-component-md);
  flex-direction: column;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.capra-Popover-module-xlfP1a-content {
  width: 100%;
  padding: var(--cds2-spacing-md);
  overscroll-behavior-y: none;
  overflow-y: auto;

  &[data-padded="false"] {
    padding: 0;
  }
}
.capra-Ribbon-module-W8q2EW-ribbon {
  --_ribbon-background-color: var(--cds2-color-brand-10);
  --_ribbon-tail-color: var(--cds2-color-brand-a8);
  --_ribbon-foreground-color: var(--cds2-core-color-teal-contrast);
  background-color: var(--_ribbon-background-color);
  border-radius: var(--cds2-radius-md);
  color: var(--_ribbon-foreground-color);
  font: var(--cds2-typography-body-md-normal);
  align-items: center;
  gap: var(--cds2-spacing-md);
  padding-inline: var(--cds2-spacing-md);
  white-space: nowrap;
  width: fit-content;
  display: inline-flex;
  position: relative;

  &:after {
    border-color: var(--_ribbon-tail-color) transparent transparent transparent;
    content: "";
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -6px;
  }

  &[data-color="green"] {
    --_ribbon-background-color: var(--cds2-core-color-green-10);
    --_ribbon-tail-color: var(--cds2-core-color-green-a8);
    --_ribbon-foreground-color: var(--cds2-core-color-green-contrast);
  }

  &[data-color="orange"] {
    --_ribbon-background-color: var(--cds2-core-color-orange-10);
    --_ribbon-tail-color: var(--cds2-core-color-orange-a8);
    --_ribbon-foreground-color: var(--cds2-core-color-orange-contrast);
  }

  &[data-color="purple"] {
    --_ribbon-background-color: var(--cds2-core-color-purple-10);
    --_ribbon-tail-color: var(--cds2-core-color-purple-a8);
    --_ribbon-foreground-color: var(--cds2-core-color-purple-contrast);
  }

  &[data-color="red"] {
    --_ribbon-background-color: var(--cds2-core-color-red-10);
    --_ribbon-tail-color: var(--cds2-core-color-red-a8);
    --_ribbon-foreground-color: var(--cds2-core-color-red-contrast);
  }

  &[data-color="teal"] {
    --_ribbon-background-color: var(--cds2-color-brand-10);
    --_ribbon-tail-color: var(--cds2-color-brand-a8);
    --_ribbon-foreground-color: var(--cds2-core-color-teal-contrast);
  }

  &[data-position="right"] {
    border-bottom-right-radius: 0;

    &:after {
      border-width: 6px 6px 0 0;
      right: 0;
    }
  }

  &[data-position="left"] {
    border-bottom-left-radius: 0;

    &:after {
      border-width: 6px 0 0 6px;
      left: 0;
    }
  }
}

.capra-Ribbon-module-W8q2EW-iconLayout {
  display: contents;
}

.capra-Ribbon-module-W8q2EW-textLayout {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.capra-Anchor-module-6FCdJq-base {
  appearance: none;
  color: var(--cds2-color-foreground-default);
  cursor: pointer;
  text-align: left;
  width: 100%;
  padding-block: var(--cds2-spacing-sm);
  padding-inline: var(--cds2-spacing-xl);
  font: var(--cds2-typography-body-md-normal);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: none;
  text-decoration: none;
  display: block;
  overflow: hidden;

  &:hover {
    background-color: var(--cds2-color-background-accent-hover);
  }

  &:focus-visible {
    border-radius: var(--cds2-radius-md);
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &:active {
    background-color: var(--cds2-color-background-accent-selected);
  }

  &[data-state="active"] {
    background-color: var(--cds2-color-background-accent-selected);
    border-right: 3px solid var(--cds2-color-accent-a12);
  }

  &[data-state="disabled"] {
    cursor: not-allowed;
    color: var(--cds2-color-foreground-disabled);
    border: none;
  }
}
.capra-Link-module-7lYr7a-base {
  color: var(--cds2-color-foreground-accent-default);
  align-items: center;
  gap: var(--cds2-spacing-xs);
  flex-direction: row;
  display: inline-flex;
}

.capra-Link-module-7lYr7a-base:focus-visible {
  border-radius: var(--cds2-radius-md);
  outline: var(--cds2-border-focus);
  outline-offset: var(--cds2-spacing-xs);
}
.capra-VerticalNavigation-module-uKaYXq-nav {
  min-width: var(--cds-vertical-nav-width);
  padding: var(--cds2-spacing-md);
  background-color: var(--cds-color-navigation-background);
  box-sizing: border-box;
  transition: min-width var(--cds2-motion-duration-medium-2) ease,
    padding var(--cds2-motion-duration-medium-2) ease;
  flex-direction: column;
  display: flex;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] {
  min-width: var(--cds-vertical-nav-collapsed-width, calc(2 * var(--cds2-spacing-md) + var(--cds2-dimension-component-md)));
  padding-inline: var(--cds2-spacing-md);
}

.capra-VerticalNavigation-module-uKaYXq-list {
  padding: var(--cds2-spacing-xs);
  gap: var(--cds2-spacing-sm);
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  transition: padding var(--cds2-motion-duration-medium-2) ease;
  flex-direction: column;
  flex: 1;
  margin: 0;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-list {
  padding-inline-start: calc(var(--cds-spacing-md) - ((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2));
  padding-inline-end: calc((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2);
}

.capra-VerticalNavigation-module-uKaYXq-footer {
  padding: var(--cds2-spacing-xs);
  gap: var(--cds2-spacing-sm);
  margin: 0;
  margin-top: var(--cds2-spacing-sm);
  box-sizing: border-box;
  width: 100%;
  transition: padding var(--cds2-motion-duration-medium-2) ease;
  flex-direction: column;
  flex-shrink: 0;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-footer {
  padding-inline-start: calc(var(--cds-spacing-md) - ((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2));
  padding-inline-end: calc((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2);
}

.capra-VerticalNavigation-module-uKaYXq-listItem {
  width: 100%;
  height: var(--cds-vertical-nav-item-container-height, var(--cds2-dimension-component-md));
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.capra-VerticalNavigation-module-uKaYXq-item {
  width: 100%;
  height: var(--cds2-dimension-component-md);
  justify-content: flex-start;
  align-items: center;
  gap: var(--cds2-spacing-md);
  padding: 0 var(--cds2-spacing-md);
  border-radius: var(--cds2-radius-lg);
  color: var(--cds-color-navigation-foreground-default);
  font: var(--cds2-typography-body-sm-normal);
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color var(--cds2-motion-duration-medium-2) ease,
    border-color var(--cds2-motion-duration-medium-2) ease,
    width var(--cds2-motion-duration-medium-2) ease,
    height var(--cds2-motion-duration-medium-2) ease,
    gap var(--cds2-motion-duration-medium-2) ease,
    padding var(--cds2-motion-duration-medium-2) ease;
  background: none;
  border: none;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-item {
  width: var(--cds-core-dimension-300);
  height: var(--cds-core-dimension-300);
  padding: calc((var(--cds-core-dimension-300) - var(--cds2-dimension-icon-sm) - 2px) / 2);
  gap: 0;
}

.capra-VerticalNavigation-module-uKaYXq-item:not([data-disabled="true"], [data-active="true"]):hover {
  color: var(--cds-color-navigation-foreground-default);
  background-color: var(--cds-color-navigation-background-hover);
}

.capra-VerticalNavigation-module-uKaYXq-item:focus-visible {
  outline: var(--cds2-border-focus);
  outline-offset: var(--cds2-spacing-xs);
  overflow: visible;
}

.capra-VerticalNavigation-module-uKaYXq-item[data-active="true"] {
  background-color: var(--cds-color-navigation-background-selected);
  color: var(--cds-color-navigation-foreground-selected);
  border-color: #0000;
}

.capra-VerticalNavigation-module-uKaYXq-item[data-active="true"] .capra-VerticalNavigation-module-uKaYXq-label {
  font: var(--cds2-typography-body-sm-semibold);
}

.capra-VerticalNavigation-module-uKaYXq-item[data-disabled="true"] {
  color: var(--cds-color-foreground-disabled);
  cursor: not-allowed;
  opacity: var(--cds-opacity-state-disabled);
}

.capra-VerticalNavigation-module-uKaYXq-item .capra-VerticalNavigation-module-uKaYXq-label {
  line-height: var(--cds-typography-line-height-normal);
  color: inherit;
  font: inherit;
  white-space: nowrap;
  text-align: left;
  opacity: 1;
  min-width: 0;
  max-width: var(--cds-vertical-nav-label-max-width, 124px);
  text-overflow: ellipsis;
  transition: opacity var(--cds2-motion-duration-medium-2) ease,
    max-width var(--cds2-motion-duration-medium-2) ease;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-label {
  opacity: 0;
  max-width: 0;
}

.capra-VerticalNavigation-module-uKaYXq-right {
  justify-content: flex-end;
  align-items: center;
  gap: var(--cds2-spacing-xs);
  flex-shrink: 0;
  display: inline-flex;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-right {
  display: none;
}

.capra-VerticalNavigation-module-uKaYXq-listItem[data-variant="subItem"] {
  opacity: 1;
  max-height: var(--cds-vertical-nav-item-container-height, var(--cds-dimension-component-md));
  transform-origin: top;
  transition: opacity var(--cds2-motion-duration-medium-1) ease,
    max-height var(--cds2-motion-duration-medium-2) ease,
    transform var(--cds2-motion-duration-medium-2) ease,
    margin var(--cds2-motion-duration-medium-2) ease;
  transition-delay: var(--cds2-motion-duration-medium-1);
  overflow: hidden;
  transform: scaleY(1);
}

.capra-VerticalNavigation-module-uKaYXq-listItem:has(.capra-VerticalNavigation-module-uKaYXq-item:focus-visible) {
  overflow: visible;
}

.capra-VerticalNavigation-module-uKaYXq-nav[data-collapsed="true"] .capra-VerticalNavigation-module-uKaYXq-listItem[data-variant="subItem"] {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  max-height: 0;
  left: var(--cds-position-offscreen, -9999px);
  margin-top: 0;
  margin-bottom: 0;
  transition-delay: 0s;
  position: absolute;
  transform: scaleY(0);
}

.capra-VerticalNavigation-module-uKaYXq-indentSpacer {
  width: var(--cds2-dimension-icon-sm);
  height: var(--cds2-dimension-icon-sm);
  flex-shrink: 0;
}

@media (prefers-reduced-motion: reduce) {
  .capra-VerticalNavigation-module-uKaYXq-nav, .capra-VerticalNavigation-module-uKaYXq-item {
    transition: none;
  }
}
.capra-EmptyState-module-cL_fDa-base {
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-direction: column;
  display: flex;

  &[data-size="lg"] {
    margin-top: var(--cds2-spacing-xl);
    gap: var(--cds2-spacing-xl);

    & .capra-EmptyState-module-cL_fDa-content {
      gap: var(--cds2-spacing-md);
    }
  }
}

.capra-EmptyState-module-cL_fDa-content {
  gap: var(--cds2-spacing-sm);
  text-align: center;
  flex-direction: column;
  display: flex;
}
.capra-Pagination-module-OoQikq-root {
  align-items: center;
  gap: var(--cds2-spacing-md);
  display: inline-flex;
}

.capra-Pagination-module-OoQikq-input {
  box-sizing: border-box;
  width: 36px;
  height: var(--cds2-dimension-component-sm);
  padding: 0 var(--cds2-spacing-md);
  font: var(--cds2-typography-body-sm-normal);
  color: var(--cds2-color-foreground-default);
  background-color: var(--cds2-color-background-surface);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-default);
  border-radius: var(--cds2-radius-md);
  text-align: center;

  &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
  }

  &[type="number"] {
    appearance: textfield;
  }

  &:focus {
    outline: none;
  }

  &:focus-visible {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &:disabled {
    background-color: var(--cds2-color-background-disabled);
    color: var(--cds2-color-foreground-on-disabled);
    border-color: var(--cds2-color-border-disabled);
    cursor: not-allowed;
  }
}

.capra-Pagination-module-OoQikq-separator, .capra-Pagination-module-OoQikq-total {
  font: var(--cds2-typography-body-md-normal);
  color: var(--cds2-color-foreground-subtle);
  user-select: none;
}
.capra-Breadcrumbs-module-JdbUZG-breadcrumbs {
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.capra-Breadcrumbs-module-JdbUZG-item {
  align-items: center;
  max-width: 100%;
  display: inline-flex;
}

.capra-Breadcrumbs-module-JdbUZG-separator {
  margin-inline: var(--cds2-spacing-md);
  color: var(--cds2-color-foreground-subtle);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.capra-Breadcrumbs-module-JdbUZG-link {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 24px;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--cds2-radius-md);
  transition: color var(--cds2-motion-duration-medium-2) ease;
  cursor: default;
  outline: none;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;

  &:is(a) {
    cursor: pointer;

    &[data-hovered]:not([data-disabled]) {
      color: var(--cds2-color-foreground-accent-strong);
      text-decoration: underline;
    }
  }

  &[data-current] {
    text-decoration: none;
  }

  &[data-current][data-emphasize] {
    color: var(--cds2-color-foreground-default);
  }

  &[data-focus-visible] {
    outline: var(--cds2-border-focus);
    outline-offset: 2px;
    text-decoration: underline;
  }

  &[data-size="sm"] {
    color: var(--cds2-color-foreground-subtle);
  }

  &[data-disabled]:not([data-current]) {
    cursor: default;
    color: var(--cds2-color-foreground-disabled);
    text-decoration: none;
  }
}
.capra-Spinner-module-Gr9G6G-base {
  justify-content: center;
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.capra-Spinner-module-Gr9G6G-base, .capra-Spinner-module-Gr9G6G-wrapper {
  --_size: var(--cds2-dimension-icon-md);

  &[data-size="sm"] {
    --_size: var(--cds2-dimension-icon-sm);
  }

  &[data-size="lg"] {
    --_size: var(--cds2-dimension-icon-lg);
  }
}

.capra-Spinner-module-Gr9G6G-spinnerContainer {
  width: var(--_size);
  height: var(--_size);
  color: var(--cds2-color-accent-10);
}

.capra-Spinner-module-Gr9G6G-spinDots {
  width: var(--_size);
  height: var(--_size);
  animation-name: capra-Spinner-module-Gr9G6G-spinRotate;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: relative;
  transform: rotate(45deg);

  & i {
    width: calc(.5 * (var(--_size) - 2px));
    height: calc(.5 * (var(--_size) - 2px));
    transform-origin: 50%;
    opacity: .3;
    background: currentColor;
    border-radius: 100%;
    animation-name: capra-Spinner-module-Gr9G6G-spinOpacity;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    display: block;
    position: absolute;
    transform: scale(.75);

    &:first-child {
      animation-delay: 0s;
      top: 0;
      left: 0;
    }

    &:nth-child(2) {
      animation-delay: .4s;
      top: 0;
      right: 0;
    }

    &:nth-child(3) {
      animation-delay: .8s;
      bottom: 0;
      right: 0;
    }

    &:nth-child(4) {
      animation-delay: 1.2s;
      bottom: 0;
      left: 0;
    }
  }
}

@keyframes capra-Spinner-module-Gr9G6G-spinOpacity {
  to {
    opacity: 1;
  }
}

@keyframes capra-Spinner-module-Gr9G6G-spinRotate {
  to {
    transform: rotate(405deg);
  }
}

.capra-Spinner-module-Gr9G6G-wrapper {
  --_blur-radius: 2px;
  width: 100%;
  display: inline-block;
  position: relative;
}

.capra-Spinner-module-Gr9G6G-overlay {
  background-color: color-mix(in hsl, var(--cds2-color-background-scrim), transparent 25%);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--cds2-motion-duration-medium-2) ease-in-out;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;

  &[data-visible="true"] {
    opacity: 1;
    pointer-events: all;
  }
}

.capra-Spinner-module-Gr9G6G-overlaySpinner {
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-direction: column;
  display: flex;
}

.capra-Spinner-module-Gr9G6G-content {
  transition: filter var(--cds2-motion-duration-medium-2) ease-in-out;

  &[data-blurred="true"] {
    filter: blur(var(--_blur-radius));
    user-select: none;
  }
}
.capra-Divider-module-izBHNW-divider {
  box-sizing: border-box;
  border: none;
  margin: 0;

  &[aria-orientation="horizontal"] {
    border-block-start: var(--cds-border-primary);
    width: 100%;
    min-width: 0;
    height: 0;
    display: block;
  }

  &[aria-orientation="vertical"] {
    border-inline-start: var(--cds-border-primary);
    align-self: stretch;
    width: 0;
    height: auto;
    min-height: 1em;
    display: inline-block;
  }

  &.capra-Divider-module-izBHNW-withLabel {
    align-items: center;
    gap: var(--cds-spacing-lg, 16px);
    border-block-start: none;
    width: 100%;
    min-width: 0;
    height: auto;
    display: flex;
  }
}

.capra-Divider-module-izBHNW-line {
  border-block-start: var(--cds-border-primary);
  flex: auto;
  min-width: 0;
  height: 0;

  &:first-of-type {
    max-width: var(--cds-dimension-component-xs, 16px);
  }
}

.capra-Divider-module-izBHNW-label {
  flex: none;
}
.capra-Skeleton-module-EIu0mW-base {
  background-color: var(--cds2-color-neutral-a3);
  border-radius: var(--cds-radius-lg, 4px);
  display: inline-block;
}

.capra-Skeleton-module-EIu0mW-preset {
  gap: var(--cds-spacing-md, 16px);
  width: 100%;
  display: flex;
}

.capra-Skeleton-module-EIu0mW-presetSection {
  gap: var(--cds-spacing-md, 16px);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.capra-Skeleton-module-EIu0mW-presetTitle {
  background-color: var(--cds2-color-neutral-a3);
  border-radius: var(--cds-radius-lg, 4px);
  height: 16px;
}

.capra-Skeleton-module-EIu0mW-presetParagraph {
  gap: var(--cds-spacing-sm, 8px);
  flex-direction: column;
  display: flex;
}

.capra-Skeleton-module-EIu0mW-presetParagraphRow {
  background-color: var(--cds2-color-neutral-a3);
  border-radius: var(--cds-radius-lg, 4px);
  height: 16px;
}

.capra-Skeleton-module-EIu0mW-preset[data-round="true"] .capra-Skeleton-module-EIu0mW-presetTitle, .capra-Skeleton-module-EIu0mW-preset[data-round="true"] .capra-Skeleton-module-EIu0mW-presetParagraphRow {
  border-radius: var(--cds-radius-xl, 8px);
}

.capra-Skeleton-module-EIu0mW-element {
  background-color: var(--cds2-color-neutral-a3);
  border-radius: var(--cds-radius-lg, 4px);
  display: inline-block;

  &[data-round="true"] {
    border-radius: var(--cds-radius-xl, 8px);
  }

  &[data-block="true"] {
    width: 100%;
    display: block;
  }

  &[data-active="true"] {
    animation: 1s infinite alternate-reverse capra-Skeleton-module-EIu0mW-skeleton-pulse;
  }
}

.capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetTitle, .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetParagraphRow {
  animation: 1s infinite alternate-reverse capra-Skeleton-module-EIu0mW-skeleton-pulse;
}

@keyframes capra-Skeleton-module-EIu0mW-skeleton-pulse {
  from {
    background-color: var(--cds2-color-neutral-a3);
  }

  to {
    background-color: var(--cds2-color-neutral-a4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .capra-Skeleton-module-EIu0mW-element[data-active="true"], .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetTitle, .capra-Skeleton-module-EIu0mW-preset[data-active="true"] .capra-Skeleton-module-EIu0mW-presetParagraphRow {
    background-color: var(--cds2-color-neutral-a3);
    animation: none;
  }
}
.capra-Toast-module-p7lQQG-container {
  right: var(--cds2-spacing-lg);
  z-index: var(--cds-z-index-toast, 1100);
  align-items: flex-end;
  gap: var(--cds2-spacing-lg);
  pointer-events: none;
  flex-direction: column;
  display: flex;
  position: fixed;
}

.capra-Toast-module-p7lQQG-containerTopRight {
  top: var(--cds2-spacing-lg);
}

.capra-Toast-module-p7lQQG-containerBottomRight {
  bottom: var(--cds2-spacing-lg);
}

.capra-Toast-module-p7lQQG-toast {
  gap: var(--cds2-spacing-md);
  padding: var(--cds2-spacing-lg);
  border-radius: var(--cds2-radius-md);
  background-color: var(--cds2-color-background-panel-solid);
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-normal);
  box-shadow: var(--cds2-shadow-high-down);
  pointer-events: auto;
  flex-direction: column;
  width: fit-content;
  min-width: 360px;
  max-width: 480px;
  display: flex;
}

.capra-Toast-module-p7lQQG-topRow {
  align-items: flex-start;
  gap: var(--cds2-spacing-md);
  display: flex;
}

.capra-Toast-module-p7lQQG-typeIcon {
  color: var(--_cds-toast-icon-color);
  pointer-events: none;
  cursor: default;
  flex: none;
}

.capra-Toast-module-p7lQQG-content {
  flex: auto;
  min-width: 0;
}

.capra-Toast-module-p7lQQG-actionsContainer {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.capra-Toast-module-p7lQQG-toast[data-type="info"] {
  --_cds-toast-icon-color: var(--cds2-color-foreground-info-default);
}

.capra-Toast-module-p7lQQG-toast[data-type="success"] {
  --_cds-toast-icon-color: var(--cds2-color-foreground-success-default);
}

.capra-Toast-module-p7lQQG-toast[data-type="warning"] {
  --_cds-toast-icon-color: var(--cds2-color-foreground-warning-default);
}

.capra-Toast-module-p7lQQG-toast[data-type="error"] {
  --_cds-toast-icon-color: var(--cds2-color-foreground-danger-default);
}
.capra-Menu-module-HIhAFW-menu, .capra-Menu-module-HIhAFW-list {
  gap: var(--cds2-spacing-xs);
  box-sizing: border-box;
  min-width: 152px;
  max-width: 256px;
  min-height: 0;
  max-height: inherit;
  flex-direction: column;
  display: flex;
  overflow: auto;

  & > :not(:last-child):not(.capra-Menu-module-HIhAFW-divider):not(:has( + .capra-Menu-module-HIhAFW-divider)) {
    margin-block-end: var(--cds2-spacing-xs);
  }

  &:focus-visible {
    outline: none;
  }
}

.capra-Menu-module-HIhAFW-menu {
  padding: 5px;

  &[data-panel-padding="none"] {
    padding: var(--cds2-spacing-sm);
  }
}

.capra-Menu-module-HIhAFW-menuTriggerSlot {
  display: inline-block;
}

.capra-Menu-module-HIhAFW-menuItem {
  appearance: none;
  border-radius: var(--cds-radius-sm);
  color: var(--cds2-color-foreground-default);
  cursor: pointer;
  font: var(--cds2-typography-body-md-normal);
  min-height: var(--cds2-dimension-component-md);
  text-align: start;
  background: none;
  border: none;
  gap: 0;
  width: 100%;
  min-width: 152px;
  max-width: 256px;
  text-decoration: none;

  &:hover:not(:disabled, [aria-disabled="true"]) {
    background-color: var(--cds2-color-background-neutral-hover);
  }

  &:focus {
    outline: none;
  }

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &:is(:disabled, [aria-disabled="true"]) {
    color: var(--cds2-color-foreground-disabled);
    cursor: not-allowed;

    & .capra-Menu-module-HIhAFW-menuItemListItemShell, & .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItemDescription, & .capra-Menu-module-HIhAFW-menuItemShortcut {
      color: var(--cds2-color-foreground-disabled);
    }

    & .capra-Menu-module-HIhAFW-menuItemShortcut {
      background-color: var(--cds-color-background-secondary);
      border: var(--cds2-border-default);
    }
  }

  &[data-active="true"] {
    background-color: var(--cds2-color-background-accent-selected);
    color: var(--cds2-color-foreground-default);

    & .capra-Menu-module-HIhAFW-menuItemLabel {
      color: inherit;
    }
  }

  &[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
    background-color: var(--cds2-color-background-neutral-hover);
    color: var(--cds2-color-foreground-default);

    & .capra-Menu-module-HIhAFW-menuItemLabel {
      color: inherit;
    }
  }

  &[data-variant="danger"] {
    color: var(--cds2-color-foreground-danger-default);

    & .capra-Menu-module-HIhAFW-menuItemLabel {
      color: inherit;
    }

    &:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
      border: var(--cds2-border-default);
      color: var(--cds2-color-foreground-danger-default);
    }

    &:hover:not(:disabled, [aria-disabled="true"]) {
      background-color: var(--cds2-color-background-danger-subtle);
      color: var(--cds2-color-foreground-danger-default);
    }

    &[data-active="true"] {
      background-color: var(--cds2-color-background-danger-hover);
      color: var(--cds2-color-foreground-danger-default);

      &:hover:not(:disabled, [aria-disabled="true"]) {
        background-color: var(--cds2-color-background-danger-subtle);
      }
    }
  }

  &[data-indent="true"] {
    padding-inline-start: var(--cds2-spacing-xl);
  }

  &[data-has-description="true"] {
    & .capra-Menu-module-HIhAFW-menuItemTrailingGutter {
      align-self: center;
      height: auto !important;
    }

    & .capra-Menu-module-HIhAFW-menuItemListItemShell {
      align-items: start;
    }
  }

  & .capra-Menu-module-HIhAFW-menuItemListItemShell {
    width: 100%;
    color: inherit;
    align-items: center;
  }
}

.capra-Menu-module-HIhAFW-menuItemLeadingGutter {
  margin-inline-end: var(--cds2-spacing-md);

  & .capra-Menu-module-HIhAFW-slot {
    line-height: 0;
  }
}

.capra-Menu-module-HIhAFW-menuItemTrailingGutter {
  margin-inline-start: var(--cds2-spacing-md);
}

.capra-Menu-module-HIhAFW-menuItemTrailingGroup {
  align-items: center;
  gap: var(--cds2-spacing-md);
  display: inline-flex;
}

.capra-Menu-module-HIhAFW-menuItemLabel {
  color: inherit;
  font: var(--cds2-typography-body-md-normal);
}

.capra-Menu-module-HIhAFW-menuItemDescription {
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-sm-normal);
}

.capra-Menu-module-HIhAFW-menuItemShortcut {
  background-color: var(--cds2-color-neutral-surface);
  border: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  border-radius: var(--cds2-radius-md);
  color: var(--cds2-color-foreground-subtle);
  font: var(--cds2-typography-body-sm-normal);
  padding: 0 var(--cds2-spacing-sm);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.capra-Menu-module-HIhAFW-menu[data-item-hover-appearance="accent"] {
  & .capra-Menu-module-HIhAFW-menuItem {
    &:hover:not(:disabled, [aria-disabled="true"]) .capra-Menu-module-HIhAFW-menuItemShortcut {
      color: var(--cds2-color-foreground-subtle);
    }

    &:is(:disabled, [aria-disabled="true"]) {
      color: var(--cds2-color-foreground-disabled);
      background-color: #0000;

      &[data-active="true"] {
        background-color: #0000;
        border-inline-end: none;
      }

      &[data-active="true"] .capra-Menu-module-HIhAFW-menuItemLabel {
        font: var(--cds2-typography-body-md-normal);
      }
    }

    &[data-active="true"] {
      background-color: var(--cds2-color-background-accent-selected);
      border-inline-end: 2px solid var(--cds2-color-border-accent-default);
      color: var(--cds2-color-foreground-accent-default);

      & .capra-Menu-module-HIhAFW-menuItemLabel {
        color: var(--cds2-color-foreground-accent-default);
        font: var(--cds2-typography-body-md-semibold);
      }

      &:hover:not(:disabled, [aria-disabled="true"]) {
        background-color: var(--cds2-color-background-accent-selected);
        color: var(--cds2-color-foreground-accent-default);
      }
    }

    &[data-has-submenu][data-open]:not(:disabled, [aria-disabled="true"]) {
      background-color: var(--cds2-color-border-focus);
      border-inline-end: 2px solid var(--cds2-color-border-accent-default);
      color: var(--cds2-color-foreground-accent-default);

      & .capra-Menu-module-HIhAFW-menuItemLabel {
        color: var(--cds2-color-foreground-accent-default);
        font: var(--cds2-typography-body-md-semibold);
      }

      &:hover {
        background-color: var(--cds2-color-background-accent-selected);
      }
    }

    &[data-variant="danger"] {
      &:hover:not(:disabled, [aria-disabled="true"]) {
        background-color: var(--cds2-color-background-danger-subtle);
        color: var(--cds2-color-foreground-danger-default);

        & .capra-Menu-module-HIhAFW-menuItemLabel {
          font: var(--cds2-typography-body-md-normal);
        }
      }

      &[data-active="true"] {
        background-color: var(--cds2-color-border-danger-focus);
        border-inline-end: 2px solid var(--cds2-color-border-accent-default);
        color: var(--cds2-color-foreground-danger-default);

        & .capra-Menu-module-HIhAFW-menuItemLabel {
          color: var(--cds2-color-foreground-danger-default);
          font: var(--cds2-typography-body-md-semibold);
        }

        &:hover:not(:disabled, [aria-disabled="true"]) {
          background-color: var(--cds2-color-background-danger-subtle);
        }
      }
    }
  }

  &[data-item-active-accent-bar="false"] {
    & .capra-Menu-module-HIhAFW-menuItem[data-active="true"], & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] {
      border-inline-end: none;
    }
  }

  &[data-item-active-label-semibold="false"] {
    & .capra-Menu-module-HIhAFW-menuItem[data-active="true"] .capra-Menu-module-HIhAFW-menuItemLabel, & .capra-Menu-module-HIhAFW-menuItem[data-has-submenu][data-open] .capra-Menu-module-HIhAFW-menuItemLabel {
      font: var(--cds2-typography-body-md-normal);
    }
  }
}

.capra-Menu-module-HIhAFW-section {
  display: contents;
}

.capra-Menu-module-HIhAFW-header {
  box-sizing: border-box;
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-semibold);
  min-height: var(--cds2-dimension-component-md);
  padding: 0 var(--cds2-spacing-md);
  align-items: center;
  width: 100%;
  display: flex;
}

.capra-Menu-module-HIhAFW-divider {
  border: none;
  border-block-start: var(--cds2-border-default);
  border-color: var(--cds2-color-border-neutral-subtle);
  height: 0;
  margin-block: var(--cds2-spacing-sm);
  flex-shrink: 0;
  width: 100%;
  padding: 0;
}
.capra-TabNav-module-pLDWhG-root {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] {
  flex-direction: column-reverse;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] {
  flex-direction: row;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tabBar {
  border-block-end: none;
  border-inline-end: 1px solid var(--cds2-color-border-neutral-subtle);
  flex-direction: column;
  align-items: stretch;
  width: 180px;
  padding-inline-end: var(--cds2-spacing-lg);
}

.capra-TabNav-module-pLDWhG-tabBar {
  justify-content: space-between;
  align-items: center;
  gap: var(--cds2-spacing-md);
  flex-direction: row;
  margin-block-end: 0;
  display: flex;
}

.capra-TabNav-module-pLDWhG-tabBar:has(.capra-TabNav-module-pLDWhG-extraContent) {
  gap: var(--cds2-spacing-xl);
}

.capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] .capra-TabNav-module-pLDWhG-tabBar {
  border: none;
  margin-block-start: 0;
}

.capra-TabNav-module-pLDWhG-tabList {
  gap: var(--cds2-spacing-xl);
  flex-flow: wrap;
  display: flex;
}

.capra-TabNav-module-pLDWhG-root[data-wrap="nowrap"] .capra-TabNav-module-pLDWhG-tabList {
  flex-wrap: nowrap;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tabList {
  flex-flow: column;
  gap: 0;
  width: 100%;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tabList > :not(:last-child), .capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tabGroup > :not(:last-child), .capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-subTabList .capra-TabNav-module-pLDWhG-subTabListItem:not(:last-child) {
  margin-block-end: var(--cds2-spacing-md);
}

.capra-TabNav-module-pLDWhG-root[data-centered="true"] .capra-TabNav-module-pLDWhG-tabList {
  flex: 1;
  justify-content: center;
}

.capra-TabNav-module-pLDWhG-tab {
  appearance: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--cds2-spacing-sm);
  font: var(--cds2-typography-body-md-semibold);
  color: var(--cds2-color-foreground-subtle);
  height: var(--cds2-dimension-component-md);
  background: none;
  border: none;
  min-width: 24px;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
  position: relative;

  &:focus-visible {
    outline: 2px solid var(--cds2-color-border-accent-default);
    outline-offset: 2px;
    border-radius: var(--cds2-radius-md);
  }

  &:is(:disabled, [data-disabled="true"]) {
    cursor: not-allowed;
    color: var(--cds2-color-foreground-disabled);
  }
}

.capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] .capra-TabNav-module-pLDWhG-tab {
  border-bottom: 2px solid #0000;
  transition: none;
}

.capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] .capra-TabNav-module-pLDWhG-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
  border-bottom-color: var(--cds2-color-border-accent-default);
  color: var(--cds2-color-foreground-accent-default) !important;
}

.capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] .capra-TabNav-module-pLDWhG-tab[data-active="true"][data-disabled="true"] {
  border-bottom-color: #0000;
}

.capra-TabNav-module-pLDWhG-tab[data-active="true"] {
  color: var(--cds2-color-foreground-accent-default);
}

.capra-TabNav-module-pLDWhG-tabIcon {
  align-items: center;
  display: inline-flex;
}

.capra-TabNav-module-pLDWhG-tabLabel {
  white-space: nowrap;
}

.capra-TabNav-module-pLDWhG-indentSpacer {
  flex-shrink: 0;
  width: 16px;
  min-width: 16px;
}

.capra-TabNav-module-pLDWhG-dropdownIcon {
  color: inherit;
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-dropdownIcon {
  margin-inline-start: auto;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tab[data-expanded="false"] .capra-TabNav-module-pLDWhG-dropdownIcon svg {
  transform: rotate(-90deg);
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tab[data-expanded="true"] .capra-TabNav-module-pLDWhG-dropdownIcon svg {
  transform: none;
}

.capra-TabNav-module-pLDWhG-tabGroup {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  display: flex;
}

.capra-TabNav-module-pLDWhG-subTabList {
  flex-flow: column;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.capra-TabNav-module-pLDWhG-subTabListItem {
  margin: 0;
  padding: 0;
}

.capra-TabNav-module-pLDWhG-subTab {
  width: 100%;
}

.capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] .capra-TabNav-module-pLDWhG-tab[data-active="true"], .capra-TabNav-module-pLDWhG-root[data-placement="horizontal"] .capra-TabNav-module-pLDWhG-tab[data-submenu-open="true"] {
  border-bottom-color: var(--cds2-color-border-accent-default);
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tab {
  border-bottom: none;
  padding-block: 0;
  padding-inline: var(--cds2-spacing-md);
  border-inline-end: 2px solid #0000;
  justify-content: flex-start;
  width: 100%;
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tab[data-active="true"] {
  background-color: var(--cds2-color-background-accent-subtle);
  border-inline-end-color: var(--cds2-color-border-accent-default);
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
  background-color: var(--cds2-color-background-accent-selected);
  border-inline-end-color: var(--cds2-color-border-accent-strong);
  color: var(--cds2-color-foreground-accent-default);
}

.capra-TabNav-module-pLDWhG-root[data-placement="vertical"] .capra-TabNav-module-pLDWhG-tab[data-active="true"][data-disabled="true"] {
  background-color: #0000;
  border-inline-end-color: #0000;
}

.capra-TabNav-module-pLDWhG-extraContent {
  align-items: center;
  display: flex;
}

.capra-TabNav-module-pLDWhG-panel {
  font: var(--cds2-typography-body-md-normal);
  color: var(--cds2-color-foreground-default);
  flex: 1;
  padding-block-start: var(--cds2-spacing-lg);
}

.capra-TabNav-module-pLDWhG-subMenu {
  padding: var(--cds2-spacing-xs);
  min-width: 160px;
  margin: 0;
  list-style: none;
}

.capra-TabNav-module-pLDWhG-subMenuItem {
  appearance: none;
  text-align: start;
  width: 100%;
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  font: var(--cds2-typography-body-sm-normal);
  color: var(--cds2-color-foreground-default);
  border-radius: var(--cds2-radius-md);
  cursor: pointer;
  background: none;
  border: none;
  display: block;

  &:hover:not(:disabled) {
    background-color: var(--cds2-color-background-accent-hover);
  }

  &:focus-visible {
    outline: 2px solid var(--cds2-color-border-accent-default);
    outline-offset: 2px;
  }

  &:disabled {
    cursor: not-allowed;
    color: var(--cds2-color-foreground-disabled);
  }
}

.capra-TabNav-module-pLDWhG-subMenuItemActive {
  background-color: var(--cds2-color-background-accent-subtle);
  color: var(--cds2-color-foreground-accent-default);
  font: var(--cds2-typography-body-sm-semibold);
}
.capra-TopNav-module--oPinG-root {
  background-color: var(--cds-color-navigation-background, #f5f5f5);
  box-sizing: border-box;
  color: var(--cds2-color-foreground-default);
  align-items: center;
  column-gap: var(--cds2-spacing-md);
  min-block-size: var(--cds2-dimension-component-lg);
  padding-block: var(--cds2-spacing-none);
  padding-inline: var(--cds2-spacing-md);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  width: 100%;
  display: grid;
}

.capra-TopNav-module--oPinG-start {
  align-items: center;
  gap: var(--cds2-spacing-xl);
  grid-column: 1;
  justify-content: flex-start;
  justify-self: start;
  min-inline-size: 0;
  display: flex;
}

.capra-TopNav-module--oPinG-center {
  grid-column: 2;
  justify-content: center;
  justify-self: center;
  align-items: center;
  min-inline-size: 0;
  max-inline-size: 100%;
  display: flex;
}

.capra-TopNav-module--oPinG-end {
  align-items: center;
  gap: var(--cds2-spacing-md);
  grid-column: 3;
  justify-content: flex-end;
  justify-self: end;
  min-inline-size: 0;
  display: flex;
}
.capra-Tooltip-module-IEiZ6a-base {
  background-color: var(--cds2-color-neutral-12);
  color: var(--cds2-color-neutral-1);
  border-radius: var(--cds2-radius-xl);
  padding: var(--cds2-spacing-md);
  box-shadow: var(--cds2-shadow-low-down);
  transition: transform var(--cds2-motion-duration-medium-1),
    opacity var(--cds2-motion-duration-medium-1);
  line-height: 1;
  transform: translate3d(0, 0, 0);

  &[data-entering], &[data-exiting] {
    transform: var(--origin);
    opacity: 0;
  }

  &[data-placement="top"] {
    --origin: translateY(4px);
  }

  &[data-placement="bottom"] {
    --origin: translateY(-4px);

    & .capra-Tooltip-module-IEiZ6a-arrow {
      transform: rotate(180deg);
    }
  }

  &[data-placement="right"] {
    --origin: translateX(-4px);

    & .capra-Tooltip-module-IEiZ6a-arrow {
      transform: rotate(90deg);
    }
  }

  &[data-placement="left"] {
    --origin: translateX(4px);

    & .capra-Tooltip-module-IEiZ6a-arrow {
      transform: rotate(-90deg);
    }
  }
}

.capra-Tooltip-module-IEiZ6a-arrow {
  color: var(--cds2-color-neutral-12);
  display: block;
}

.capra-Tooltip-module-IEiZ6a-tooltipLayout {
  gap: var(--cds2-spacing-md);
  display: inline-flex;
}
.capra-ListItem-module-QN6vFW-__listItem-layout {
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
  gap: var(--cds2-spacing-md);
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "capra-ListItem-module-QN6vFW-leading capra-ListItem-module-QN6vFW-content capra-ListItem-module-QN6vFW-trailing";
  display: grid;
}

.capra-ListItem-module-QN6vFW-listItem {
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-normal);
  width: 100%;
}

.capra-ListItem-module-QN6vFW-slots {
  font: var(--cds2-typography-body-md-normal);
  align-items: center;
  gap: var(--cds2-spacing-md);
  min-height: var(--cds2-dimension-component-sm);
  grid-column: capra-ListItem-module-QN6vFW-leading;
  display: flex;

  &[data-trailing="true"] {
    grid-column: capra-ListItem-module-QN6vFW-trailing;
  }
}

.capra-ListItem-module-QN6vFW-slot {
  min-width: var(--cds2-dimension-component-xs);
  justify-content: center;
  align-items: center;
  display: flex;
}

.capra-ListItem-module-QN6vFW-content {
  column-gap: var(--cds2-spacing-md);
  grid-template: "capra-ListItem-module-QN6vFW-label capra-ListItem-module-QN6vFW-suffix"
                 "capra-ListItem-module-QN6vFW-description capra-ListItem-module-QN6vFW-description"
                 / 1fr auto;
  grid-column: capra-ListItem-module-QN6vFW-content;
  display: grid;
}

.capra-ListItem-module-QN6vFW-label {
  color: var(--cds2-color-foreground-default);
  font: var(--cds2-typography-body-md-normal);
  grid-area: capra-ListItem-module-QN6vFW-label;
  overflow: hidden;
}

.capra-ListItem-module-QN6vFW-suffix {
  color: var(--cds2-color-foreground-subtle);
  font: var(--cds2-typography-body-sm-normal);
  grid-area: capra-ListItem-module-QN6vFW-suffix;
  justify-self: end;
}

.capra-ListItem-module-QN6vFW-description {
  color: var(--cds2-color-foreground-subtle);
  font: var(--cds2-typography-body-sm-normal);
  grid-area: capra-ListItem-module-QN6vFW-description;
}

.capra-Tree-module--hXpBa-root {
  width: 100%;
  padding: var(--cds2-spacing-xs);
}

.capra-Tree-module--hXpBa-item {
  border-radius: var(--cds2-radius-md);
  color: var(--cds2-color-foreground-default);
  min-height: var(--cds2-dimension-component-sm);

  &[data-hovered="true"]:not([data-disabled="true"]) {
    background-color: var(--cds2-color-background-accent-hover);
  }

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }

  &[data-disabled="true"] {
    color: var(--cds2-color-foreground-disabled);
    cursor: not-allowed;

    & .capra-Tree-module--hXpBa-itemLabel, & .capra-Tree-module--hXpBa-itemSuffix, & .capra-Tree-module--hXpBa-chevronButton {
      color: var(--cds2-color-foreground-disabled);
    }
  }
}

.capra-Tree-module--hXpBa-indentSpacer {
  flex: 0 0 var(--cds2-dimension-component-xs);
  height: var(--cds2-dimension-component-md);
  width: var(--cds2-dimension-component-xs);
  margin-block: calc(-1 * var(--cds2-spacing-sm));
  display: block;
  position: relative;

  &:before {
    content: "";
    border-right: var(--cds2-border-default);
    z-index: -1;
    height: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - .5px);
  }
}

.capra-Tree-module--hXpBa-chevronButton {
  all: unset;
  border-radius: var(--cds2-radius-md);
  cursor: pointer;
  flex: 0 0 var(--cds2-dimension-component-sm);
  height: var(--cds2-dimension-component-sm);
  width: var(--cds2-dimension-component-sm);
  margin: calc(-1 * var(--cds2-spacing-sm));
  justify-content: center;
  align-items: center;
  display: inline-flex;

  &[data-focus-visible="true"] {
    outline: var(--cds2-border-focus);
    outline-offset: var(--cds2-spacing-xs);
  }
}

.capra-Tree-module--hXpBa-chevronIcon {
  transition: transform var(--cds2-motion-duration-medium-2) ease;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.capra-Tree-module--hXpBa-item[data-expanded="true"] .capra-Tree-module--hXpBa-chevronIcon {
  transform: rotate(90deg);
}

.capra-Tree-module--hXpBa-selectionCheckbox {
  flex: 0 0 var(--cds2-dimension-component-xs);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.capra-Tree-module--hXpBa-itemContent {
  grid-template-areas: "capra-Tree-module--hXpBa-label capra-Tree-module--hXpBa-suffix";
  grid-template-rows: unset;
  align-items: center;
}

.capra-Tree-module--hXpBa-itemLabel {
  color: var(--cds2-color-foreground-default);
}

.capra-Tree-module--hXpBa-itemSuffix {
  color: var(--cds2-color-foreground-subtle);
}

@media (prefers-reduced-motion: reduce) {
  .capra-Tree-module--hXpBa-chevronIcon {
    transition: none;
  }
}