/* Component: layout */

.wpar-layout {
  max-width: 1128px;
  margin: 0 auto;
  padding: 16px 12px;
  display: grid;
  gap: 24px;
  align-items: start;
  grid-template-columns: 225px minmax(0, 1fr) 300px;
  grid-template-areas: "left main right";
}

.wpar-left {
  grid-area: left;
}

.wpar-right {
  grid-area: right;
}

.wpar-feed {
  grid-area: main;
  display: grid;
  gap: 20px;
  min-width: 0;
}

.wpar-feed__items {
  display: grid;
  gap: 20px;
  min-width: 0;
}

.wpar-left,
.wpar-right {
  position: sticky;
  top: calc(var(--wpar-top, 8px) + 72px);
  display: grid;
  gap: 16px;
  max-height: calc(100vh - var(--wpar-top, 0px) - 88px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 3px;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.wpar-left::-webkit-scrollbar,
.wpar-right::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}


@media (max-width: 1099px) {
  .wpar-layout {
    grid-template-columns: 225px minmax(0, 1fr);
    grid-template-areas: "left main" "left right";
  }
  .wpar-right {
    position: static;
  }
}

@media (max-width: 767px) {
  .wpar-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "left" "main" "right";
  }
  .wpar-left {
    position: static;
  }
}

.wpar-page-layout{max-width:1128px;margin:0 auto;padding:16px 12px 48px;display:block}.wpar-page-main{min-width:0}