.al-x11{position:relative;width:100%;max-width:340px;margin-inline:auto;padding-top:22px}.al-x11 .al-x11-face{position:absolute;top:0;right:18px;box-shadow:0 0 0 3px var(--al-cli-bright)}.al-x11-stage{position:relative;height:112px;overflow:hidden;border-radius:16px}.al-x11-head{position:absolute;inset:0;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--al-paper)}.al-x11-ini{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--al-blue);color:var(--al-paper);font-size:15px;font-weight:700}.al-x11-name{display:flex;flex:1;min-width:0;flex-direction:column}.al-x11-name b{font-size:16px;font-weight:600;color:var(--al-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-x11-name small{font-size:13px;color:var(--al-muted)}.al-x11-pill{flex-shrink:0;padding:2px 10px;border:1px solid var(--al-cli-line);border-radius:999px;background:var(--al-cli-soft);color:var(--al-cli);font-size:13px;font-weight:600}.al-x11-prova{background:var(--al-paper-2)}.al-x11-prova .al-x11-ini{background:var(--al-req)}.al-x11-prova .al-x11-pill{border-color:var(--al-rem-line);background:var(--al-rem-soft);color:var(--al-rem-ink)}.al-x11-tile{position:absolute;width:calc(100% / 8);height:calc(100% / 3);overflow:hidden;opacity:0}.al-x11-tile>span{position:absolute;width:800%;height:300%}@media (prefers-reduced-motion:no-preference){html.js .al-x11 .al-x11-tile{opacity:1;transition:opacity .35s var(--al-ease);transition-delay:calc(var(--d) * 55ms + .3s)}html.js .al-x11[data-seen=true] .al-x11-tile{opacity:0}}