.button-form-example[data-v-aaa964b7]{width:100%;max-width:28rem}.button-slot-inline[data-v-57aa9d9d]{align-items:center;gap:var(--wl-space-sm);display:inline-flex}.button-variant-grid[data-v-f95ec0dc]{gap:var(--wl-space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));align-items:start;display:grid}.docs-button{min-width:0}.docs-button-workspace{gap:var(--wl-space-xl);grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;display:grid}.docs-controls{min-width:0;padding:var(--wl-space-lg);border:1px solid var(--wl-border);border-radius:var(--wl-corner-surface);background:var(--wl-bg-soft)}.docs-control-label{gap:var(--wl-space-xs);min-width:0;font-size:var(--wl-type-small-size);display:grid}.docs-control-select{width:100%;min-width:0}.docs-control-flags{padding-top:var(--wl-space-xs)}.docs-button-output{min-width:0}.docs-button-preview{min-width:0;padding:var(--wl-space-xl);border:1px solid var(--wl-border);border-radius:var(--wl-corner-surface);background:var(--wl-bg);overflow-wrap:anywhere}.docs-button-example{min-width:0}.docs-button-example-preview{min-width:0;padding:var(--wl-space-lg);border:1px solid var(--wl-border);border-radius:var(--wl-corner-surface);background:var(--wl-bg);overflow-wrap:anywhere}.docs-guide{min-width:0}.docs-guide-list{gap:var(--wl-space-sm);padding-left:var(--wl-space-lg);font-size:var(--wl-type-body-size);line-height:var(--wl-type-body-line-height);margin:0;display:grid}@media (max-width:860px){.docs-button-workspace{grid-template-columns:minmax(0,1fr)}}