.o-spreadsheet {
  .o-spreadsheet-bottom-bar {
    font-size: 15px;
    background-color: var(--os-background-gray-color);
    padding-left: var(--os-header-width);

    .o-sheet-item {
      cursor: pointer;
      &:hover {
        background-color: var(--os-background-gray-color-hover);
      }
    }

    .o-all-sheets {
      max-width: 70%;
      .o-bottom-bar-fade-out {
        background-image: linear-gradient(-90deg, var(--os-gray-400), transparent 1%);
      }
      .o-bottom-bar-fade-in {
        z-index: 1;
        background-image: linear-gradient(90deg, var(--os-gray-400), transparent 1%);
      }
      .o-sheet-list {
        overflow-y: hidden;
        overflow-x: auto;
        &::-webkit-scrollbar {
          display: none; /* Chrome */
        }
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
      }
    }

    .o-bottom-bar-arrows {
      .o-bottom-bar-arrow {
        cursor: pointer;
        &:hover:not([class*="o-disabled"]) {
          .o-icon {
            opacity: 0.9;
          }
        }
        .o-icon {
          height: 18px;
          width: 18px;
          font-size: 18px;
        }
      }
    }
  }

  &.o-spreadsheet-mobile .o-spreadsheet-bottom-bar {
    padding-left: 0;
    .add-sheet-container {
      order: 2;
    }
    .o-add-sheet {
      margin-left: 0.5rem;
    }
    .o-all-sheets {
      max-width: none;
    }
  }
}