@use "sass:meta";
@use "pkg:iro-sass/bem";
@use "pkg:iro-sass/props";
@use "../props" as *;

@forward "backdrop.vars";
@use "backdrop.vars" as vars;

@mixin styles {
	@include materialize-at-root(meta.module-variables("vars"));

	@include bem.object("backdrop") {
		position: fixed;
		inset: 0;
		z-index: props.get(vars.$z-index);
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: auto;
		background-color: props.get(vars.$bg-color);
		backdrop-filter: blur(props.get(vars.$blur));
	}
}