.resource {
  position: relative;
  height: calc(100vh - 80px);
  display: flex;

  & > div {
    z-index: 1;
  }

  .sider {
    width: 256px;
    height: calc(100vh - 88px);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
  }

  .content {
    width: 100%;
  }

  :global {
    .easyv-btn {
      font-size: 14px;
      line-height: 18px;
    }
  }
}

:global {
  .source-easyv-modal {
    .easyv-modal {
      &-content {
        background-color: var(--easyv-background-6);
        border-radius: 4px;
        overflow: hidden;
      }

      &-header {
        background-color: var(--easyv-background-6) !important;
        border-bottom-color: rgba(255, 255, 255, 0.12);
        padding: 17px 0;
        margin: 0 24px;
      }

      &-body {
        background-color: var(--easyv-background-6);
        padding-bottom: 0.1px;
      }

      &-footer {
        border-top: 0;
        background-color: var(--easyv-background-6);
        padding: 0 24px 24px;
        font-size: 14px;

        .easyv-btn {
          font-size: 14px;
          line-height: 18px;
        }

        .easyv-btn:not(.easyv-btn-primary) {
          background-color: #3d404c;
          border-color: #3d404c;
          color: #fff;
        }
      }

      &-title,
      &-close-x {
        color: #fff !important;
      }
    }
  }
}
