@import 'io-sanita-theme/theme/bootstrap-italia-base-config';
@import 'io-sanita-theme/theme/io-sanita/components/blocks/skeleton';

.block.listing .map-template {
  .leaflet-container {
    width: 100%;
  }

  .map-wrapper {
    &.size_small {
      #geocoded-result {
        height: 400px;
        @media (max-width: #{map-get($grid-breakpoints, md)}) {
          height: 250px;
        }
      }
    }

    &.size_medium {
      #geocoded-result {
        height: 550px;
        @media (max-width: #{map-get($grid-breakpoints, md)}) {
          height: 370px;
        }
      }
    }

    &.size_large {
      #geocoded-result {
        height: 700px;
        @media (max-width: #{map-get($grid-breakpoints, md)}) {
          height: 500px;
        }
      }
    }
  }

  .template-skeleton {
    .map-skeleton {
      height: 300px;
      background-color: var(---skeleton-bg);
      @extend %skeleton-animation;
    }
  }
}