.nut-grid {
  position: relative;
  &__scroll {
    padding: $grid-scroll-padding;
    .nut-grid__container {
      flex-wrap: nowrap;
    }
  }
  &__container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border: 0 solid $grid-border-color;
    overflow-y: auto;
    &::-webkit-scrollbar {
      height: 0;
      background-color: transparent;
    }
    &::-webkit-scrollbar-thumb {
      background-color: transparent;
    }
    &::-webkit-scrollbar-track {
      background-color: transparent;
    }
  }
  &__container--mp-scroll {
    overflow: hidden;
    width: fit-content;
    .nut-grid-item {
      flex: 1;
    }
  }
  &__scroll--screen {
    width: $grid-scroll-screen-width;
    height: $grid-scroll-screen-height;
    position: absolute;
    top: 50%;
    right: $grid-scroll-screen-right;
    transform: translateY(-50%);
    opacity: $grid-scroll-screen-opacity;
    background: #FFFFFF;
    box-shadow: $grid-scroll-screen-box-shadow;
    z-index: 2;
  }
  &__scroll--block {
    position: absolute;
    top: 0;
    right: 0;
    width: $grid-block-width;
    height: 100%;
    background-color: $grid-block-background;
    z-index: 3;
  }
  &__border {
    border-top-width: 1px;
    border-left-width: 1px;
  }
}