#modal{z-index:1000;position:absolute;inset:0;display:grid;place-content:center}#modal:focus{outline:none}#modal.open{background:rgba(0,0,0,.8)}#attention-popup{text-decoration:none;padding:8px;background:#162226;color:#fff;width:.1px;transform:translateY(-200%);gap:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px;box-shadow:0 0 5px #8bf6f2;overflow:hidden}#attention-popup .attention{display:flex;flex-direction:row;align-items:center;justify-content:center;text-transform:uppercase;opacity:0;font-size:15px;font-weight:normal;font-family:"5x5",monospace;text-align:left;padding:10px 0}#attention-popup .attention span{margin:0 10px}#attention-popup .prompt{opacity:0;padding:10px}#attention-popup img{height:300px;filter:brightness(0)}#attention-popup button{opacity:0}#attention-popup #input-enter{width:80%;margin:10px;opacity:0}#attention-popup .input-row{display:flex;flex-direction:column;gap:10px;color:#8bf6f2;font-family:"8x8",monospace;text-transform:uppercase;font-size:12px;width:100%}#attention-popup form{display:flex;gap:20px;width:100%;margin-top:1em;margin-bottom:1em}#attention-popup form input{flex:1;padding:8px;border:1px solid #8bf6f2;width:100px;color:#162226;font-size:15px;text-align:center;width:100%;padding:10px}#attention-popup form input:focus{border:1.3px solid #fff;box-shadow:0 0 10px #ffbdfe;outline:none;z-index:1000}#attention-popup.open{width:500px;transform:translateY(0%);transition:width 1s ease,transform .1s ease}#attention-popup.open img{filter:brightness(1);transition:filter 2s ease .8s}#attention-popup.open button{opacity:1;transition:opacity .1s ease}#attention-popup.open button:disabled{opacity:.5;cursor:not-allowed;animation:none}#attention-popup.open #input-enter{opacity:1;transition:opacity .1s ease .5s}#attention-popup.open .spinner{width:30px;height:30px;border:8px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}#attention-popup.open .attention{opacity:1;transition:opacity .1s ease .6s}@keyframes flash{0%,20%{opacity:0}40%,80%{opacity:1}100%{opacity:0}}#attention-popup.open .prompt{opacity:1;transition:opacity .1s ease .8s}@keyframes grow-shrink{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.hover-span-link{cursor:pointer;text-decoration:underline;color:#8bf6f2;transition:color .2s ease}.hover-span-link:hover{color:#ffbdfe}