.err-art{--empty-primary:var(--color-brand);--empty-color:var(--fg);--empty-surface:var(--ink2);--empty-accent-edge:color-mix(in srgb, var(--empty-primary) 70%, var(--empty-surface));--empty-accent-mid:color-mix(in srgb, var(--empty-primary) 48%, var(--empty-surface));--empty-accent-lo:color-mix(in srgb, var(--empty-primary) 24%, var(--empty-surface));--empty-accent-strong:var(--glow);--empty-fill-1:color-mix(in srgb, var(--empty-primary) 5%, var(--empty-surface));--empty-fill-2:color-mix(in srgb, var(--empty-primary) 10%, var(--empty-surface));--empty-fill-3:color-mix(in srgb, var(--empty-primary) 15%, var(--empty-surface));position:relative}.err-art>span{justify-content:center;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0}.err-art>span>svg{width:auto;height:100%}.err-art>span.is-off{opacity:0;transform:translateY(14px)scale(.96)}.err-art:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--color-brand) 30%, transparent), transparent);filter:blur(10px);border-radius:50%;position:absolute;inset:18% 8% 0}.err-code{letter-spacing:-.04em;font-size:clamp(72px,12vw,132px);font-weight:800;line-height:1}.err-glow{background:radial-gradient(55% 50% at 50% 45%, color-mix(in srgb, var(--color-brand) 18%, transparent), transparent 70%)}:root[data-theme=light] .err-art{--empty-accent-edge:color-mix(in srgb, var(--empty-primary) 85%, var(--empty-surface));--empty-accent-mid:color-mix(in srgb, var(--empty-primary) 68%, var(--empty-surface));--empty-accent-lo:color-mix(in srgb, var(--empty-primary) 40%, var(--empty-surface))}
