@use './variables' as vars;
@use './mixins' as mix;

.mat-divider.mat-divider-horizontal {
	border-top-color: var(--divider-color) !important;

	margin: 20px 8px;
	@include mix.tablet-low {
		margin: 24px 0;
	}
	@include mix.desktop {
		margin: vars.$base-padding*2 0;
	}
}

.gm-divider {
	flex-shrink: 0;
	width: 1px;
	background: var(--divider-color);

	&--horizontal {
		width: auto;
		height: 1px;
	}

	&--desktop {
		display: none !important;
		@include mix.tablet-low {
			display: block !important;
		}
	}
}