.o-spreadsheet {
  .o-carousel-separator {
    background-color: var(--os-gray-400);
  }

  .o-carousel-empty {
    background-color: #ffffff;

    .o-icon {
      width: 50%;
      height: 50%;
      color: var(--os-gray-400);
    }
  }

  .o-carousel-header {
    z-index: 1;

    overflow: hidden;

    .o-carousel-title {
      max-width: 60%;
      font-weight: 500;
    }

    .o-carousel-tabs {
      width: 0; /* To make flex-fill work */
    }

    .o-carousel-button {
      cursor: pointer;
      --os-icon-edge-length: 14px;

      &.o-carousel-full-screen-button {
        margin: 1px;
      }

      &.o-carousel-menu-button,
      &.o-carousel-tabs-dropdown {
        padding: 3px 2px;
      }

      &.active,
      &:hover {
        background-color: var(--os-button-hover-bg);
        color: var(--os-button-hover-text-color);
      }
    }

    .o-carousel-tab {
      cursor: pointer;
      max-width: 150px;
      font-size: 14px;

      &:hover {
        color: var(--os-primary-button-bg);
      }

      &.selected {
        color: var(--os-primary-button-bg);
        font-weight: 600;
      }
    }
  }
}