.app-site-tabs-sidebar[data-v-cc787489] {
    width: 48px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: calc(100vh - 56px);
    float: left;
    z-index: 10;
    /* margin-right: 10px; */
    /* position: absolute; */
&.collapsed[data-v-cc787489] {
      width: 0;
}
.sidebar-sites[data-v-cc787489] {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: stretch;
}
.sidebar-site[data-v-cc787489] {
      cursor: pointer;
      padding: 0;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #222;
      font-size: 14px;
      background: transparent;
      transition: background 0.2s, border-color 0.2s;
      text-orientation: mixed;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
&[data-v-cc787489]:hover {
        background: #f1f1f6;
}
&.active[data-v-cc787489] {
        color: #2d3eff;
        font-weight: 600;
        background: #e6f1ff;
}
}
&.collapsed[data-v-cc787489] {
.sidebar-site-label[data-v-cc787489] {
        display: none;
}
}
.sidebar-toggle[data-v-cc787489] {
      width: 48px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-top: 1px solid #ececec;
      background: #f4f6fa;
      font-size: 16px;
      color: #888;
      transition: background 0.2s;
&[data-v-cc787489]:hover {
        background: #e6e8ef;
}
}
.toggle-icon[data-v-cc787489] {
      display: block;
      writing-mode: horizontal-tb;
}
}