:where(dialog.ms-dialog)[open]{opacity:1}body:has(dialog.ms-dialog[open]){overflow:hidden}:where(dialog.ms-dialog){border:0;position:fixed;inset:0;padding:0;overflow:hidden;max-width:100%;max-height:100%;opacity:0;transition:opacity .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete}:where(dialog.ms-dialog) .ms-dialog-close-button{position:absolute;top:8px;right:8px;font-size:16px;border:0;border-radius:4px;background:none;box-sizing:border-box;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;color:#fff}:where(dialog.ms-dialog) .ms-dialog-close-button span{mix-blend-mode:difference}:where(dialog.ms-dialog) .ms-dialog-close-button svg{transform:translateZ(0);mix-blend-mode:difference;margin:auto}:where(dialog.ms-dialog) .ms-dialog-close-button:hover{background:#c8c8c81a;background-blend-mode:difference}@starting-style{:where(dialog.ms-dialog)[open]{opacity:0}}:where(dialog.ms-dialog)::backdrop{background-color:#0000;transition:display .2s allow-discrete,overlay .2s allow-discrete,background-color .2s}:where(dialog.ms-dialog)[open]::backdrop{background-color:#00000040}@starting-style{:where(dialog.ms-dialog)[open]::backdrop{background-color:#0000}}:where(.ms-modal){width:100%;height:100%;margin:0;border-radius:0}:where(.ms-drawer){max-width:640px;width:100%;height:100%}:where(.ms-drawer)[data-position=left]{margin:0 auto 0 0}:where(.ms-drawer)[data-position=right]{margin:0 0 0 auto}@media(min-width:640px){:where(.ms-modal){width:640px;height:80vh;margin:auto;padding:0;border-radius:8px}}@media(min-width:1280px){:where(.ms-modal){width:50vw}}