.guide-example[data-v-d8eb543a]{margin:20px 0}.example-controls[data-v-d8eb543a]{display:none}.example-comparison[data-v-d8eb543a]{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 20px 1.2fr;margin-top:13px}.example-comparison>div[data-v-d8eb543a]{align-self:stretch;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:5px;overflow:hidden}.example-comparison h3[data-v-d8eb543a]{background:var(--color-rule);color:var(--color-ink-3);font-size:12px;padding:7px 12px}.example-comparison .example-after h3[data-v-d8eb543a]{background:var(--color-rule);color:var(--color-brand)}.example-comparison p[data-v-d8eb543a]{font-size:13px;line-height:1.8;margin:0;padding:13px}.example-arrow[data-v-d8eb543a]{color:var(--color-brand)}.example-switch[data-v-d8eb543a]{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:5px;color:var(--color-ink-3);font-size:12px;min-height:40px;padding:7px 13px}.example-switch.selected[data-v-d8eb543a]{background:var(--color-rule);border-color:var(--color-control);color:var(--color-brand)}@media(max-width:600px){.example-controls[data-v-d8eb543a]{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.example-comparison[data-v-d8eb543a]{display:block}.example-arrow[data-v-d8eb543a],.example-comparison.show-after .example-before[data-v-d8eb543a],.example-comparison:not(.show-after) .example-after[data-v-d8eb543a]{display:none}}@media print{body.print-export-mode .example-controls[data-v-d8eb543a]{display:none}body.print-export-mode .example-comparison>div[data-v-d8eb543a]{display:block!important}}