@media all {

  .ce-type-dw_iconteasers {

    & > .ce-header {
      grid-column: 3 / -3;      
    }

    & > .ce-inner {
      --columns: 1;
      grid-gap: var(--page-grid-gap);
      grid-column: 3 / -3;
      display: grid;
      grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
      

      & > .ce-element-nested {
        grid-column: unset;
        display: flex;
        flex-direction: column;
        min-width: 0;
        justify-self: stretch;
        align-self: stretch;
        box-sizing: border-box;

        & .ce-inner {
          padding-top:  var(--element-gap-text);

          & .ce-text {
            text-align: center;
          }

        }

        & .ce-media {
          padding-top: var(--element-padding);
        }

        & .ce-media-svg-mask {
          display: grid;
          justify-content: center;
        }

        & .ce-media-file.ce-media-image img {
          display: block;
          width: auto;
          max-width: min(100%, var(--size-10));
          height: auto;
          max-height: var(--size-10);
          object-fit: contain;
          margin-inline: auto;
        }

      }

    }

  }

}

@media (min-width: 62.5rem) {

  .ce-type-dw_iconteasers {

    & > .ce-inner {
      width: 100%;
      max-width: none;
      margin-inline: 0;
      justify-items: stretch;
      justify-content: stretch;

      &[data-items-count="2"] ,
      &[data-items-count="4"] {
        --columns: 2;
      }

      &[data-items-count="3"] {
        --columns: 3;
      }

    }

  }

  .column-full .ce-type-dw_iconteasers {

    & > .ce-inner {

      &[data-items-count="4"] {
        --columns: 4;
      }

    }

  }

}