.back {
  position: absolute;
  top: 22px;
  left: 36px;
  display: flex;
  align-items: center;
  width: 132px;
  height: 40px;
  padding: 0 12px;
  background: #181a24;
  border-radius: 2px;
  color: var(--easyv-text-3);
  transition: color 0.3s;
  cursor: pointer;
  &:hover {
    color: var(--easyv-primary-color);
  }
}

.config {
  position: absolute;
  right: 0;
  top: 0;
  width: 330px;
  height: 100vh;
  overflow: hidden;
  background: var(--easyv-background-6);
  border-radius: 2px 0 0 2px;
  z-index: 1001;
  .title {
    font-size: 14px;
    color: var(--easyv-text-3);
    padding: 14px 16px;
    .status {
      font-size: 12px;
      color: #b4b7c1;
      margin-left: 16px;
    }
  }

  .content {
    max-height: calc(~'100vh - 64px');
    overflow-x: hidden;
    overflow-y: auto;
    border: none;
  }
}
.focusMode {
  position: absolute;
  bottom: 50px;
  font-size: 12px;
  right: 420px;
  color: #b4b7c1;
  :global {
    .easyv-switch {
      background-color: #353844;
    }
    .easyv-switch-checked {
      background-color: var(--easyv-primary-color);
    }
  }
  .icon:hover {
    color: var(--easyv-primary-color);
  }
}
