.cards-standard {
  width: 100%;
  position: relative;
  background: var(--calcite-ui-background);
  border: solid 1px var(--calcite-ui-border-1); }
  .cards-standard *:focus,
  .cards-standard *:focus-within {
    outline: none; }
  .cards-standard:focus-within, .cards-standard:focus {
    box-shadow: 0 0 0 5px var(--calcite-ui-brand); }
  .cards-standard:hover, .cards-standard:focus {
    border: solid 1px var(--calcite-ui-brand-hover); }
    .cards-standard:hover .btn-play-container, .cards-standard:focus .btn-play-container {
      background-color: var(--calcite-ui-foreground-1); }
  .cards-standard--no-hover-border:hover, .cards-standard--no-hover-border:focus {
    border: solid 1px var(--calcite-ui-border-1); }
  .cards-standard__card {
    position: relative;
    width: 100%;
    display: inline-block;
    padding-bottom: var(--space-16); }
  .cards-standard__image {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden; }
    .cards-standard__image img {
      width: 100%;
      height: auto; }
  .cards-standard__card-link {
    width: 100%;
    height: 100%;
    display: block; }
    .cards-standard__card-link:hover, .cards-standard__card-link:focus {
      text-decoration: none; }
  .cards-standard .cards-standard__image .esri-text__category {
    display: block;
    position: absolute;
    bottom: 0;
    padding: var(--space-1) var(--space-5);
    width: 100%;
    letter-spacing: 0.2rem;
    background-color: var(--esri-ui-opacity85-inverse);
    margin-block-end: 0; }
  .cards-standard__right-column {
    width: 100%;
    position: relative; }
  .cards-standard .esri-text-container {
    padding: var(--space-3) var(--space-5) 0 var(--space-5); }
  .cards-standard .esri-text__title {
    margin-bottom: var(--space-3);
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-align: start; }
  .cards-standard__link-url {
    padding: 0 var(--space-5) var(--space-5) var(--space-5);
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0; }
    @media (max-width: 506px) {
      .cards-standard__link-url {
        display: none; } }
  .cards-standard__image-missing {
    padding-top: 22%;
    padding-bottom: 56.25%;
    background-color: var(--calcite-ui-danger);
    text-align: center;
    color: var(--calcite-ui-text-inverse); }