.tiles[data-astro-cid-achxnbkg]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tile[data-astro-cid-achxnbkg]{border-radius:var(--radius);cursor:pointer;text-align:left;border:0;grid-template:"name chip""role role"". ."1fr"hex hex""rgb rgb"/minmax(0,1fr) auto;height:360px;padding:16px;transition:transform .15s;display:grid}.tile[data-astro-cid-achxnbkg].small{grid-template-rows:auto auto 1fr auto;grid-template-areas:"name chip""role role"". .""hex hex";height:160px}.tile[data-astro-cid-achxnbkg]:hover{transform:translateY(-4px)}.tile[data-astro-cid-achxnbkg].edge,.edge-card[data-astro-cid-achxnbkg]{box-shadow:inset 0 0 0 1px var(--neutral-300)}.t-name[data-astro-cid-achxnbkg]{grid-area:name}.t-role[data-astro-cid-achxnbkg]{grid-area:role;padding-top:8px}.t-chip[data-astro-cid-achxnbkg]{border-radius:var(--radius);opacity:0;grid-area:chip;align-self:start;padding:6px 8px;transition:opacity .15s}.tile[data-astro-cid-achxnbkg]:hover .t-chip[data-astro-cid-achxnbkg],.tile[data-astro-cid-achxnbkg]:focus-visible .t-chip[data-astro-cid-achxnbkg],.tile[data-astro-cid-achxnbkg].is-copied .t-chip[data-astro-cid-achxnbkg]{opacity:1}.t-hex[data-astro-cid-achxnbkg]{grid-area:hex}.t-rgb[data-astro-cid-achxnbkg]{grid-area:rgb;padding-top:8px}.toc-grid[data-astro-cid-achxnbkg]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.toc[data-astro-cid-achxnbkg]{border-radius:var(--radius);flex-direction:column;justify-content:space-between;height:240px;padding:16px;display:flex}.toc[data-astro-cid-achxnbkg].short{height:200px}.toc[data-astro-cid-achxnbkg] .h[data-astro-cid-achxnbkg]{font-size:32px}.prop[data-astro-cid-achxnbkg]{height:120px;box-shadow:inset 0 0 0 1px var(--neutral-200);border-radius:var(--radius);display:flex;overflow:hidden}.prop[data-astro-cid-achxnbkg] span[data-astro-cid-achxnbkg]:first-child{border-radius:2px;box-shadow:inset 0 0 0 1px #0003}.role[data-astro-cid-achxnbkg]{grid-template-columns:32px calc(33.3333% - 72px) minmax(0,1fr);align-items:center;column-gap:24px;min-height:80px;padding:16px 0;display:grid}.sw[data-astro-cid-achxnbkg]{border-radius:var(--radius);align-self:stretch;width:32px}.sw-edge[data-astro-cid-achxnbkg]{box-shadow:inset 0 0 0 1px var(--neutral-300)}.role-name[data-astro-cid-achxnbkg]{flex-direction:column;gap:4px;display:flex}.split[data-astro-cid-achxnbkg]{grid-template-columns:calc(44.4444% - 13.3333px) minmax(0,1fr);align-items:center;gap:24px;padding-top:16px;display:grid}.panel[data-astro-cid-achxnbkg]{justify-content:center;align-items:center;height:360px;display:flex}.steps[data-astro-cid-achxnbkg]{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;display:grid}.step[data-astro-cid-achxnbkg]{border-radius:var(--radius);cursor:pointer;text-align:left;border:0;flex-direction:column;justify-content:space-between;height:96px;padding:12px;transition:transform .15s;display:flex}.step[data-astro-cid-achxnbkg]:hover{z-index:1;position:relative;transform:scale(1.04)}.step-edge[data-astro-cid-achxnbkg]{box-shadow:inset 0 0 0 1px var(--neutral-200)}.css-bar[data-astro-cid-achxnbkg]{border-radius:var(--radius);height:80px;box-shadow:inset 0 0 0 1px var(--smoky-black);justify-content:space-between;align-items:center;gap:16px;padding:0 16px 0 24px;display:flex}.css-name[data-astro-cid-achxnbkg]{align-items:center;gap:16px;display:flex}@media (width<=1199px){.tiles[data-astro-cid-achxnbkg]{grid-template-columns:minmax(0,1fr);gap:8px}.tile[data-astro-cid-achxnbkg]{grid-template:"name chip""role hex"".rgb"/minmax(0,1fr) auto;row-gap:8px;height:auto;min-height:112px}.tile[data-astro-cid-achxnbkg].small{grid-template-areas:"name name""role role""hex hex""chip chip";height:auto}.tile[data-astro-cid-achxnbkg]:hover{transform:none}.tile[data-astro-cid-achxnbkg]:active{transform:scale(.98)}.t-chip[data-astro-cid-achxnbkg]{opacity:1;justify-self:end;padding:0;color:inherit!important;background:0 0!important}.tile[data-astro-cid-achxnbkg].small .t-chip[data-astro-cid-achxnbkg]{justify-self:start}.t-role[data-astro-cid-achxnbkg]{padding-top:0}.t-hex[data-astro-cid-achxnbkg],.t-rgb[data-astro-cid-achxnbkg]{justify-self:end;padding-top:0}.tile[data-astro-cid-achxnbkg].small .t-hex[data-astro-cid-achxnbkg]{justify-self:start}.t-chip[data-astro-cid-achxnbkg]{font-size:12px}.toc-grid[data-astro-cid-achxnbkg]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.toc-grid[data-astro-cid-achxnbkg]>.toc[data-astro-cid-achxnbkg]:first-child{order:1}.toc-grid[data-astro-cid-achxnbkg]>.toc[data-astro-cid-achxnbkg]:nth-child(4){order:2}.toc-grid[data-astro-cid-achxnbkg]>.toc[data-astro-cid-achxnbkg]:nth-child(2){order:3}.toc-grid[data-astro-cid-achxnbkg]>.toc[data-astro-cid-achxnbkg]:nth-child(5){order:4}.toc-grid[data-astro-cid-achxnbkg]>.toc[data-astro-cid-achxnbkg]:nth-child(3){order:5}.toc-grid[data-astro-cid-achxnbkg]>.toc[data-astro-cid-achxnbkg]:nth-child(6){order:6}.toc[data-astro-cid-achxnbkg]{height:184px;padding:12px}.toc[data-astro-cid-achxnbkg].short{height:160px}.toc[data-astro-cid-achxnbkg] .h[data-astro-cid-achxnbkg]{font-size:20px}.role[data-astro-cid-achxnbkg]{grid-template-columns:32px minmax(0,1fr);row-gap:8px}.role[data-astro-cid-achxnbkg] .bd[data-astro-cid-achxnbkg]{grid-column:2}.split[data-astro-cid-achxnbkg]{grid-template-columns:minmax(0,1fr);padding-top:0}.panel[data-astro-cid-achxnbkg]{height:280px}.steps[data-astro-cid-achxnbkg]{grid-template-columns:repeat(5,minmax(0,1fr))}.step[data-astro-cid-achxnbkg]{height:72px;padding:8px}.step[data-astro-cid-achxnbkg]:hover{transform:none}.css-bar[data-astro-cid-achxnbkg]{height:auto;padding:16px}.css-name[data-astro-cid-achxnbkg]{flex-direction:column;align-items:flex-start;gap:4px}}