.yasgui {
  .tabMenu {
    background: #f5f5f5;
    z-index: 7;
    transition: all 0.5s;
    transform: translate3d(-100%, 0, 0) rotateY(90deg);
    transform-origin: 100% 50%;
    visibility: hidden;
    width: 600px;
    border: 1px #ccc solid;
    position: absolute;
    top: 35px;
    left: 0;
    perspective: 1500px;
    perspective-origin: 0% 50%;
    transform-style: preserve-3d;

    &.open {
      // width: 500px;
      visibility: visible;
      transform: translate3d(-100%, 0, 0) rotateY(0deg);
      transition: all 0.5s;
      left: 600px;

      // IE11 Hack
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        min-width: 600px;
      }
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      height: 0px;
    }

    .requestConfigWrapper {
      padding: 10px;
      overflow: hidden;
      display: flex;
      flex-wrap: nowrap;
      background: #f5f5f5;

      .selectorButton {
        border: none;
        background-color: transparent;
        border-bottom: 1px solid #d1d1d1;
        height: 30px;
        color: #505050;
        cursor: pointer;

        &:hover {
          color: black;
          border-color: black;
        }

        &.selected {
          color: #337ab7;
          border-bottom: 2px solid #337ab7;
        }

        &:focus {
          outline: none;
        }
        &:focus-visible {
          color: black;
          border-color: black;
        }
      }
    }

    .acceptWrapper {
      flex-direction: row;

      .acceptLabel {
        justify-self: center;
      }

      .selector {
        flex-direction: column;
        display: flex;
        padding: 2.5px 5px;
        flex-grow: 1;
        width: 100%;

        .selectorLabel {
          align-self: center;
          font-weight: bold;
          font-size: small;
        }
      }
    }

    .textSetting {
      display: flex;
      flex-direction: column;

      .label {
        align-self: flex-start;
      }

      .graphInput {
        white-space: nowrap;
      }

      .textRow {
        flex-direction: row;
        flex-wrap: nowrap;
        white-space: nowrap;
      }

      .removeButton {
        border: none;
        background: transparent;
        user-select: none;

        &:hover {
          background: transparent;
          border-color: black;
          color: black;
          cursor: pointer;
        }
      }
    }

    .label {
      text-decoration: black;
      font-weight: bold;
      white-space: nowrap;
      padding-right: 5px;
      align-self: center;
    }
  }
}