@import "~styles/mixins";

.map-structure {
  display: flex;
  max-width: 100%;
  padding: 0;

  @include medium {
    height: inherit;
  }

  .map-wrapper {
    height: calc(100vh - #{$height_global_header});
    top: $height_global_header;
    position: sticky;
    width: 40%;
    background-color: #ededed;

    @include medium {
      display: none;
    }
  }

  &.relative {
    .map-wrapper {
      height: 750px;
    }
  }
  .items-wrapper {
    width: 60%;

    padding: 30px 20px;
    position: relative;

    @include medium {
      width: 100%;
    }
  }
}
