@layer components{.ndm-prod-how,.ndm-prod-pricing,.ndm-prod-more{row-gap:var(--head-gap);padding-block:var(--space-y)}.ndm-prod-how>*,.ndm-prod-pricing>*,.ndm-prod-more>*{grid-column:1/-1}.ndm-prod-how>.ndm-prod-steps{grid-column:1/span 5;align-self:start;display:grid}.ndm-prod-steps li{gap:16px;padding-block:20px;display:flex}.ndm-prod-steps li:first-child{padding-top:0}.ndm-prod-steps li+li{border-top:1px solid var(--border)}.ndm-prod-n{border-radius:var(--radius-lg);background:var(--tone-subtle);width:28px;height:28px;color:var(--tone-strong);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-size:13px;font-weight:500;display:grid}.ndm .ndm-prod-steps h3{letter-spacing:-.005em;padding-top:3px;font-size:17px;line-height:22px}.ndm .ndm-prod-steps h3+p{color:var(--muted-foreground);text-wrap:pretty;margin-top:6px;font-size:15px;line-height:24px}.ndm-prod-how>.ndm-prod-code-art{grid-column:7/-1;align-self:start}.ndm-prod-code{border-radius:var(--radius-4xl);background:var(--card);width:min(100%,32rem);box-shadow:var(--shadow-sheet), 0 24px 48px -20px #0000002e;margin:0;overflow:hidden}@supports (color:lab(0% 0 0)){.ndm-prod-code{box-shadow:var(--shadow-sheet), 0 24px 48px -20px lab(0% 0 0/.18)}}.ndm-prod-code-bar{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.ndm-prod-code-mark{border-radius:var(--radius-lg);background:var(--tone-subtle);width:24px;height:24px;color:var(--tone-strong);place-items:center;display:grid}.ndm-prod-code-bar b{color:var(--foreground);font-family:var(--font-mono);font-size:12px;font-weight:500}.ndm-prod-code pre{font-family:var(--font-mono);color:var(--foreground);margin:0;padding:20px;font-size:13px;line-height:22px;overflow-x:auto}.ndm-prod-code figcaption{border-top:1px solid var(--border);color:var(--muted-foreground);padding:12px 20px;font-size:12px;line-height:16px}.ndm-prod-sizes{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px;line-height:22px}.ndm-prod-sizes caption{color:var(--muted-foreground);text-align:left;padding:16px 0 8px;font-size:14px;font-weight:500}.ndm-prod-sizes :is(th,td){border-top:1px solid var(--border);text-align:left;padding:12px 0}.ndm-prod-sizes thead th{color:var(--muted-foreground);font-size:13px;font-weight:500}.ndm-prod-sizes tbody th{font-weight:500}.ndm-prod-sizes :is(th,td):not(:first-child){text-align:right}@media (max-width:860px){.ndm-prod-how>.ndm-prod-steps,.ndm-prod-how>.ndm-prod-code-art{grid-column:1/-1}}}