31 lines
573 B
CSS
31 lines
573 B
CSS
@layer components {
|
|
body.dimmed {
|
|
@apply relative overflow-hidden
|
|
after:content-[''] after:absolute after:inset-0 after:bg-black/60 after:z-[899];
|
|
}
|
|
|
|
.modal-wrap {
|
|
@apply overflow-auto fixed inset-0 flex p-5 z-[900];
|
|
}
|
|
|
|
.modal-wrap.dimmed {
|
|
@apply bg-black/60;
|
|
}
|
|
|
|
.modal-area {
|
|
@apply relative w-full m-auto bg-white;
|
|
}
|
|
|
|
.content-btns {
|
|
@apply flex gap-2 mt-6;
|
|
}
|
|
|
|
.content-text {
|
|
@apply text-center text-[15px] text-[#333333] leading-6 tracking-[-0.45px];
|
|
}
|
|
|
|
.content-text .highlight {
|
|
@apply text-[#FC4420];
|
|
}
|
|
}
|