.ui-dialog.pwa-modal {
  &.ui-widget-content {
    max-inline-size: 90%;
    padding: 1rem;
    border: none;
    border-radius: 1rem;
    background: var(--color-white);
    box-shadow:
      0 0.3125rem 0.625rem 0 rgba(0, 0, 0, 0.05),
      0 0.625rem 1.5625rem 0 rgba(50, 50, 93, 0.1);

    .ui-dialog-titlebar-close {
      inset-block-start: 0.875rem;
      inset-inline-end: 0.875rem;
      margin: 0;
    }

    .ui-button {
      inline-size: 1.5rem;
      block-size: 1.5rem;
      padding: 0;
      border: 0;
      background-color: transparent;
    }

    .ui-button .ui-icon {
      inline-size: 1.5rem;
      block-size: 1.5rem;
      background-image: url("../../images/icons/icon-close.svg");
      background-position: 0 0;
      background-size: contain;
    }

    .ui-widget-header {
      overflow: hidden;
      margin: -0.2em;
      color: var(--color-black);
      border: none;
      border-radius: 0;
      background: transparent;
      font-family: var(--font-base);
      font-size: 1.5rem;
      font-weight: 900;
      padding-inline: 1rem;
    }

    .spr-article-detail {
      padding-inline: 0;
    }

    .spr-article-detail__content {
      margin-block-end: 0.25rem;
    }

    @media screen and (min-width: 62rem) {
      padding: 2rem;
    }
  }

  #drupal-modal .spr-article-detail__mobile-functions {
    display: none;
  }
}