/* Bootstrap */
/* Vendors */
.block-shared--mosaic-grid {
  --spacer-y: var(--spacers-sm);
  --spacer-x: var(--spacers-xs);
  --grid-gap: var(--spacers-sm) var(--gutter-small);
  --grid-column: 1;
  --grid-columns: 1fr; }
  @media (min-width: 768px) {
    .block-shared--mosaic-grid {
      --spacer-y: var(--spacers-sm);
      --spacer-x: var(--spacers-sm);
      --grid-column: 2 span;
      --grid-columns: repeat(6, 1fr); } }
  @media (min-width: 992px) {
    .block-shared--mosaic-grid {
      --grid-gap: var(--spacers-md) var(--gutter-small); } }
  .block-shared--mosaic-grid .btn[aria-expanded="true"] {
    display: none !important; }
  .block-shared--mosaic-grid .collapsing {
    -webkit-transition: none !important;
    transition: none !important; }
  @media (min-width: 768px) {
    .block-shared--mosaic-grid .collapse {
      display: block !important; } }

.mosaic-grid {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: var(--grid-columns); }
  .mosaic-grid__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    grid-column: var(--grid-column); }
    @media (hover: hover) {
      .mosaic-grid__card.has-link:hover .mosaic-grid__header::after {
        opacity: 0; }
      .mosaic-grid__card.has-link:hover .mosaic-grid__content {
        -webkit-transform: translateX(1.25rem);
                transform: translateX(1.25rem); } }
    @media (min-width: 768px) {
      .mosaic-grid__card:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 3; } }
    .mosaic-grid__card:nth-child(1) .mosaic-grid__header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%; }
      .mosaic-grid__card:nth-child(1) .mosaic-grid__header::after {
        background-color: inherit;
        opacity: .2; }
      @media (max-width: 767.98px) {
        .mosaic-grid__card:nth-child(1) .mosaic-grid__header {
          margin-left: -1.25rem;
          margin-right: -1.25rem; } }
    @media (max-width: 767.98px) {
      .mosaic-grid__card:nth-child(1) .ratio::before {
        padding-top: 75vh; } }
    @media (min-width: 768px) {
      .mosaic-grid__card:nth-child(2) {
        grid-column-start: 4;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 1; }
        .mosaic-grid__card:nth-child(2) .ratio::before {
          padding-top: 49.15%; } }
    @media (min-width: 768px) {
      .mosaic-grid__card:nth-child(3) {
        grid-column-start: 4;
        grid-column-end: 7;
        grid-row-start: 2;
        grid-row-end: 2; }
        .mosaic-grid__card:nth-child(3) .ratio::before {
          padding-top: 49.15%; } }
  .mosaic-grid__header {
    position: relative; }
  .mosaic-grid__content {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.mosaic-grid-rest {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: var(--grid-columns); }
  .mosaic-grid-rest__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    grid-column: var(--grid-column); }
    @media (hover: hover) {
      .mosaic-grid-rest__card.has-link:hover .mosaic-grid-rest__header::after {
        opacity: 0; }
      .mosaic-grid-rest__card.has-link:hover .mosaic-grid-rest__content {
        -webkit-transform: translateX(1.25rem);
                transform: translateX(1.25rem); } }
  .mosaic-grid-rest__header {
    position: relative;
    overflow: hidden; }
  .mosaic-grid-rest__content {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }