.error-component-container{background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.error-component-container .route-error,.error-component-container .async-error{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.error-component-container .route-error-info{flex-direction:column;justify-content:center;width:60%;display:flex;position:relative}.error-component-container .route-error-info>p{color:#aaa;margin-top:1rem;margin-bottom:4rem;font-size:2rem}.error-component-container .route-error-info .error-status{color:var(--accent);font-size:2rem;font-weight:400;position:absolute;top:-1rem}.error-component-container .route-error-info .error-status-text{font-size:8rem;font-weight:500;position:relative}.error-component-container .route-error-info .error-buttons{gap:3rem;display:flex}.error-component-container .route-error-info .error-buttons button{border-radius:25rem;justify-content:center;align-items:center;width:18rem;height:5rem;transition:background-color .3s;display:flex;position:relative}.error-component-container .route-error-info .error-buttons button p{font-size:1.6rem;font-weight:500;transition:all .3s}.error-component-container .route-error-info .error-buttons button .error-icon{opacity:0;color:#000;font-size:1.8rem;transition:all .3s;position:absolute;right:2rem}.error-component-container .route-error-info .error-buttons button:hover p{transform:translate(-1rem)}.error-component-container .route-error-info .error-buttons button:hover .error-icon{opacity:1;right:1rem}.error-component-container .route-error-info .error-buttons .error-homepage:hover{color:#000;background-color:#fff}.error-component-container .route-error-info .error-buttons .error-return{color:var(--accent);border:1px solid var(--accent);background-color:#0000;transition:all .2s linear}.error-component-container .route-error-info .error-buttons .error-return:hover{color:#000;background-color:#fff;border:none}@media (max-width:768px){.error-component-container .route-error-info{width:80%}.error-component-container .route-error-info>p,.error-component-container .route-error-info .error-status{font-size:1.8rem}.error-component-container .route-error-info .error-status-text{font-size:7rem}.error-component-container .route-error-info .error-buttons{gap:2rem}.error-component-container .route-error-info .error-buttons button{width:100%;height:4.5rem;padding:0 2rem}.error-component-container .route-error-info .error-buttons button p{font-size:1.5rem}.error-component-container .route-error-info .error-buttons button .error-icon{font-size:1.7rem}}@media (max-width:480px){.error-component-container .route-error-info{width:90%}.error-component-container .route-error-info .error-status{font-size:1.5rem}.error-component-container .route-error-info .error-status-text{font-size:5rem}.error-component-container .route-error-info .error-buttons button{height:4rem;padding:0 2rem}.error-component-container .route-error-info .error-buttons button p{font-size:1.4rem}.error-component-container .route-error-info .error-buttons button .error-icon{font-size:1.6rem}}