@use '../../../components/molecules/text-media';
@use '../../../base/mixins/breakpoints' as breakpoints;

.text-media {
	&-media {
		width: calc((100% / 12) * 6);

		@include breakpoints.max-tablet {
			width: calc((100% / 12) * 12);
		}
	}

	&-text {
		width: calc((100% / 12) * 6);

		@include breakpoints.max-tablet {
			width: calc((100% / 12) * 12);
		}

		&-content {
			padding: 0;

			&.reverse {
				padding: 0;
			}
		}
	}
}