@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");#root,.app,body,html{font-family:Inter,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{display:flex;min-height:100%;flex-direction:column}pre{outline:1px solid #ccc;padding:5px;margin:5px;text-align:left}.string{color:green}.number{color:#ff8c00}.boolean{color:blue}.null{color:#f0f}.key{color:red}.undefined{color:grey}.function{color:#00bfff}.firebase-emulator-warning{opacity:70%}.modal{min-width:20%;min-height:20%;padding:2rem;border:0;border-radius:.5rem;position:fixed;box-shadow:0 0 .5rem .25rem rgba(0,0,0,.1)}@media (max-width:500px){.modal{min-width:70%}}.modal-wrapper{flex-direction:column;display:flex;width:100%;align-items:center;padding-top:3rem}.modal-header{position:absolute;top:1.5rem;width:80%}.modal-actions{position:absolute;bottom:1rem;width:80%}.modal::-webkit-backdrop{background:rgba(0,0,0,.5)}.modal::backdrop{background:rgba(0,0,0,.5)}.modal-close-btn{font-size:.75em;position:absolute;top:.25rem;right:.25rem}.mobile-data-grid-cell{display:grid;width:100%;height:100%;margin:0;border:1px solid #2ecc71;border-radius:.5rem;background-color:#ecf0f1;padding:7px;grid-gap:0;grid-template-rows:repeat(2,2fr);grid-template-areas:"title title flag sub-title sub-title" "main main main minor-1 minor-1" "secondary secondary secondary snippet-2 snippet-2" "snippet-1 snippet-1 snippet-1 minor-2 minor-2"}.data-box[gridArea=title]{font-weight:700;margin-bottom:5px;font-size:16px;color:#3498db}