/* generated by arte/preparar-pantallas.py (helper title, CRITICA-8 #12): the invite box inside LoK's title panel (UITitle panelLogin) */
:root { --u: calc((100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) / 1080); }
html body #pp-code { position: fixed; left: 50%; right: auto; top: auto; bottom: calc(env(safe-area-inset-bottom, 0px) + var(--u) * 151); width: calc(var(--u) * 1120); height: calc(var(--u) * 90); min-height: 0; margin: 0 0 0 calc(var(--u) * -560);
  padding: 0; display: block; border: 0; border-radius: 0; background: none; box-shadow: none; gap: 0; }
#pp-code::before { content: ""; position: absolute; left: calc(var(--u) * 80); top: calc(var(--u) * 10); width: calc(var(--u) * 700); height: calc(var(--u) * 70); box-sizing: border-box; border-style: solid; border-width: 0 calc(var(--u) * 33) 0 calc(var(--u) * 262);
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAABGCAYAAAB2Zan9AAADv0lEQVR4nO3czU4TURjG8adTChjUxBhJDabYFDBo4sKFrnThBli4cu3eRINx58JrMCorr8NFMcaN3oWCHyx0iRGqk5ZOzSktDLU0DJ2Z02P/v+TQdqa0J0P6cPp2+mbyF+YVVt2/uihpWdKMpNkDdwKOKfA3e+73xs9YPbZBl22T56b2rnveaKrzGSJbkr5L+iypLGml251GumxrB9VS8nMEgKZTki61xlJrvJS0qhAvfEPSs1a6EVYAbFpqZdGLwwLLhNWD9OcFDLZK5ZftKQyz5XBojVSlrKSHkh7bnReGge0aFZwNrTfm7WF7hWUCC0AXld+mHgzLnpsfXqvIbj4JBIBBZc5UWPSyrK4AuOGhWWFdtT0LYNBReB8IM15dOmt7FgBwBLNmhTV2lHsCgG2dJ44CwMDq9tUcYGh1/gfPZnYvq3+2NOplNTbBdwltYoUFwBkEFnBE1arPsbKMwALgDGpYQA/1RscKqxHaYGRaRS6kghUWEIFf422hTQQWcER1Ass6AguAM6hhARH42z8VnJjY39BR0qLne7JYYQFwBoEFwBkEFhARrWbsIbAAOIPAAiKix7s9BBYAZxBYAJxBYAF9FN7NeVfhgWQRWACcQWABcAaBBcAZBBYQQS6zO0yP99qfCscuZQQWAGcQWMAx0eM9fQQWAGfQDwvoo8d7EFQP7OdcrGSxwgL6aJmMdBFYQB9oNZMuAgvoA50b0kVgAXAGgQXAGQQWAGcQWECfKLynh8AC4AwCC+gTnxSmh8AC4AwCC4AzCCwgBhTe00FgAXAGgQXAGQQWAGcQWEAf6PGeLgILiAktk5NHYAFwBoEFxKRa8zmWCaOnOxBTj/emRseGTIbjGyNWWECMfFZZiSKwgBgRWMkH1u+EnwMA4lDzgh39CHak9gBwfP72TwWN2t5ANKbk12N8NSuszxEfEwBsWPOKM3NvrTw1AEQwmc+XveLs3KsovwSgN1rNJOLTZP582SsWp39NlfIvfW3KjEA6MAAgLbmxXNdRunxldbJQzDRPa1hcuLtSKs2XU5sV8B+jx3t8NtY/movy9MyllWYNq7V9bXHh7jKhBWCQFEpz5ZsLdx6ZjOo8cbQZWlOFi0/45BCAZZ8kLYfDysjcf3qw5p4dzWZNsH148/rexvrHWxrR7Y4H4stRwCH8nc3mZak033V/Vqc5dj1MnDz9TtK3a9dvvJf0vt7IfQnvPyywjIKkac+vnOx4zN2/CIB/jI63Xz7d+Rof9qN2qufemm9aXnxr3dqoN3L18O6/ggvfdSrEeR8AAAAASUVORK5CYII=) 0 33 0 262 fill / 0 calc(var(--u) * 33) 0 calc(var(--u) * 262) stretch; }
html body #pp-code label { position: absolute; left: calc(var(--u) * 80); top: calc(var(--u) * 10); width: calc(var(--u) * 262); height: calc(var(--u) * 70); margin: 0; font-size: 0; line-height: 0; }
#pp-code label::after { content: "INVITE CODE"; display: block; width: 100%; text-align: center; line-height: calc(var(--u) * 70); font: 700 calc(var(--u) * 26) / calc(var(--u) * 70) "Trebuchet MS", Arial, sans-serif; letter-spacing: .02em; color: #fff;
  text-shadow: -1px -1px 0 #000a, 1px -1px 0 #000a, -1px 1px 0 #000a, 1px 1px 0 #000a, 0 2px 3px #0008; }
html body #pp-code input { position: absolute; left: calc(var(--u) * 350); top: calc(var(--u) * 10); width: calc(var(--u) * 389); height: calc(var(--u) * 70); box-sizing: border-box; margin: 0; padding: 0 4px; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none;
  color: #fff; font: 700 max(16px, calc(var(--u) * 30)) monospace; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
html body #pp-code input::placeholder { color: #ffffff55; }
html body #pp-code button { position: absolute; left: calc(var(--u) * 810); top: 0; width: calc(var(--u) * 230); height: calc(var(--u) * 90); box-sizing: border-box; margin: 0; padding: 0; border: 0; border-style: solid; border-radius: 0; background: none; font-size: 0; cursor: pointer;
  border-width: 0 calc(var(--u) * 35) 0 calc(var(--u) * 35); border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABkCAYAAAAR+rcWAAAFOElEQVR4nO2dzW8bRRiHf/FuzCRtwEIhagC1VHEFRREUqdyQOFIC4gJHLnBCSgJC4oi49oho07+AOxJCDanEpRIXpEiFqiKBmhZC0lRuilZxPqa210Gz2bF39sOO/QaUXb+PNNrsp72P35mdXTvzDhRGn0EQWXeNeWFbOQBFABf86TsATiG1uEkrKgDuAdYdAAt+Kcm62whuJGzL2Gmgg8BZYVtfhV5oAKnG7bDe2gvMKIGXAagSK1BFVxwq0uYBXEJ/U/QdzPt/R4iLwFkVeQDOqHkR3sNGtpHSnLWbBm6rSBS21YzGOB2zSVE39tIUJt+/AtE6YOZYv/kdau4myjfmUf5ZBZ3BGd/Nbb99jESgV21l3fUiT3PSF6fJskCFhANN+cZVLH79GYII21ICp1T7GG4DlV1D3nPvfWHI6zfGXnkL46/OJEWiEYHqSvuxt0Rue5PJD+a8AwgUIgeuyk3UvFJB1tj6xwusJn+v1VB98Cu2l7/ZXyDLetWnAK7oNvDN4E5j56Y8eXHidpy19u9gIOnCng6Ojz1rLli7i/xTL6K6sYTaxlJwzbQSqDvJRtWd/DBabbed1c7yMszxs++GFylvE7m46IuTl8Xq2i2Do2fDi6ZVFTaMFac+R07mkBePB9q7LuTtGXc+qafwhIv1lf120Xp6ErXV68HVRSUwolXLU7SrtoWRHAoj5q1N2nAqLpxK8oc+frLYFBiDJ3A0uGS40LozUdGXVXEadR6qdBLZTuCxpOhTXZUsywuiz8nZRVe0vbP12r5Qt2TIymOg2prPDaZbZqPWejozZFlwIg9rdtru33WnTWT4YYLo4dzS3es9ArBAIl0HbdrbvMM+H45AIiyQCAskwgKJsEAiLJAICyTCAomwQCIskAgLJMICibBAIiyQCAv8v58HusEvRKB+z5lHmgmfz38egerrv6zi9HBuPQjM1i8PqOfWUxuYxSh0ejwnm/pJFUZobchREddrzer5W179gk6Gq/RB4G4MERZIpPsqnPKf8B42bIMICyTCAomwQCIskAgLJMICibBAIiyQCAskwgKJsEAiLJAICyTCAomwQCIskAgLJMICibBAIiyQCAskwgKJsEAiLJAICyTCAomwQCIskAgLJMICibBAIiyQCAskwgKJsEAiLJAICyTCAg/7/0TUyL1qINqkEXyzTi6Ur6e0vAXsnU7e3s8lFBm5NziaL4O2Au8HF/CQ7yZOuW3+gHtKoEowYqCr76AYQT+zcud3Y955EJG5mAumt1GUrl5EY2sNcmMJVr0CWDtmSTtWvm1pNHa8svbnTZRXb8GtrTTLsPwpfLQf7LgI7KdkA3GosfPjxs9v3F8ML/peR2BTYvm3H3Hr24voV9YT5LlRecpZSacECmTz2h/GZOz517ySe3LczPJST3lSKjv6/jcfbnql8rCC3Ue/GOvcquXJa0Vfc4gDlULpcjCr15cAZoB8s284eO6jyIvlHzNyF2SO6qP9nFIaU563hevX2rfVXFDgBIDloEBF7sR5WCfO96VANyKvKfAFnRYtnNlwGsjPxR1YiVQMnXodWWb3r+tJFwyfqmru5hITjRZGT6u6HU5I2qKOfh4E4RNn4+6lTplabSHEG0KIGT9zVWxSztbWx5Bq6mabl8CClHJOSnktHEKxAv3phJIohNB5hftRYMkXpy4af+g9DipQX1iKQohiYHoh4wIXpJQlX56aXgvv0Y1ALTHIy6H5PaSbsANtVPemdeQdWGAcIlCNwz3R/AGPcVQJD/41rBJCxoiL5V//X6709agc4AAAAABJRU5ErkJggg==) 0 39 0 39 fill / 0 calc(var(--u) * 35) 0 calc(var(--u) * 35) stretch; }
#pp-code button::after { content: "ENTER"; display: block; width: 100%; margin: 0 calc(var(--u) * -35); text-align: center; font: 800 calc(var(--u) * 38) / calc(var(--u) * 82) "Trebuchet MS", Arial, sans-serif; letter-spacing: .04em; color: #fff;
  text-shadow: -2px -2px 0 #0a2550, 2px -2px 0 #0a2550, -2px 2px 0 #0a2550, 2px 2px 0 #0a2550, 0 3px 0 #0a2550; }
#pp-code button:active { filter: brightness(.85); }
#pp-code button:disabled { filter: saturate(.4) brightness(.8); }
/* the refusal line sits above the panel, over the video */
html body #pp-code p { position: absolute; left: calc(var(--u) * -20); width: calc(var(--u) * 1160); bottom: calc(var(--u) * 175); margin: 0; flex: none; text-align: center; font: 700 max(13px, calc(var(--u) * 30)) "Trebuchet MS", Arial, sans-serif; color: #ffb3a8; text-shadow: 0 1px 3px #000, 0 0 6px #000; }