// make element invisible for rendering but accessible
@mixin _noRenderProps() {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	z-index: -1;
}

// @include noRender(--bp-min-medium, --bp-max-large);
@mixin noRender($bp-min: null, $bp-max: null) {
	@if ($bp-min != null and $bp-max != null) {
		@media (#{$bp-min}) and (#{$bp-max}) {
			@include _noRenderProps();
		}
	}
	@else if ($bp-min != null) {
		@media (#{$bp-min}) {
			@include _noRenderProps();
		}
	}
	@else if ($bp-max != null) {
		@media (#{$bp-max}) {
			@include _noRenderProps();
		}
	}
	@else {
		@include _noRenderProps();
	}
}