/* Modal-only presentation for the installed Bootstrap 5 Modal runtime.
 * Scoped to ct-bootstrap-modal so reader typography and layout stay independent. */
.modal-open{overflow:hidden}
.ct-bootstrap-modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;font-family:Cairo,Arial,sans-serif}
.ct-bootstrap-modal,.ct-bootstrap-modal *{box-sizing:border-box}
.ct-bootstrap-modal.fade{transition:opacity .15s linear}
.ct-bootstrap-modal.fade:not(.show){opacity:0}
.ct-bootstrap-modal>.modal-dialog{position:relative;width:calc(100% - 32px);max-width:500px;margin:28px auto;pointer-events:none}
.ct-bootstrap-modal.fade>.modal-dialog{transition:transform .2s ease-out;transform:translateY(-25px)}
.ct-bootstrap-modal.show>.modal-dialog{transform:none}
.ct-bootstrap-modal>.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 56px)}
.ct-bootstrap-modal .modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background:#fff;border:1px solid #e0d5ef;border-radius:18px;outline:0;box-shadow:0 28px 110px #1e103e50}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background:#201232}
.modal-backdrop.fade{opacity:0;transition:opacity .15s linear}
.modal-backdrop.show{opacity:.5}
@media(prefers-reduced-motion:reduce){.ct-bootstrap-modal.fade,.ct-bootstrap-modal.fade>.modal-dialog,.modal-backdrop.fade{transition:none}}
