.error-code{letter-spacing:-.06em;color:#fff;font-size:clamp(4.5rem,13vw,8rem);font-weight:600;line-height:1;display:inline-block;position:relative}.error-code:before,.error-code:after{content:attr(data-code);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.error-code:before{color:var(--error-code-tear-strong);animation:4s step-end infinite error-code-tear-strong}.error-code:after{color:var(--error-code-tear-soft);animation:4s step-end infinite error-code-tear-soft}.error-code--error{--error-code-tear-strong:#d90429f2;--error-code-tear-soft:#d9042980}.error-code--warning{--error-code-tear-strong:#ffbe0bf2;--error-code-tear-soft:#ffbe0b80}@keyframes error-code-tear-strong{0%,4%,22%,27%,48%,53%,74%,79%,to{clip-path:inset(50% 0);transform:none}1%{clip-path:inset(12% 0 62%);transform:translate(-.05em,-.01em)}3%{clip-path:inset(68% 0 18%);transform:translate(.04em,.01em)}23%{clip-path:inset(34% 0 44%);transform:translate(-.07em)}25%{clip-path:inset(8% 0 74%);transform:translate(.03em,.02em)}49%{clip-path:inset(56% 0 26%);transform:translate(-.04em,.01em)}51%{clip-path:inset(22% 0 55%);transform:translate(-.08em)}75%{clip-path:inset(42% 0 38%);transform:translate(.05em,-.02em)}77%{clip-path:inset(76% 0 10%);transform:translate(-.03em)}}@keyframes error-code-tear-soft{0%,4%,22%,27%,48%,53%,74%,79%,to{clip-path:inset(50% 0);transform:none}1%{clip-path:inset(62% 0 14%);transform:translate(.06em,.01em)}3%{clip-path:inset(20% 0 66%);transform:translate(-.04em,-.02em)}23%{clip-path:inset(46% 0 32%);transform:translate(.08em)}25%{clip-path:inset(70% 0 16%);transform:translate(-.05em,-.01em)}49%{clip-path:inset(14% 0 68%);transform:translate(.07em,.02em)}51%{clip-path:inset(58% 0 24%);transform:translate(.03em,-.01em)}75%{clip-path:inset(28% 0 50%);transform:translate(-.06em,.01em)}77%{clip-path:inset(64% 0 20%);transform:translate(.04em)}}@media (prefers-reduced-motion:reduce){.error-code:before,.error-code:after{display:none}}
