.base-layer {
				height: 100vh;
				left: 0;
				pointer-events: none;
				position: fixed;
				text-align: left;
				top: 0;
				width: 100vw;
				z-index: 1000;
			}
			.base-layer.--open {
				pointer-events: all;
			}
			.base-layer.--open .base-layer__bg {
				background: #00000080;
			}
			.base-layer.--open .base-layer__content {
				transform: translate(0) translateZ(0);
			}
			.base-layer__bg {
				background: transparent;
				border: none;
				cursor: pointer;
				inset: 0;
				padding: 0;
				position: absolute;
				transition: background 0.2s ease-in-out;
			}
			.base-layer__content {
				background: #fff;
				height: 100%;
				max-width: 50vw;
				overflow-y: auto;
				padding: 2rem;
				position: absolute;
				right: 0;
				top: 0;
				transform: translate(100%) translateZ(0);
				transition: transform 0.2s ease-in-out;
				width: 100%;
			}
			@media (min-width: 768px) {
				.base-layer__content {
					padding: 4rem;
				}
			}
			@media (min-width: 1200px) {
				.base-layer__content {
					padding: 6rem 8rem;
				}
			}
			@media (min-width: 1560px) {
				.base-layer__content {
					padding: 6rem 16rem;
				}
			}
			.base-layer__header {
				margin-bottom: 4rem;
				text-align: center;
			}
			.base-layer__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) {
				.base-layer__close {
					left: 2rem;
					top: 2rem;
					width: 3rem;
				}
			}
			.base-layer__close svg {
				display: block;
				height: auto;
				width: 100%;
			}
			.base-layer__skeleton {
				display: flex;
				flex-direction: column;
				gap: 1.5rem;
				padding: 2rem 0;
			}
			.base-layer__skeleton-line {
				animation: skeleton-shimmer 1.5s infinite;
				background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0, #f0f0f0 75%);
				background-size: 200% 100%;
				border-radius: 0.4rem;
				height: 1.6rem;
			}
			.base-layer__skeleton-line.--long {
				width: 100%;
			}
			.base-layer__skeleton-line.--medium {
				width: 70%;
			}
			.base-layer__skeleton-line.--short {
				width: 40%;
			}
			@keyframes skeleton-shimmer {
				0% {
					background-position: 200% 0;
				}
				to {
					background-position: -200% 0;
				}
			}