@import '~@spglobal/tokens/dist/web/tokens.css';

.scoringui-container {

  overflow: auto;
  
  .content-section {

    min-width: 655px;

    &.expanded {
      flex: 77%;
      width: 1px;
    }

    &.collapsed {
      width: 1px;
      flex: 100%;
    }
  }

  .step-tracker {
    &.expanded {
      width: 300px;
      background: #f8f8f8;
    }

    &.collapsed {
      width: 4px;
      background: #f8f8f8;
      // transition: 0.3s ease-in-out;
    }

    .collapsable-button {
      width: 24px;
      height: 40px;
      background: #F8F8F8;
      position: absolute;
      margin-top: 10px;
      margin-left: -16px;
      padding: 12px 2px;
      border-radius: 8px;
      cursor: pointer;
    }
  }

}