.c-preview[data-astro-cid-yxisjogg]{display:flex;grid-area:preview;margin-block-start:20px;padding:16px;place-content:center;place-items:center;background-color:var(--background);box-shadow:var(--gray-3) 0 0 0 8px inset;color:var(--foreground);+pre[data-astro-cid-yxisjogg]{margin-block-start:0}}pre[data-astro-cid-yxisjogg]{display:grid;font:100%/1.5 Menlo,monospace;>[data-astro-cid-yxisjogg]{grid-area:1 / 1 / -1 / -1}}[data-astro-cid-yxisjogg][data-code]{display:block;padding:16px;font-size:14px;line-height:20px;background-color:var(--gray-2);border-radius:2px;box-shadow:var(--gray-11) 0 0 1px inset;color:var(--gray-12);&[data-lang=css]{&::highlight(rule){color:var(--tomato-11)}&::highlight(string){color:var(--grass-11)}}&[data-lang=js],&[data-lang=jsx],&[data-lang=ts],&[data-lang=tsx]{&::highlight(keyword){color:var(--tomato-11)}&::highlight(literal-property){color:var(--blue-11)}&::highlight(string),&::highlight(attr-value){color:var(--grass-11)}&::highlight(tag),&::highlight(attr-name){color:var(--blue-11)}}&[data-lang=sh]{&::highlight(function){color:var(--blue-12)}}}button[data-astro-cid-yxisjogg]{align-self:start;justify-self:end;margin-block-start:10px;margin-inline-end:8px;padding:8px;border-radius:2px;&:hover,&:focus-visible{background-color:var(--gray-4)}&:focus-visible,&:active{outline:var(--gray-11) solid 1px;outline-offset:1px}&:active{background-color:var(--gray-3)}}table[data-astro-cid-b5sf4pc3]{margin-block-start:40px;width:-webkit-fill-available;width:stretch;& thead[data-astro-cid-b5sf4pc3]{& tr[data-astro-cid-b5sf4pc3]{background-color:var(--gray-2)}& th[data-astro-cid-b5sf4pc3]{padding-block:4px;padding-inline:8px;font-size:12px;font-weight:300;letter-spacing:.8px;text-align:start;text-transform:uppercase;color:var(--gray-11);&:nth-child(1){width:10%}&:nth-child(2){width:30%}&:nth-child(3){width:60%}}}& tbody[data-astro-cid-b5sf4pc3]{font-size:14px;line-height:20px;& tr[data-astro-cid-b5sf4pc3]:not(:last-child){box-shadow:var(--gray-4) 0 -1px 0 0 inset;& td[data-astro-cid-b5sf4pc3]{padding-block-end:8px}}& tr[data-astro-cid-b5sf4pc3]:not(:first-child){& td[data-astro-cid-b5sf4pc3]{padding-block-start:8px}}& td[data-astro-cid-b5sf4pc3]{padding-block:4px;padding-inline:8px;vertical-align:text-top;& code[data-astro-cid-b5sf4pc3]{font-size:12px}}}}