.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#0000;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background-color .25s ease,backdrop-filter .25s ease}.modal-overlay--open{background-color:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay--closing{background-color:#0000;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.modal__content{position:relative;max-width:100vw;max-height:100vh;width:100%;height:100%;display:flex;flex-direction:column;background-color:transparent;box-sizing:border-box;overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .25s ease}.modal__content--open{opacity:1;transform:scale(1)}.modal__content--closing{opacity:0;transform:scale(.96)}.modal__close{position:absolute;top:var(--spacing-m, 1rem);right:var(--spacing-m, 1rem);z-index:1;width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--white, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center}.modal__close img{width:100%;height:100%;display:block}.modal__body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-m, 1rem);box-sizing:border-box}.modal__body video{max-width:100%;max-height:100%;width:auto;height:auto;display:block}