body{font-size:4vw;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;-webkit-user-select:none;height:100vh;width:100vw;display:flex;flex-direction:column;overscroll-behavior:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal__container{position:fixed;z-index:99;width:100vw;height:100vh;top:0;left:0}.modal__backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.4);animation:fadeIn .2s ease}.modal__backdrop--video{background-color:rgba(0,0,0,.8)}.modal__content{position:absolute;left:50%;top:50%;transform:scale(.9) translate(-50%,-50%);background-color:#fff;width:88%;max-width:400px;min-height:200px;max-height:90%;box-sizing:border-box;padding:4vh 6vw;border-radius:6px;opacity:0;animation:scaleIn .2s ease forwards}.modal__inner{width:100%;height:100%;position:relative}.modal__close{position:absolute;top:-2vh;right:-2vw}.modal__close>img{width:.8rem}.modal__close--video{top:1rem;right:1rem}.modal__video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translate(-50%,-50%)}to{opacity:1;transform:scale(1) translate(-50%,-50%)}}.demo-image-preview{position:relative;text-align:center}.demo-image-preview>img{width:50%}@media(max-width:768px){.demo-image-preview>img{width:50%}}.demo-image-preview-fullscreen>img{width:100vw;height:100vh}