@layer components{:where(.x-failure){gap:var(--pad);max-width:min(46ch,100%);padding:var(--pad);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid}.x-failure strong{color:var(--fg);font-size:.9em;font-weight:400}.x-failure small{color:var(--text)}.x-failure-mark{background:color-mix(in oklch, var(--danger), transparent 88%);width:2.4em;height:2.4em;color:color-mix(in oklch, var(--danger), var(--fg) 20%);border-radius:999px;place-items:center;display:grid}.x-failure-mark svg{width:1.2em;height:1.2em}}