html,body,#root{isolation:isolate;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}html,body{font-family:Questrial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;font-family:Questrial,sans-serif;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;padding:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}@keyframes fadeInMobile{0%{opacity:0}to{opacity:1}}@keyframes fadeOutMobile{0%{opacity:1}to{opacity:0}}@keyframes growInWithFlexIpad{0%{flex:0;opacity:0}to{flex:0 0 50vw;opacity:1}}@keyframes shrinkOutWithFlexIpad{0%{flex:0 0 50vw;opacity:1}to{flex:0;opacity:0}}@keyframes growInWithFlexDesktop{0%{flex:0;opacity:0}to{flex:0 0 30vw;opacity:1}}@keyframes shrinkOutWithFlexDesktop{0%{flex:0 0 30vw;opacity:1}to{flex:0;opacity:0}}.content-layout{display:flex;flex-direction:column;height:100vb;width:100vb}.scene-container{width:100vb;height:100vb;background-color:#7fffd4}.scene-container>header{padding:16px;position:absolute;top:0;left:0;width:100%;z-index:10}.scene-container--hidden-mobile{display:none}.modal-container{width:100vw;background-color:#fff;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:0px;animation:fadeInMobile .2s ease-out}.modal-container--hiding{animation:fadeOutMobile .2s ease-out forwards;pointer-events:none}.modal-container>header{padding:16px;display:flex;width:100%;z-index:100;background-color:#fff;transition:transform .3s ease}.modal-content{padding:16px}@media (min-width: 768px){.modal-container{flex:0 0 50vw;height:100vh;z-index:10;background-color:#fff;overflow-y:auto;display:flex;flex-direction:column;gap:16px;animation:growInWithFlexIpad 1s ease-out}.content-layout{flex-direction:row;width:100%}.modal-container>header{display:none}.scene-container{display:flex;flex:1;height:100vh;position:relative;background-color:#7fffd4}.scene-container>header{position:absolute;top:0;left:0;width:100%;z-index:10;background-color:transparent;transition:width .3s ease}.modal-content{padding:24px}.modal-container--hiding{animation:shrinkOutWithFlexIpad .5s ease-out forwards;pointer-events:none}.scene-container--hidden-mobile{display:flex}}@media (min-width: 1024px){.modal-container{flex:0 0 30vw;max-width:600px;animation:growInWithFlexDesktop 1s ease-out}.modal-container--hiding{animation:shrinkOutWithFlexDesktop .5s ease-out forwards;pointer-events:none}}