.media {
  &.gallery-wrapper {
    .gallery-main-wrapper {
      .items {
        &.list {
          .item {
            &.dir {
              .item-inner {
                .my-item-thumbnail {
                  display: flex;
                  height: 44px;
                }
              }
            }
          }
        }

        .item {
          &.dir {
            .item-inner {
              align-items: center;
              display: flex;
              height: 100%;

              .my-item-thumbnail {
                display: none;
              }

              .item-name {
                width: calc(100% - 35px);
              }
            }
          }
        }
        
        .item {
          .item-inner {
            .my-item-thumbnail {
              position: relative;

              .my-item-thumbnail-hover {
                bottom: 0;
                background: rgba(#000, 0.5);
                display: none;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;

                .insert-file-hover {
                  left: 50%;
                  position: absolute;
                  top: 50%;
                  transform: translate(-50%, -50%);
                }
              }
            }
          }
        }
        &:not(.list) {
          .item-inner {
            .my-item-thumbnail {
              &:hover {
                .my-item-thumbnail-hover {
                  display: block;
                }
              }
            }
          }
        }
      }
    }
  }
}
