.hydra-error{place-items:center;min-height:60vh;padding:3rem 1rem;display:grid}.hydra-error__card{background:var(--surfaces-background);border:1px solid var(--border-stroke);border-radius:var(--hydra-radius);box-shadow:var(--hydra-shadow);text-align:center;gap:1rem;width:100%;max-width:40rem;padding:2.5rem 2rem;display:grid}.hydra-error__code{color:var(--surfaces-primary);font-size:var(--text-5xl);font-weight:var(--cc-font-weight-bold);line-height:var(--cc-line-height-sm);margin:0}.hydra-error__title{font-size:var(--text-2xl);line-height:var(--cc-line-height-md);margin:0}.hydra-error__text{color:color-mix(in srgb, currentcolor 72%, transparent);font-size:var(--text-md);margin:0}.hydra-error__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.hydra-error__button{--bgColor:var(--surfaces-primary);background:var(--bgColor);border:1px solid var(--bgColor);border-radius:var(--hydra-radius-pill);color:#fff}@supports (color:contrast-color(red)){.hydra-error__button{color:contrast-color(var(--bgColor))}}.hydra-error__button{cursor:pointer;font-size:var(--text-base);font-weight:var(--cc-font-weight-bold);padding:.65rem 1.5rem;text-decoration:none}.hydra-error__button--ghost{color:var(--surfaces-primary);background:0 0}@supports (color:contrast-color(red)){.hydra-error__button--ghost{color:var(--surfaces-primary)}}.hydra-error__button:hover{box-shadow:var(--hydra-shadow-hover)}.hydra-error__ref{color:color-mix(in srgb, currentcolor 55%, transparent);font-size:var(--text-xs);margin:0}.hydra-error__hint{background:var(--surfaces-secondary);border-radius:var(--hydra-radius-sm);font-size:var(--text-xs);text-align:left;margin:0;padding:.75rem 1rem}