@import '../../style/theme/index.less';

@modal-border-radius: @radius-medium;
@modal-size-tip-icon: 18px;
@modal-margin-top: 100px;
@modal-margin-tip-icon-right: @spacing-5;
@modal-margin-footer-button-left: @spacing-6;
@modal-color-border: var(~'@{mo-cssvars-prefix}-color-neutral-3');
@modal-color-header-text: var(~'@{mo-cssvars-prefix}-color-text-1');
@modal-color-content-text: var(~'@{mo-cssvars-prefix}-color-text-1');
@modal-font-header-size: @font-size-title-1;

@modal-default-padding-horizontal: @spacing-9;
@modal-default-size-header-height: 54px;
@modal-default-padding-content-vertical: @spacing-9;
@modal-default-padding-footer-vertical: @spacing-9;
@modal-default-size-width: 520px;
@modal-font-content-size: @font-size-body-3;
@modal-default-align-header: center;
@modal-simple-align-header: center;

@modal-simple-size-width: 400px;
@modal-simple-padding-horizontal: @spacing-10;
@modal-simple-padding-top: @spacing-9;
@modal-simple-padding-bottom: @spacing-10;
@modal-simple-margin-footer-top: @spacing-10;
@modal-simple-margin-content-top: @spacing-9;

@modal-position-close-icon-right: 16px;
@modal-font-size-close-icon: 12px;