@import '../../styles/themes/index.less';
@import '../../styles/mixins/index.less';

@toast-wrapper-margin-top: @spacing-12;
@toast-wrapper-margin-bottom: @spacing-12;

@toast-padding-top: @spacing-4;
@toast-padding-bottom: @spacing-4;
@toast-padding-left: @spacing-6;
@toast-padding-right: @spacing-6;
@toast-margin-bottom: @spacing-7;
@toast-border-radius: @border-radius;
@toast-font-size-icon: 20px;
@toast-font-size-content: @font-size-base;
@toast-icon-margin-right: @spacing-4;

@toast-border-width: 1px;
@toast-border-style: solid;
@toast-box-shadow: @shadow2-down;

@toast-color-close-icon: var(--color-text-1);
@toast-close-icon-font-size: 12px;
@toast-close-icon-top: 12px;
@toast-close-icon-right: @spacing-6;
@toast-close-icon-left: 12px;

@toast-normal-color-bg: var(--color-bg-5);
@toast-normal-color-icon: var(--color-text-1);
@toast-normal-color-content: var(--color-text-1);
@toast-normal-color-border: var(--color-border-2);

@toast-info-color-bg: var(--color-bg-5);
@toast-info-color-icon: var(--primary-6);
@toast-info-color-content: var(--color-text-1);
@toast-info-color-border: var(--color-border-2);

@toast-success-color-bg: var(--color-bg-5);
@toast-success-color-icon: var(--success-6);
@toast-success-color-content: var(--color-text-1);
@toast-success-color-border: var(--color-border-2);

@toast-warning-color-bg: var(--color-bg-5);
@toast-warning-color-icon: var(--warning-6);
@toast-warning-color-content: var(--color-text-1);
@toast-warning-color-border: var(--color-border-2);

@toast-error-color-bg: var(--color-bg-5);
@toast-error-color-icon: var(--danger-6);
@toast-error-color-content: var(--color-text-1);
@toast-error-color-border: var(--color-border-2);

@toast-loading-color-bg: var(--color-bg-5);
@toast-loading-color-icon: var(--primary-6);
@toast-loading-color-content: var(--color-text-1);
@toast-loading-color-border: var(--color-border-2);