// dialog,
.d--modal {
	--maxIsz: 100%; // container直下にきても影響しないように
	--mbs: 0; // flow直下にきても影響しないように
	--offset: 0 0; // アニメーション用
	--backdrop: rgb(0 0 0 / 0.6);
	// --trsdu: 0.5s;
	transition-duration: var(--modal--trsdu, 0.5s);

	&::backdrop {
		transition: opacity var(--modal--trsdu, 0.5s);
		background: var(--backdrop);
	}
}

.d--modal_body {
	overscroll-behavior: contain;
}

.d--modal:not([data-is-open]) {
	translate: var(--offset);
}
.d--modal:not([data-is-open]),
.d--modal:not([data-is-open])::backdrop {
	opacity: 0;
}

// .d--modal-drawer:not([data-is-open]) {
// 	translate: var(--offset);
// }