body.cp-modal-open{overflow:hidden}
.cp-modal.hidden{display:none}
.cp-modal{position:fixed;inset:0;z-index:1200;box-sizing:border-box;display:grid;place-items:center;width:100vw;min-height:100dvh;padding:18px;overflow:hidden;overscroll-behavior:contain;isolation:isolate}
.cp-modal-backdrop{position:fixed;inset:0;background:rgba(48,29,63,.28);backdrop-filter:blur(7px)}
.cp-modal-card{position:relative;z-index:1;box-sizing:border-box;width:min(420px,calc(100vw - 36px));max-height:min(640px,calc(100dvh - 36px));display:flex;flex-direction:column;min-width:0;margin:auto;overflow:hidden}
.cp-modal-body{box-sizing:border-box;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}
.cp-modal-body::-webkit-scrollbar{width:0;height:0}
.cp-modal-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;box-sizing:border-box}
.cp-modal-close{appearance:none;position:absolute;top:12px;right:12px;z-index:3;box-sizing:border-box;display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;padding:0;border-radius:999px;line-height:1;overflow:hidden;text-align:center;color:transparent;font-size:0;text-indent:0;cursor:pointer}
.cp-modal-close::before{content:"\00d7";display:block;margin:0;color:#2f2430;font-size:23px;font-weight:950;line-height:1;transform:none}
.cp-modal-close:focus-visible{outline:2px solid rgba(255,111,161,.55);outline-offset:2px}
@media (max-width:520px){.cp-modal{padding:16px 12px}.cp-modal-card{width:min(336px,calc(100vw - 24px));max-height:calc(100dvh - 32px)}.cp-modal-close{top:10px;right:10px;width:34px;height:34px;min-width:34px;min-height:34px;max-width:34px;max-height:34px}.cp-modal-close::before{font-size:22px}}