:root{--shadow-color: 220 3% 15%;--shadow-strength: 1%;--size-content-1: 20ch;--radius-3: 1rem;--font-weight-2: 200;--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--radius-round: 1e5px;--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%))}:root{--size-content-1: 20ch;--radius-3: 1rem;--font-weight-2: 200;--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--radius-round: 1e5px;--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%));--shadow-color: 220 3% 15%;--shadow-strength: 1%}body{display:grid;place-content:center;padding:var(--space-m);gap:var(--space-m)}article[data-astro-cid-b4koausq],section[data-astro-cid-b4koausq],form[data-astro-cid-b4koausq],fieldset[data-astro-cid-b4koausq],header[data-astro-cid-b4koausq],.page[data-astro-cid-b4koausq],.spaced[data-astro-cid-b4koausq],#text__lists[data-astro-cid-b4koausq]>div[data-astro-cid-b4koausq],#text__code[data-astro-cid-b4koausq]>div[data-astro-cid-b4koausq],#text__inline[data-astro-cid-b4koausq]>div[data-astro-cid-b4koausq]{display:grid;gap:var(--space-s)}nav[data-astro-cid-b4koausq]>ul[data-astro-cid-b4koausq]{display:flex;list-style-type:none;padding-inline-start:0;gap:var(--space-s)}.open-props[data-astro-cid-b4koausq]{display:flex;align-items:center;gap:var(--space-xs)}.surface-samples[data-astro-cid-b4koausq]{display:grid;--size: var(--size-content-1);grid-template-columns:var(--size) var(--size);grid-auto-rows:var(--size);gap:var(--space-s);margin-block-start:var(--space-m)}@media(width<=480px){.surface-samples[data-astro-cid-b4koausq]{--size: 40vw}}.surface-samples[data-astro-cid-b4koausq]>[data-astro-cid-b4koausq]{border-radius:var(--radius-3);display:grid;place-content:center;font-size:var(--step-0);font-weight:var(--font-weight-2);box-shadow:var(--shadow-6)}.surface1[data-astro-cid-b4koausq]{background-color:var(--surface1);color:var(--text2)}.surface2[data-astro-cid-b4koausq]{background-color:var(--surface2);color:var(--text2)}.surface3[data-astro-cid-b4koausq]{background-color:var(--surface3);color:var(--text1)}.surface4[data-astro-cid-b4koausq]{background-color:var(--surface4);color:var(--text1)}.text-samples[data-astro-cid-b4koausq]{display:grid;gap:var(--space-xs)}.text-samples[data-astro-cid-b4koausq]>h5[data-astro-cid-b4koausq]{display:inline-flex;align-items:center;gap:var(--space-xs)}.text1[data-astro-cid-b4koausq]{color:var(--text1)}p[data-astro-cid-b4koausq].text1{font-weight:var(--font-weight-2)}.text2[data-astro-cid-b4koausq]{color:var(--text2)}.brand[data-astro-cid-b4koausq]{color:var(--brand);background-color:var(--brand)}.link[data-astro-cid-b4koausq]{color:var(--link);background-color:var(--link)}.link-visited[data-astro-cid-b4koausq]{color:var(--link-visited);background-color:var(--link-visited)}.swatch[data-astro-cid-b4koausq]{display:inline-block;flex-shrink:0;inline-size:var(--space-l);block-size:var(--space-l);border-radius:var(--radius-round);box-shadow:var(--shadow-4)}.swatch[data-astro-cid-b4koausq].text1{background-color:var(--text1)}.swatch[data-astro-cid-b4koausq].text2{background-color:var(--text2)}.buttons-list[data-astro-cid-b4koausq]{display:flex;align-items:flex-start;gap:var(--space-xs);flex-wrap:wrap}#forms__html5[data-astro-cid-b4koausq]>p[data-astro-cid-b4koausq]{display:flex;align-items:center;gap:var(--space-xs)}@media(prefers-color-scheme:dark){:root{--shadow-color: 220 40% 2%;--shadow-strength: 25%}}