.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{max-height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:rgba(255,255,255,.4);background-color:var(--jp-color-background);background-color-opacity:.2;backdrop-filter:blur(20px);border-radius:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37);padding:16px;color:white}@media (prefers-color-scheme:dark){.modal-content{background:rgba(48,51,49,.95);border:1px solid rgba(255,255,255,.1)}}.modal-content--sm{width:100%;max-width:400px}.modal-content--md{width:100%;max-width:600px}.modal-content--lg{width:100%;max-width:800px}.modal-content--xl{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:flex-end}.modal-title{font-size:1.5rem;font-weight:var(--jp-font-weight-bold);color:var(--jp-color-primary);margin:0}.modal-close-button{background:none;border:none;color:var(--jp-color-primary);cursor:pointer;padding:var(--jp-spacing-sm);border-radius:100%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close-button:hover{background-color:rgba(255,255,255,.1);transform:scale(1.05)}.modal-close-button:focus{outline:2px solid var(--jp-color-accent);outline-offset:2px}.modal-body{padding:0 var(--jp-spacing-lg) var(--jp-spacing-md);overflow-y:auto;flex:1}@media (max-width:640px){.modal-overlay{padding:var(--jp-spacing-sm)}.modal-content{max-height:95vh;width:100%;max-width:none}.modal-body{padding:var(--jp-spacing-sm) var(--jp-spacing-md) var(--jp-spacing-md)}.modal-title{font-size:1.25rem}}