.modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(var(--color-foreground),.5);backdrop-filter:blur(2px)}.modal-overlay.hidden{display:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:90%;max-width:800px;max-height:85vh;background:rgb(var(--color-background));border-radius:var(--content-container-radius,12px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden}.modal.hidden{display:none}.modal__close{position:absolute;top:1rem;right:1rem;z-index:10;width:3.6rem;height:3.6rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground))}.modal__close:hover{background:rgba(var(--color-foreground),.05)}.modal__close .icon{width:2rem;height:2rem}.modal__content{padding:2.5rem;overflow-y:auto;max-height:85vh}body.modal-open{overflow:hidden}@media screen and (max-width:749px){.modal{width:95%;max-height:90vh}.modal__content{padding:2rem 1.5rem;max-height:90vh}.modal__close{top:.8rem;right:.8rem;width:3.2rem;height:3.2rem}}