.FullscreenModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center}.FullscreenModal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.FullscreenModal__content{position:relative;background:#fff;width:calc(100% - 48px);height:calc(100% - 48px);z-index:1;display:flex;flex-direction:column}.FullscreenModal--auto-height .FullscreenModal__content{height:auto;max-height:calc(100% - 48px)}.FullscreenModal__header{flex-shrink:0;position:relative}.FullscreenModal__body{flex:1;overflow-y:auto}.FullscreenModal__footer{flex-shrink:0}.FullscreenModal__close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;line-height:1;cursor:pointer;color:#333;padding:4px 8px;z-index:1}.FullscreenModal__close:hover{color:#000}.fullscreen-modal-enter-active{transition:opacity .25s ease}.fullscreen-modal-enter-active .FullscreenModal__content{transition:transform .25s ease}.fullscreen-modal-leave-active{transition:opacity .25s ease}.fullscreen-modal-leave-active .FullscreenModal__content{transition:transform .2s ease}.fullscreen-modal-enter-from{opacity:0}.fullscreen-modal-enter-from .FullscreenModal__content{transform:scale(.95)}.fullscreen-modal-leave-to{opacity:0}.fullscreen-modal-leave-to .FullscreenModal__content{transform:scale(.95)}