// ====================== Page.vue ======================
.page-config-container {
  .form-item {
    @apply relative;

    &:not(:last-child) {
      @apply mb-4;
    }

    & > span {
      @apply block mb-2;
      margin-bottom: 8px;
      font-size: 12px;
    }

    .extra-btn {
      @apply absolute top-0 right-1;
    }
  }
}

.editor-sidebar {
  height: 100%;
  .ant-tabs-bar {
    margin-bottom: 0;
  }
  .ant-collapse {
    background-color: #fff;
    border: 0;
    font-size: 12px;
    & > .ant-collapse-item {
      border-bottom: 0;
      .ant-collapse-header {
        background-color: #fff;
        font-weight: 500;
        padding: 16px 0 8px 16px important;
        border-bottom: 1px solid #efefef;
        .ant-collapse-arrow {
          top: 60% !important;
          color: rgba(0, 0, 0, 0.25) !important;
        }
      }
      .ant-collapse-content {
        border-top: 0;
        color: rgba(0, 0, 0, 0.85);
        padding: 0 16px;
        & > .ant-collapse-content-box {
          padding: 16px 0px 0;
          .extra-btn {
            cursor: pointer;
            color: @primary-color !important;
            background-color: transparent;
            border-color: transparent !important;
            box-shadow: none;
            font-size: 12px;
            font-weight: 500;
          }
          .ant-select-selection-selected-value, .ant-radio-button-wrapper {
            font-size: 12px;
          }
        }
        .ant-input {
          font-size: 12px;
        }
      }
    }
  }
  .addEvent svg {
    color: @primary-color;
  }
}
