.dhm:where(.astro-qcxzib6s){gap:3rem;margin-top:1rem;display:grid}.dhm-h:where(.astro-qcxzib6s){font:500 12px/1 var(--sl-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-gray-3);border:0;margin:0 0 1rem;padding:0}.dhm-start:where(.astro-qcxzib6s){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dhm-step:where(.astro-qcxzib6s){border:1px solid var(--sl-color-hairline-light);background:var(--ant0-card);color:inherit;transition:border-color .2s var(--ease-out), transform .2s var(--ease-out);border-radius:14px;text-decoration:none;display:grid;overflow:hidden}.dhm-step:where(.astro-qcxzib6s):hover{border-color:var(--sl-color-accent);transform:translateY(-2px)}.dhm-step-art:where(.astro-qcxzib6s){background:var(--sl-color-gray-7);border-bottom:1px solid var(--sl-color-hairline);height:120px;display:block;position:relative}.dhm-step-art:where(.astro-qcxzib6s) img:where(.astro-qcxzib6s){object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.dhm-n:where(.astro-qcxzib6s){background:var(--sl-color-accent);width:26px;height:26px;color:var(--ant0-accent-ink);font:700 13px/1 var(--sl-font-mono);border-radius:7px;place-items:center;display:grid;position:absolute;top:12px;left:14px}.dhm-step-t:where(.astro-qcxzib6s){gap:6px;padding:16px 18px 18px;display:grid}.dhm-step-t:where(.astro-qcxzib6s) b:where(.astro-qcxzib6s),.dhm-card:where(.astro-qcxzib6s) b:where(.astro-qcxzib6s){color:var(--sl-color-white);font-size:16px;font-weight:600}.dhm-step-t:where(.astro-qcxzib6s)>span:where(.astro-qcxzib6s),.dhm-card:where(.astro-qcxzib6s) span:where(.astro-qcxzib6s)>span:where(.astro-qcxzib6s){color:var(--sl-color-gray-2);font-size:14px;line-height:1.5;display:block}.dhm-grid:where(.astro-qcxzib6s),.dhm-auto-cards:where(.astro-qcxzib6s){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dhm-auto:where(.astro-qcxzib6s){grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.dhm-auto-cards:where(.astro-qcxzib6s){grid-template-columns:minmax(0,1fr)}.dhm-card:where(.astro-qcxzib6s){border:1px solid var(--sl-color-hairline-light);background:var(--ant0-card);color:inherit;transition:border-color .2s var(--ease-out);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;text-decoration:none;display:flex}.dhm-card:where(.astro-qcxzib6s):hover{border-color:var(--sl-color-accent)}.dhm-card:where(.astro-qcxzib6s)>span:where(.astro-qcxzib6s):last-child{gap:4px;min-width:0;display:grid}.dhm-ico:where(.astro-qcxzib6s){border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-black);width:38px;height:38px;color:var(--sl-color-accent);border-radius:10px;flex:none;place-items:center;display:grid}.dhm-ico:where(.astro-qcxzib6s) .ico:where(.astro-qcxzib6s){width:18px;height:18px}.dhm-code:where(.astro-qcxzib6s){border:1px solid var(--sl-color-hairline-light);background:var(--sl-color-gray-7);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.dhm-code-h:where(.astro-qcxzib6s){border-bottom:1px solid var(--sl-color-hairline);color:var(--sl-color-gray-2);align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:13px;display:flex}.dhm-code-h:where(.astro-qcxzib6s) .dot:where(.astro-qcxzib6s){background:var(--sl-color-accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--sl-color-accent-low);border-radius:50%}.dhm-code:where(.astro-qcxzib6s) pre:where(.astro-qcxzib6s){font:13px/1.65 var(--sl-font-mono);color:var(--sl-color-gray-1);background:0 0;border:0;flex:1;margin:0;padding:16px;overflow-x:auto}.dhm-code:where(.astro-qcxzib6s) .c:where(.astro-qcxzib6s){color:var(--sl-color-gray-3)}@media (width<=60rem){.dhm-auto:where(.astro-qcxzib6s){grid-template-columns:minmax(0,1fr)}}@media (width<=50rem){.dhm-start:where(.astro-qcxzib6s),.dhm-grid:where(.astro-qcxzib6s){grid-template-columns:minmax(0,1fr)}.dhm-step-art:where(.astro-qcxzib6s){height:96px}}