*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080a13;color:#fff;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer}button:focus,a:focus{outline:0}.brand:focus{text-decoration:underline}.rcRoomQrCodeLink:focus .rcRoomId{text-decoration:underline}#retry:focus{text-decoration:underline}#stage{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#toolbar{position:absolute;top:24px;left:28px;right:28px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand{color:#fff;text-decoration:none;font-size:23px;font-weight:bold;letter-spacing:-1px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.brand img{margin-right:10px;border-radius:8px}.brand span{font-size:9px;font-weight:normal;letter-spacing:2px;margin-left:22px;color:#c4cbd8}.actions{display:-webkit-flex;display:flex}.actions button{width:44px;height:44px;margin-left:7px;border:1px solid #555b6c;border-radius:50%;background:#101321;color:#fff}.actions button:hover{background:#252b35}.actions button:focus{outline:0;border-color:#c7ced8;box-shadow:inset 0 0 0 1px #c7ced8}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}#caption{position:absolute;left:5%;bottom:7%;max-width:65%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:#c3cfdf}h1{font-size:48px;font-weight:normal;letter-spacing:-2px;margin:13px 0 16px}#caption p{font-size:9px;letter-spacing:2px;color:#d1d6e0}.separator{padding:0 16px;color:#6c7589}#invite{position:absolute;margin:0;width:166px;text-align:center;-webkit-transform:scale(.75);transform:scale(.75)}#invite.bottom-right{bottom:8px;right:8px;-webkit-transform-origin:bottom right;transform-origin:bottom right}#invite.bottom-left{bottom:8px;left:8px;-webkit-transform-origin:bottom left;transform-origin:bottom left}#invite.top-left{top:90px;left:28px;-webkit-transform-origin:top left;transform-origin:top left}#invite.top-right{top:90px;right:28px;-webkit-transform-origin:top right;transform-origin:top right}body.qr-left #caption{left:auto;right:5%;text-align:right}body.quiet #toolbar{opacity:0;pointer-events:none}body.quiet{cursor:none}#network{position:absolute;top:80px;left:28px;font-size:12px;background:#111626}#network:empty{display:none}#notice{position:absolute;bottom:20px;left:50%;max-width:75%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#151a29;border-radius:8px;padding:10px 16px;font-size:12px}#notice:empty{display:none}#error{position:absolute;top:25%;left:10%;right:10%;max-width:600px;padding:24px;background:#161b2b;border:1px solid #686b7d;border-radius:12px}#error p{line-height:1.6}#retry{background:#91b7ed;color:#101624;padding:14px 20px;border:0;border-radius:6px}
.rcRoomQrCodeLink,.rcRoomQrCodeLink *{box-sizing:content-box}
.rcRoomQrCodeLink{display:block;width:150px;margin-left:auto;margin-right:auto;border:solid 8px #fff;border-radius:8px;color:#fff;background-color:#fff;box-shadow:0 0 32px #000;text-align:center;transition:opacity 1s ease;text-decoration:none;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:scale(1);transform:scale(1)}
.rcTechLabel{background-color:#000;color:#fff;font-family:monospace;font-size:13px;font-weight:bold;margin:0 0 8px 0;padding:4px;letter-spacing:.2em;border-radius:8px 8px 0 0}
.rcRoomQrCode{width:150px;height:150px}
.rcRoomId{background-color:#000;color:#fff;font-family:monospace;font-size:16px;padding:4px;margin:8px 0 0 0;letter-spacing:.25em;border-radius:0 0 8px 8px}
.lean .rcRoomQrCodeLink{box-shadow:none}.lean #toolbar{transition:none}
@media(max-width:700px){#toolbar{left:16px;right:16px;top:16px}.brand{font-size:20px}.brand span{display:none}.actions button{margin-left:5px;width:40px;height:40px}h1{font-size:34px;letter-spacing:-1px}#caption{bottom:34px;left:24px;max-width:54%}.eyebrow{font-size:8px;letter-spacing:1.5px}#caption p{font-size:8px;letter-spacing:1px}.separator{padding:0 6px}#invite{-webkit-transform:scale(.6);transform:scale(.6)}#invite.bottom-right{right:8px;bottom:8px;-webkit-transform-origin:bottom right;transform-origin:bottom right}#invite.bottom-left{left:8px;bottom:8px;-webkit-transform-origin:bottom left;transform-origin:bottom left}#invite.top-right{right:18px;top:80px;-webkit-transform-origin:top right;transform-origin:top right}#invite.top-left{left:18px;top:80px;-webkit-transform-origin:top left;transform-origin:top left}}
@media(max-width:480px){#caption{bottom:290px;max-width:85%}body.qr-left #caption{text-align:left;left:24px;right:auto}.brand img{display:none}.brand{font-size:18px}.actions button{width:38px;height:38px}}
@media(max-height:560px) and (min-width:701px){#caption{bottom:30px}#invite{-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:bottom right;transform-origin:bottom right}#invite.top-left,#invite.top-right{-webkit-transform-origin:top right;transform-origin:top right}#invite.bottom-left{-webkit-transform-origin:bottom left;transform-origin:bottom left}#invite.top-left{-webkit-transform-origin:top left;transform-origin:top left}}

::selection{background:#424a58;color:#fff}::-moz-selection{background:#424a58;color:#fff}