.empty-key-dialog-key-container{margin:.5em auto .5em auto;text-align:center}.empty-key-dialog-key-label{display:block;font-size:.95em;margin-bottom:.2em}.empty-key-dialog-key{display:block;font-family:monospace;font-size:1.1em;background:inherit;padding:.2em .5em;border-radius:4px;margin-bottom:.2em}dialog#empty-key-dialog{border:2.5px solid var(--color-main);border-radius:12px;background:var(--background-color, rgba(255,255,255,0.85));backdrop-filter:blur(8px) saturate(1.2);box-shadow:0 4px 32px 0 rgba(0,0,0,0.18);padding:1.5rem 1.5rem 1rem 1.5rem;color:var(--font-color, #222);min-width:320px;max-width:90vw;text-align:center;z-index:1000}dialog#empty-key-dialog::backdrop{background:rgba(0,0,0,0.18);backdrop-filter:blur(2px)}body{display:grid;gap:1rem;grid-template-rows:auto 1fr;height:100vh;max-height:900px}body main{display:grid;gap:3rem;place-content:center;align-content:center;margin:0}body main #enter{margin-left:auto;margin-right:auto;justify-self:center;margin-top:3rem;border:1px solid #777;width:340px;border-top:3px solid var(--color-main)}body main #enter .hint-icon{margin-left:.25rem}body main #enter>#form{padding:1rem;padding-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center}body main #enter>#form>div.enter-option{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center}body main #enter>#form>div.enter-option>h3{margin:0}body main #enter>#form>div.enter-option>.divider{position:relative;display:flex;align-items:center;color:--font-color}body main #enter>#form>div.enter-option>.divider::before,body main #enter>#form>div.enter-option>.divider::after{content:"";background-color:--font-color;width:80%;position:absolute;height:1px;display:flex}body main #enter>#form>div.enter-option>.divider::before{left:-100%}body main #enter>#form>div.enter-option>.divider::after{left:calc(100% + 20%)}body main #enter>#form>div.enter-option>#file-selector{width:100%;display:flex;flex-direction:column;gap:1rem}body main #enter>#form>div.enter-option>#file-selector>input[type="file"]{width:100%;text-align:center;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}body main #enter>#form>div.enter-option>#file-selector>label{cursor:pointer;width:100%;border:1px solid #777;padding:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem}body main #enter>#form>div.enter-option>#file-selector>label>img{filter:var(--logo-generic-filter);width:1.3rem}body main #enter>#form>div.enter-option>#file-selector>label>span{width:100%;text-align:center}body main #enter>#form>div.enter-option>a{color:inherit;text-decoration:none;border:1px solid #777;padding:.5rem;display:flex;align-items:center;gap:.5rem;width:100%;font-size:.8rem}body main #enter>#form>div.enter-option>a>img{filter:var(--logo-invert-dark);width:1.3rem}body main #enter>#form>div.enter-option>a>span{width:100%;text-align:center}body main #enter>#form>div.enter-option>form{display:flex;width:100%}body main #enter>#form>div.enter-option>form>#key{flex-grow:1;padding:.5rem;font-size:.75rem;font-family:monospace,'Fira Mono','Consolas','Menlo','Monaco','Liberation Mono','Courier New',Courier;width:36ch;min-width:28ch;max-width:100%;box-sizing:border-box}body main #enter>#form>div.enter-option .error{display:none;font-size:.8rem}body main #enter>button#enter-submit{display:flex;align-items:center;width:100%;background-color:var(--color-main);color:var(--color-main-font-color);font-weight:bold;border:0;padding:.5rem;justify-content:center}body main #enter>.error{padding:1rem}body main #enter>#qr-scanner{width:100%;height:100vh;position:fixed;left:0;top:0;background-color:hsla(0,0%,47%,0.439);display:none;justify-content:center;align-content:center;z-index:2000}body main #enter>#qr-scanner>#scanner-container{width:500px;max-width:100vw;max-height:80vh}body main #enter>#qr-scanner>#scanner-container>video{width:100%;max-height:80vh}body main #enter>#qr-scanner>#scanner-container>a{display:block;width:100%;text-align:center;background-color:var(--color-main);padding:.5rem;margin-top:-5px;color:white;font-weight:bold;text-decoration:none}body main #enter .login-info-promo{margin-top:1em}body main #create{margin-left:auto;margin-right:auto;justify-self:center;width:340px}body main #create a.button{padding:.5rem;width:100%;text-align:center;background:transparent;border:none;color:#575757;text-decoration:underline}