.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6}.error-box{text-align:center}.error-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.error-message{color:#4b5563;margin-bottom:1rem}.error-button{padding:.5rem 1rem;background-color:#3b82f6;color:#ffffff;border-radius:.375rem;cursor:pointer}.error-button:hover{background-color:#2563eb}.notfound-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.notfound-box{text-align:center}.notfound-code{font-size:3.75rem;font-weight:700;color:#1f2937}.notfound-code,.notfound-title{font-family:var(--font-libre-franklin);margin-bottom:1rem}.notfound-title{font-size:1.5rem;font-weight:600;color:#4b5563}.notfound-message{color:#6b7280;margin-bottom:2rem}.notfound-button,.notfound-message{font-family:var(--font-libre-franklin)}.notfound-button{padding:.75rem 1.5rem;color:var(--white_background);border-radius:.375rem;transition:background-color .2s ease;text-decoration:none}.notfound-button,.notfound-button:hover{background-color:var(--blue_background)}.toast-container{max-width:370px;background:#c3c3c3;color:#333;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-direction:column;pointer-events:auto;margin:8px;overflow:hidden;border:1px solid #ddd;font-family:var(--font-libre-franklin)}.toast-container,.toast-header{width:100%;display:flex;align-items:center}.toast-header{flex-direction:row;justify-content:space-between;background:#e0e0e0;height:35%}.yimg{width:20%;height:-moz-fit-content;height:fit-content;margin-left:10px}.toast-content{display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:12px}.toast-title{font-size:16px;font-weight:600;margin:0}.toast-message{font-size:14px;margin-top:4px;color:#555}.toast-link{color:#0066cc;text-decoration:underline}.toast-close{background:transparent;border:none;font-size:18px;padding:8px;cursor:pointer;color:#000}.toast-close:hover{color:#0000007d}@keyframes toastEnter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes toastLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}.toast-enter{animation:toastEnter .3s ease-out forwards}.toast-leave{animation:toastLeave .2s ease-in forwards}