body{font-family:sans-serif}html,body,#root{height:100%;margin:0}iframe{border:0;width:100%;height:100%}.overlay{color:#fff;background-color:#000c;justify-content:center;align-items:center;padding:6px;font-size:36px;display:flex;position:absolute;inset:0}.dialog-title{padding-top:16px;padding-bottom:16px;font-size:24px}.dialog-content{padding-bottom:12px;font-size:16px}.overlay .dialog{color:#333;background-color:#fff;border-radius:10px;padding:6px 24px 24px;font-size:1em;box-shadow:4px 4px 24px #00000080}.overlay .success-dialog{border:4px solid #00a000}.overlay .problem-dialog{border-style:solid;border-width:4px}.overlay .problem-dialog.error{border-color:#b40000}.overlay .problem-dialog.warning{border-color:#ff8200}.app-chrome{flex-direction:column;height:100%;display:flex}.button{cursor:pointer;box-sizing:border-box;color:#434343;float:left;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:3px;min-width:26px;min-height:26px;margin:6px;padding:0 6px;font-size:13px;line-height:13px;transition:background-color .35s,border-color .35s,color .35s;display:block;box-shadow:1px 1px 1px #00000026}.button:hover{background-color:#dcdcdc;border:1px solid #b4b4b4}.app-contents{height:100%;position:relative}nav{align-items:center;height:48px;padding:0 4px;display:flex}nav button{margin:0 4px}