body.--layerDefault .layerDefault {
				pointer-events: all;
			}
			body.--layerDefault .layerDefault__bg {
				background: #00000080;
			}
			body.--layerDefault .layerDefault__content {
				transform: translate(0) translateZ(0);
			}
			.layerDefault {
				height: 100vh;
				left: 0;
				pointer-events: none;
				position: fixed;
				text-align: left;
				top: 0;
				width: 100vw;
				z-index: 1000;
			}
			.layerDefault__bg {
				background: transparent;
				border: none;
				cursor: pointer;
				inset: 0;
				padding: 0;
			}
			.layerDefault__bg,
			.layerDefault__content {
				position: absolute;
				transition: transform 0.2s ease-in-out;
			}
			.layerDefault__content {
				background: #fff;
				height: 100%;
				max-width: 80rem;
				padding: 0 4rem;
				right: 0;
				top: 0;
				transform: translate(100%) translateZ(0);
				width: 100%;
			}
			@media (min-width: 768px) {
				.layerDefault__content {
					padding: 0 7rem;
				}
			}
			.layerDefault__content.--no-padding {
				padding: 0 !important;
			}
			.layerDefault__header {
				text-align: center;
			}
			.layerDefault__close {
				background: transparent;
				border: 0;
				border-radius: 0;
				cursor: pointer;
				display: block;
				left: 1rem;
				padding: 0;
				position: absolute;
				top: 1rem;
				width: 2rem;
			}
			@media (min-width: 768px) {
				.layerDefault__close {
					left: 2rem;
					top: 2rem;
					width: 3rem;
				}
			}
			.layerDefault__close svg {
				display: block;
				height: auto;
				width: 100%;
			}
			.layerDefault__iframe {
				height: 100%;
			}
			.layerDefault__iframe iframe {
				border: 0;
				height: 100%;
				width: 100%;
			}