@root-entry-name: 'default';
@import (reference) '~antd/es/style/themes/index.less';

@import '../component/PrdTools/style/index.less';

.pro-theme-tools {
  display: flex;

  &.pro-theme-tools-follow {
    svg {
      color: var(--zaui-brand, #006aff);
    }
  }

  .anticon {
    color: var(--zaui-brand, #006aff);

    svg {
      font-size: var(--zaui-font-size-lg-title, 24px)
    }
  }
}

.pro-theme-tools-drawer {
  .@{ant-prefix}-drawer-body {
    padding: 32px;
  }

  .@{ant-prefix}-space-vertical {
    gap: var(--zaui-space-size-sm, 8px) !important;
  }

  .anticon-question-circle {
    color: var(--zaui-brand, #006aff);
  }

  .copy-btn {
    position: absolute;
    width   : calc(100% - 64px);
    bottom  : 20px;
    left    : 32px;
    z-index : 10;
  }

  .pro-theme-tools-box {
    display        : flex;
    justify-content: space-between;
    flex-wrap      : wrap;
  }

  .pro-theme-tools-space {
    margin-bottom: var(--zaui-space-size-md, 16px);
  }

  .@{ant-prefix}-radio-button-wrapper {
    padding: 0 12px;
  }
}