.error-route{-webkit-user-select:none;user-select:none;font-family:var(--font-saira-stencil-one);background-color:var(--prm-col-2);border-radius:100px;justify-content:center;place-self:center;align-items:center;gap:10px;width:220px;margin-inline:auto;padding-block:7px;display:flex;position:relative}.error-route i{font-size:15px}.error-route:before{content:"ERROR";border:3px solid var(--bg-col);border-radius:inherit;text-align:center;z-index:1;width:110px;padding-block:5px;font-size:15px}.error-route>:only-child{gap:10px;display:flex}.error-route>:only-child>*{cursor:pointer;background-color:inherit;border:3px solid var(--bg-col);aspect-ratio:1;z-index:1;width:33px;transition:background-color var(--trans-dur);border-radius:100px;justify-content:center;align-items:center;display:flex}.error-route>:only-child>*:hover{background-color:var(--prm-col-1)}.error-route:has(>:only-child>:nth-child(2):hover):before{content:"INFO"}.error-route:has(>:only-child>:first-child:hover):before{content:"RELOAD"}.error-msg-portal{z-index:200;text-align:center;background-color:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100dvw;height:100dvh;padding:20px;display:none;position:fixed;top:50%;left:50%;translate:-50% -50%}.error-msg-portal.show{animation:fade-in var(--trans-dur)linear forwards;display:flex}.error-msg-portal>h2{color:var(--prm-col-1);-webkit-user-select:none;user-select:none;font-size:20px;font-weight:bolder}.error-msg-portal>p{border:3px solid var(--prm-col-2);text-overflow:ellipsis;background-color:var(--bg-col);border-radius:10px;max-width:700px;max-height:400px;padding:15px;font-size:12px;overflow:hidden}@media (prefers-reduced-motion:reduce){.error-msg-portal.show{animation:none}}@media only screen and (max-width:250px){.error-route{border-radius:20px;flex-direction:column;width:135px}.error-msg-portal>p{width:100%}}
