// ====================== Page.vue ======================
.page-config-container {
  .form-item {
    --uno: relative;

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

    & > span {
      --uno: block mb-2;
      margin-bottom: 4px;
      font-size: 12px;
    }

    .extra-btn {
      --uno: absolute top-0 right-1;
    }
  }
}

.editor-sidebar {
  height: 100%;
  .yee-tabs-bar {
    margin-bottom: 0;
  }
  .yee-collapse {
    background-color: #fff;
    border: 0;
    font-size: 12px;
    & > .yee-collapse-item {
      border-bottom: 0;
      .yee-collapse-header {
        display: flex;
        align-items: center;
        background-color: #fff;
        font-weight: 500;
        padding: 14px 0 14px 16px !important;
        border-bottom: 1px solid #efefef;
        border-radius: 0;
        .yee-collapse-arrow {
          color: rgba(0, 0, 0, 0.25) !important;
          font-size: 10px;
        }
      }
      .yee-collapse-content {
        border-top: 0;
        color: rgba(0, 0, 0, 0.85);
        background-color: #fafafa;
        padding: 0 16px;
        overflow: inherit;
        & > .yee-collapse-content-box {
          padding: 16px 0px;
          .extra-btn-2 {
            cursor: pointer;
            color: @yee-primary-color !important;
            background-color: transparent;
            border-color: transparent !important;
            box-shadow: none;
            font-size: 12px;
            font-weight: 500;
            padding: 0;
            span {
              margin-left: 4px;
            }
          }
          .yee-select-selection-selected-value,
          .yee-radio-button-wrapper {
            font-size: 12px;
          }
          .yee-column-setting.ml-auto {
            margin-left: 0;
          }
        }
        .yee-input {
          font-size: 12px;
        }
      }
    }
  }
  .addEvent svg {
    color: @yee-primary-color;
  }
}