@import './styles/material-theme.scss';
@import './styles/website-colors.styles.scss';
@import './styles/styles.scss';
@import './styles/cls-mat-components-overrides/cls-mat-select-overrides.scss';
@import './styles/cls-mat-components-overrides/cls-mat-menu-overrides.scss';
@import './styles/cls-mat-components-overrides/cls-scroll-bar-overrides.scss';

:host {
	display: flex;
	flex-grow: 1;
	gap: 8px;
	min-height: 500px !important;
	max-width: 1440px !important;
	font-family: haboro-soft, sans-serif !important;

	::ng-deep {
		button,
		span,
		div,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6,
		p,
		a,
		input,
		textarea,
		select,
		label,
		li,
		td,
		th {
			font-family: haboro-soft, sans-serif !important;
		}
	}

	copyleaks-one-to-many-report-layout-mobile,
	copyleaks-one-to-many-report-layout-desktop,
	copyleaks-one-to-one-report-layout-mobile,
	copyleaks-one-to-one-report-layout-desktop {
		width: 100%;
	}

	copyleaks-one-to-many-report-layout-desktop[dir='rtl'],
	copyleaks-one-to-one-report-layout-desktop[dir='rtl'] {
		flex-direction: row-reverse !important;
	}
}
