/* stylelint-disable */
@layer drv.components.card {
  .drv-card {
    display: flex;
    position: relative;
    flex-direction: column;
    block-size: 100%;
    border: 0.125rem solid var(--drv-color-ui-05, #e1e6ec);
    border-radius: 0.25rem;
  }
  .drv-card:has(.drv-card__header input:checked) {
    border-color: var(--drv-color-interactive-01, #083163);
  }
  .drv-card:has(.drv-card__header input:checked):hover {
    border-color: var(--drv-color-interactive-01-hover, #000000);
  }
  .drv-card--selected {
    border-color: var(--drv-color-interactive-01, #083163);
  }
  .drv-card--selected:hover {
    border-color: var(--drv-color-interactive-01-hover, #000000);
  }
  .drv-card--clickable:has(.drv-btn):focus-within, .drv-card--clickable:has(.drv-btn):hover {
    border-color: var(--drv-color-interactive-01-hover, #000000);
  }
  .drv-card--clickable .drv-card__actions .drv-btn:first-of-type::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
  }
  .drv-card__header {
    display: grid;
    grid-auto-rows: max-content;
    grid-template-areas: "title header-actions";
    grid-template-columns: 1fr auto;
    padding: 1rem;
    column-gap: 0.5rem;
    background-color: var(--drv-color-ui-06, #f0f2f5);
    row-gap: 0.5rem;
    border-start-start-radius: 0.125rem;
    border-start-end-radius: 0.125rem;
  }
  .drv-card__header drv-overflowmenu,
  .drv-card__header drv-checkbox,
  .drv-card__header drv-radiobutton,
  .drv-card__header .drv-btn {
    grid-area: header-actions;
    grid-row-end: span 2;
  }
  .drv-card__header *:not(drv-checkbox, drv-radiobutton, drv-button) {
    grid-column-start: 1;
  }
  .drv-card__header drv-checkbox,
  .drv-card__header drv-radiobutton {
    margin-block-start: -0.1875rem;
  }
  .drv-card__content {
    flex-grow: 1;
    padding: 1rem;
  }
  .drv-card__actions {
    margin-block-start: auto;
    padding: 1rem;
    padding-block-start: 0;
  }
  .drv-card__hgroup {
    display: block;
    grid-area: title;
    max-inline-size: 100%;
    overflow: hidden;
  }
  .drv-card__title, .drv-card__subtitle {
    font-size: var(--drv-font-title-medium-sm-font-size, 1.125rem);
    line-height: var(--drv-font-title-medium-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-title-medium-sm-letter-spacing, 0.3px);
    font-weight: var(--drv-font-title-medium-sm-font-weight, var(--drv-font-weight-bold, 600));
    display: block;
    min-inline-size: 0;
    max-inline-size: 100%;
    overflow: hidden;
    overflow: clip;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (min-width: 37.5rem) {
    .drv-card__title, .drv-card__subtitle {
      font-size: var(--drv-font-title-medium-md-font-size, 1.25rem);
      line-height: var(--drv-font-title-medium-md-line-height, 1.5);
    }
  }
  @media (min-width: 90rem) {
    .drv-card__title, .drv-card__subtitle {
      font-size: var(--drv-font-title-medium-xlg-font-size, 1.3125rem);
      line-height: var(--drv-font-title-medium-xlg-line-height, 1.5238095238);
    }
  }
  .drv-card__subtitle {
    font-size: var(--drv-font-label-02-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-02-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-02-sm-font-weight, var(--drv-font-weight-normal, 400));
  }
  @media (min-width: 64.0625rem) {
    .drv-card__subtitle {
      font-size: var(--drv-font-label-02-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-02-lg-line-height, 1.5333333333);
    }
  }
  .drv-card__image {
    display: grid;
    aspect-ratio: 4/3;
    position: relative;
  }
  .drv-card__image--portrait-2x3 {
    aspect-ratio: 2/3;
  }
  .drv-card__image--portrait-3x4 {
    aspect-ratio: 3/4;
  }
  .drv-card__image--landscape-4x3 {
    aspect-ratio: 4/3;
  }
  .drv-card__image--landscape-1x1 {
    aspect-ratio: 1/1;
  }
  .drv-card__image > * {
    font-size: var(--drv-font-label-02-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-02-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-02-sm-font-weight, var(--drv-font-weight-normal, 400));
    display: grid;
    align-content: center;
    block-size: auto;
    max-block-size: 100%;
    inline-size: auto;
    max-inline-size: 100%;
    margin: auto;
    background-color: var(--drv-color-interactive-disabled-02, #e9e9e9);
    text-align: center;
    aspect-ratio: inherit;
    justify-items: center;
  }
  @media (min-width: 64.0625rem) {
    .drv-card__image > * {
      font-size: var(--drv-font-label-02-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-02-lg-line-height, 1.5333333333);
    }
  }
  .drv-card__image > *:not(img) {
    inline-size: 100%;
    padding: 1rem;
  }
  .drv-card__image--fill > img {
    display: block;
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
  }
  .drv-card--overlayed-actions .drv-card__actions {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    position: absolute;
    z-index: 1;
    inline-size: 100%;
    padding: 1rem;
    transition-property: opacity;
    transition-duration: 200ms;
    border-end-start-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
    opacity: 0;
    inset-block-end: 0;
    background-color: color-mix(in srgb, var(--drv-color-ui-01, #ffffff) 90%, transparent);
  }
  .drv-card--overlayed-actions:focus-within .drv-card__actions, .drv-card--overlayed-actions:hover .drv-card__actions {
    transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
    opacity: 1;
  }
  .drv-card-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--drv-card-grid-min-size, 12.5rem), 1fr));
  }
}