.ds-example[data-v-cb0b3c5e]{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 0;border-bottom:1px solid var(--ds-border-subtle)}.ds-example__margin-label[data-v-cb0b3c5e]{display:none}@media(min-width:48em){.ds-example__margin-label[data-v-cb0b3c5e]{display:inline;position:absolute;right:-5.25rem;top:50%;font-family:var(--ds-font-mono);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--ds-ink-rgb)/.2);pointer-events:none;writing-mode:vertical-lr;transform:translateY(-50%);white-space:nowrap;z-index:5}}.ds-example__header h3[data-v-cb0b3c5e]{font-family:var(--ds-font-ui);font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);color:var(--ds-ink-primary);margin:0 0 .25rem}.ds-example__header p[data-v-cb0b3c5e]{font-size:var(--ds-text-sm);color:var(--ds-ink-secondary);margin:0;max-width:40rem;line-height:1.5}.ds-example__body[data-v-cb0b3c5e]{display:flex;flex-direction:column;gap:.75rem}