.agaria .as-stack{--as-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--as-code-bg:#1c1a20;--as-code-ink:#f5f2ed;--as-comment:#b9a8e8;grid-template-columns:minmax(0,1fr);justify-items:center;gap:18px;display:grid}.agaria .as-modes{border:1px solid var(--pk-line);background:var(--pk-card);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.agaria .as-modes button{font:500 15px/1 var(--as-mono);color:var(--pk-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px}.agaria .as-modes button.is-on{background:var(--pk-accent);color:#fff}.dark .agaria .as-modes button.is-on{color:#12100f}.agaria .as-card{border:1px solid var(--pk-line);background:var(--pk-card);text-align:left;width:100%;min-width:0}.agaria .as-tabs{border-bottom:1px solid var(--pk-rule);scrollbar-width:none;gap:4px 22px;padding:0 22px;display:flex;overflow-x:auto}.agaria .as-tabs button{font:500 15px/1 var(--as-mono);color:var(--pk-ink);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:18px 0 16px}.agaria .as-tabs button.is-on{border-bottom-color:var(--pk-ink);font-weight:700}.agaria .as-code-wrap{background:var(--as-code-bg);position:relative}.agaria .as-code{min-height:168px;font:400 14px/1.75 var(--as-mono);color:var(--as-code-ink);white-space:pre;margin:0;padding:24px 92px 24px 22px;overflow-x:auto}.agaria .as-code :is(code,span){font:inherit;color:inherit;background:0 0;padding:0}.agaria .as-code .as-comment{color:var(--as-comment)}.agaria .as-copy{font:500 13px/1 var(--as-mono);color:var(--as-code-ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:8px 12px;position:absolute;top:14px;right:14px}.agaria .as-copy:hover{background:#ffffff29}.agaria .as-foot{font:400 14px/1.5 var(--as-mono);color:var(--pk-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:14px 22px;display:flex}.agaria .as-guide{color:var(--pk-ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--pk-line);text-decoration-color:var(--pk-line);white-space:nowrap}.agaria .as-guide:hover{-webkit-text-decoration-color:var(--pk-ink);text-decoration-color:var(--pk-ink)}.agaria :is(.as-modes,.as-tabs,.as-copy,.as-guide) :focus-visible,.agaria :is(.as-modes button,.as-tabs button,.as-copy,.as-guide):focus-visible{outline:2px solid var(--pk-accent);outline-offset:2px}@media (max-width:640px){.agaria .as-tabs{gap:4px 18px;padding:0 16px}.agaria .as-code{padding:56px 16px 20px;font-size:13px}.agaria .as-foot{padding:12px 16px;font-size:13px}}