/**
 * YcDrawer 抽屉组件样式
 */
.yc-drawer {
  .el-drawer__header {
    padding: 0 !important;
    margin-bottom: 0 !important;
  }

  .el-drawer__footer {
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 12px !important;
  }

  .custom-drawer-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 56px;
    border-radius: 4px 4px 0 0;

    .header-content {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      width: calc(100% - 48px);
      height: 24px;
      margin: 16px 0 0 24px;

      .header-title {
        height: 24px;
        font-family: NotoSansSC, PingFangSC, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: rgb(0 0 0 / 100%);
        text-align: left;
        overflow-wrap: break-word;
        white-space: nowrap;
      }

      .header-close-icon {
        color: rgb(0 0 0 / 60%);
        cursor: pointer;
        transition: color 0.3s;

        &:hover {
          color: rgb(0 0 0 / 90%);
        }
      }
    }

    .header-divider {
      width: 100%;
      height: 1px;
      margin-top: 15px;
      background-color: rgb(245 247 249 / 100%);
    }
  }
}