pre.th-code{background:var(--th-background);color:var(--th-token);padding:1rem;overflow-x:auto}.th-token{color:var(--th-token)}.th-attr{color:var(--th-attr)}.th-code-inline{color:var(--th-code-inline)}.th-command{color:var(--th-command)}.th-comment{color:var(--th-comment)}.th-deleted{color:var(--th-deleted)}.th-function{color:var(--th-function)}.th-heading{color:var(--th-heading)}.th-inserted{color:var(--th-inserted)}.th-keyword{color:var(--th-keyword)}.th-link{color:var(--th-link)}.th-literal{color:var(--th-literal)}.th-meta{color:var(--th-meta)}.th-number{color:var(--th-number)}.th-operator{color:var(--th-operator)}.th-property{color:var(--th-property)}.th-selector{color:var(--th-selector)}.th-string{color:var(--th-string)}.th-tag{color:var(--th-tag)}.th-type{color:var(--th-type)}.th-variable{color:var(--th-variable)}.th-line{width:max-content;min-width:100%;display:inline-block}.th-code--line-numbers code{counter-reset:th-line}.th-code--line-numbers .th-line:before{width:2.5em;color:var(--th-comment);content:attr(data-line);text-align:right;user-select:none;padding-right:1em;display:inline-block}:root{--th-background:#fff;--th-token:#24292f;--th-attr:#0550ae;--th-code-inline:#953800;--th-command:#8250df;--th-comment:#6e7781;--th-deleted:#cf222e;--th-function:#8250df;--th-heading:#0550ae;--th-inserted:#1a7f37;--th-keyword:#cf222e;--th-link:#0969da;--th-literal:#0550ae;--th-meta:#57606a;--th-number:#0550ae;--th-operator:#8250df;--th-property:#0550ae;--th-selector:#116329;--th-string:#0a7f64;--th-tag:#116329;--th-type:#953800;--th-variable:#953800}[data-theme=dark]{--th-background:#0d1117;--th-token:#c9d1d9;--th-attr:#79c0ff;--th-code-inline:#ffa657;--th-command:#d2a8ff;--th-comment:#8b949e;--th-deleted:#ff7b72;--th-function:#d2a8ff;--th-heading:#79c0ff;--th-inserted:#7ee787;--th-keyword:#ff7b72;--th-link:#58a6ff;--th-literal:#79c0ff;--th-meta:#8b949e;--th-number:#79c0ff;--th-operator:#d2a8ff;--th-property:#79c0ff;--th-selector:#7ee787;--th-string:#a5d6ff;--th-tag:#7ee787;--th-type:#ffa657;--th-variable:#ffa657}@media (prefers-color-scheme:dark){:root:not([data-theme]){--th-background:#0d1117;--th-token:#c9d1d9;--th-attr:#79c0ff;--th-code-inline:#ffa657;--th-command:#d2a8ff;--th-comment:#8b949e;--th-deleted:#ff7b72;--th-function:#d2a8ff;--th-heading:#79c0ff;--th-inserted:#7ee787;--th-keyword:#ff7b72;--th-link:#58a6ff;--th-literal:#79c0ff;--th-meta:#8b949e;--th-number:#79c0ff;--th-operator:#d2a8ff;--th-property:#79c0ff;--th-selector:#7ee787;--th-string:#a5d6ff;--th-tag:#7ee787;--th-type:#ffa657;--th-variable:#ffa657}}.detail[data-astro-cid-42itpnee]{padding:var(--space-xl)}.detail__header[data-astro-cid-42itpnee]{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.detail__headline[data-astro-cid-42itpnee]{font-weight:800;font-size:var(--font-size-page-headline);color:var(--color-text-primary)}.detail__description[data-astro-cid-42itpnee]{white-space:pre-line;line-height:var(--line-height-lg)}.detail__info[data-astro-cid-42itpnee]{gap:var(--space-sm) var(--space-md);padding-top:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.approaches[data-astro-cid-42itpnee]{gap:var(--space-md) var(--space-xl);margin-top:var(--space-2xl);display:grid}.approaches[data-astro-cid-42itpnee][data-has-legacy]{grid-template-columns:1fr 1fr}@media (width<=756px){.approaches[data-astro-cid-42itpnee][data-has-legacy]{grid-template-columns:1fr}}.approach[data-astro-cid-42itpnee]{grid-row:span var(--_rows);grid-template-rows:subgrid;min-width:0;display:grid}@media (width<=756px){.approach[data-astro-cid-42itpnee]{grid-row:span var(--_own-rows)}.approach[data-astro-cid-42itpnee]+.approach[data-astro-cid-42itpnee]{margin-top:calc(var(--space-2xl) - var(--space-md))}}.approach__body[data-astro-cid-42itpnee]{display:contents}.approach__body[data-astro-cid-42itpnee]>.approach__block{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre:only-child{flex:1}.approach__headline[data-astro-cid-42itpnee],.detail__body[data-astro-cid-42itpnee]>h3{font-weight:700;font-size:var(--font-size-xl);color:var(--color-text-primary)}.approach__body[data-astro-cid-42itpnee]>.approach__block,.detail__body[data-astro-cid-42itpnee]{color:var(--color-text-secondary);line-height:var(--line-height-lg)}.approach__body[data-astro-cid-42itpnee]>.approach__block :is(p,li),.detail__body[data-astro-cid-42itpnee] :is(p,li){white-space:pre-line}.approach__body[data-astro-cid-42itpnee]>.approach__block ul,.detail__body[data-astro-cid-42itpnee] ul{gap:var(--space-sm);padding-left:var(--space-lg);flex-direction:column;margin:0;display:flex}.approach__body[data-astro-cid-42itpnee]>.approach__block>table,.detail__body[data-astro-cid-42itpnee]>table{grid-template-columns:fit-content(40%) 1fr;display:grid}.approach__body[data-astro-cid-42itpnee]>.approach__block :is(thead,tbody,tr),.detail__body[data-astro-cid-42itpnee] :is(thead,tbody,tr){grid-template-columns:subgrid;grid-column:1/-1;display:grid}.approach__body[data-astro-cid-42itpnee]>.approach__block :is(th,td),.detail__body[data-astro-cid-42itpnee] :is(th,td){padding:var(--space-sm) var(--space-md) var(--space-sm) 0;border-bottom:1px solid var(--color-border);text-align:left}.approach__body[data-astro-cid-42itpnee]>.approach__block th,.detail__body[data-astro-cid-42itpnee] th{color:var(--color-text-primary);font-weight:700}.approach__body[data-astro-cid-42itpnee]>.approach__block :is(th,td):first-child,.detail__body[data-astro-cid-42itpnee] :is(th,td):first-child{padding-right:var(--space-lg)}.approach__body[data-astro-cid-42itpnee]>.approach__block td:first-child,.detail__body[data-astro-cid-42itpnee] td:first-child{color:var(--color-text-primary);font-weight:700}@media (width<=756px){.approach__body[data-astro-cid-42itpnee]>.approach__block>table,.approach__body[data-astro-cid-42itpnee]>.approach__block :is(tbody,tr,td),.detail__body[data-astro-cid-42itpnee]>table,.detail__body[data-astro-cid-42itpnee] :is(tbody,tr,td){display:block}.approach__body[data-astro-cid-42itpnee]>.approach__block thead,.detail__body[data-astro-cid-42itpnee] thead{display:none}.approach__body[data-astro-cid-42itpnee]>.approach__block tr,.detail__body[data-astro-cid-42itpnee] tr{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.approach__body[data-astro-cid-42itpnee]>.approach__block td,.detail__body[data-astro-cid-42itpnee] td{border-bottom:0;padding:0}.approach__body[data-astro-cid-42itpnee]>.approach__block td:first-child,.detail__body[data-astro-cid-42itpnee] td:first-child{font-size:var(--font-size-lg);line-height:var(--line-height-xl);padding-right:0}.approach__body[data-astro-cid-42itpnee]>.approach__block td+td,.detail__body[data-astro-cid-42itpnee] td+td{margin-top:var(--space-xs);padding-left:var(--space-md)}}.approach__body[data-astro-cid-42itpnee]>.approach__block :not(pre)>code,.detail__body[data-astro-cid-42itpnee] :not(pre)>code{background-color:var(--color-bg-code-inline);border-radius:var(--radius-xs);font-family:var(--font-family-mono);color:var(--color-text-code-inline);padding:.1em .3em;font-size:.875em}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre,.detail__body[data-astro-cid-42itpnee]>pre{padding:var(--space-md);background-color:var(--color-bg-aside);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-md);color:var(--color-text-primary);margin:0}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre[data-language],.detail__body[data-astro-cid-42itpnee]>pre[data-language]{padding-top:calc(var(--space-md) + var(--font-size-xs));position:relative}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre[data-language]:before,.detail__body[data-astro-cid-42itpnee]>pre[data-language]:before{top:var(--space-xs);right:var(--space-sm);font-family:var(--font-family-sans);font-size:var(--font-size-xs);letter-spacing:.05em;color:var(--color-text-muted);position:absolute}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre[data-language=css]:before,.detail__body[data-astro-cid-42itpnee]>pre[data-language=css]:before{content:"CSS"}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre[data-language=html]:before,.detail__body[data-astro-cid-42itpnee]>pre[data-language=html]:before{content:"HTML"}.approach__body[data-astro-cid-42itpnee]>.approach__block>pre[data-language=js]:before,.detail__body[data-astro-cid-42itpnee]>pre[data-language=js]:before{content:"JavaScript"}.detail__body[data-astro-cid-42itpnee]{gap:var(--space-md);margin-top:var(--space-2xl);flex-direction:column;display:flex}.detail__body[data-astro-cid-42itpnee]>h3:not(:first-child){margin-top:calc(var(--space-2xl) - var(--space-md))}.support[data-astro-cid-42itpnee]{margin-top:var(--space-2xl);border:2px solid var(--color-border);padding:var(--space-lg);border-radius:var(--radius-md)}.support__headline[data-astro-cid-42itpnee]{margin-bottom:var(--space-md);text-transform:uppercase;color:var(--color-text-secondary);font-weight:700;font-size:var(--font-size-lg)}