.rc-copy-ic{place-items:center;width:18px;height:18px;display:grid}.rc-copy-ic .ri{grid-area:1/1;width:18px;height:18px;transition:opacity .2s,scale .2s}.rc-copy-b,.rc-copy[data-state=copied] .rc-copy-a{opacity:0;scale:.5}.rc-copy[data-state=copied] .rc-copy-b{opacity:1;scale:1}.rc-back{font-weight:500;font-size:var(--fs-body);align-items:center;gap:6px;line-height:1.3;transition:opacity .15s;display:inline-flex;position:relative}.rc-back:before{content:"";position:absolute;inset:-10px -4px}.rc-back:hover{opacity:.8}.rc-back .ri{color:currentColor;width:16px;height:16px;transition:translate .15s}.rc-back:hover .ri{translate:-2px}.rc-rh-h{text-wrap:balance;max-width:14em}.rc-rh-act{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}@media (width<40rem){.rc-rh-act{width:100%;display:grid}.rc-rh-act>.btn{width:100%}}.rc-rh-side{flex-shrink:0;width:100%;max-width:380px}@media (width>=64rem){.rc-rh-side{width:340px}}.rc-meta{font-size:var(--fs-body);flex-direction:column;line-height:1.4;display:flex}.rc-meta>div{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-block:12px;display:flex}.rc-meta>div:first-child{border-top:0;padding-top:0}.rc-meta>div:last-child{padding-bottom:0}.rc-meta dt{font-size:var(--fs-meta);color:var(--muted);flex-shrink:0}.rc-meta dd{text-align:right;overflow-wrap:anywhere;min-width:0}.rc-meta a,.rc-more-note a{text-underline-offset:4px;text-decoration:underline;text-decoration-color:color-mix(in oklab, currentColor 40%, transparent);transition:color .15s,text-decoration-color .15s}.rc-meta a:hover,.rc-more-note a:hover{color:var(--fg);text-decoration-color:currentColor}.rc-ext{font-weight:500;font-size:var(--fs-body);letter-spacing:-.005em;align-items:center;gap:6px;line-height:1.3;transition:opacity .15s;display:inline-flex;position:relative}.rc-ext:before{content:"";position:absolute;inset:-10px -4px}.rc-ext:hover{opacity:.8}.rc-ext .ri{color:currentColor;width:16px;height:16px;transition:translate .15s}.rc-ext:hover .ri{translate:2px -2px}.rc-win{isolation:isolate;border-radius:var(--r-card);border:1px solid var(--line-soft);background:var(--popover);font-family:var(--font-system);flex-direction:column;margin-top:40px;display:flex;position:relative;overflow:hidden}@media (width>=64rem){.rc-win{margin-top:48px}}.rc-win-bar{border-bottom:1px solid var(--line-soft);background:var(--card);flex-shrink:0;justify-content:center;align-items:center;height:40px;display:flex;position:relative}.rc-win-dots{gap:8px;display:flex;position:absolute;top:14px;left:14px}.rc-win-dots span{background:var(--hover);border-radius:50%;width:12px;height:12px}.rc-win-url{border-radius:var(--r-pill);background:var(--line);height:24px;font-size:var(--fs-meta);color:var(--muted);align-items:center;padding-inline:16px;line-height:1;display:flex}.rc-win-frame{background:var(--popover);border:0;width:100%;height:clamp(30rem,70vw,48rem);display:block}.rc-win-frame.is-loaded{background:#fff}.rc-qs{column-gap:40px;margin-top:40px;display:grid}.rc-qs li{border-top:1px solid var(--line);font-size:var(--fs-h3);text-wrap:pretty;padding:20px 0;line-height:1.3}.rc-qs li:last-child{border-bottom:1px solid var(--line)}@media (width>=40rem){.rc-qs{grid-template-columns:1fr 1fr}.rc-qs li:nth-last-child(2){border-bottom:1px solid var(--line)}}@media (width>=64rem){.rc-qs{column-gap:72px;margin-top:48px}}.rc-code{border-radius:var(--r-card);border:1px solid var(--line-soft);background:var(--card);margin-top:40px;overflow:hidden}@media (width>=64rem){.rc-code{margin-top:48px}.rc-code-bar{padding:12px 16px 12px 24px}}.rc-code-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 12px 12px 20px;display:flex}.rc-code-f{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted);overflow:hidden}.rc-code-pre{overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:break-word;max-height:32rem;font-family:var(--font-mono);font-size:var(--fs-body);color:var(--fg);tab-size:2;outline:none;margin:0;padding:20px;line-height:1.65;overflow:auto}.rc-code-pre code{max-inline-size:92ch;display:block}.rc-code-pre:focus-visible{box-shadow:inset 0 0 0 3px var(--ring)}.rc-code-pre code{font:inherit}@media (width>=40rem){.rc-code-pre{padding:32px}}.rc-more-note{color:var(--muted);margin-top:24px}