.modal-wrapper{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-left:1rem;padding-right:1rem}.modal-content{position:relative;overflow:hidden;background-color:var(--color-base-100);border:3px solid var(--border-color-primary);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media(width>=40rem){.modal-wrapper{padding-left:0;padding-right:0}.modal-content{margin-inline:auto;width:100%}}