:root{--q-button-shade: var(--q-shade-600);--q-button-tone: var(--q-base);--q-button-text-color: oklch(var(--q-shade-050) var(--q-base));--q-button-border: 2px}[data-button-root]{--q-icon-color: var(--q-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;border-radius:var(--q-panel-radius);background-color:oklch(var(--q-button-shade) var(--q-button-tone));border:var(--q-button-border) solid transparent;font-family:var(--q-mono-family);font-size:.9rem;font-weight:var(--q-weight-bold);line-height:var(--q-leading-snug);color:var(--q-button-text-color);text-align:center;text-decoration:none}[data-button-root] span{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}[data-button-root].small{font-size:.8rem;padding:.1rem .3rem;border-radius:calc(2 * var(--q-panel-radius));gap:.5rem}[data-button-root].tiny{font-size:.65rem;font-weight:var(--q-weight-medium);padding:.1rem .35rem;border-radius:.25rem;gap:.25rem;text-transform:uppercase;letter-spacing:.03em}[data-button-root].large{flex-direction:column;gap:calc(var(--q-spacing-y) * 2);padding:1.5rem;min-height:150px}[data-button-root].rounded{border-radius:1rem;padding-left:.5rem;padding-right:.5rem}[data-button-root].outlined{--q-button-text-color: oklch( var(--q-button-shade) var(--q-button-tone) );background:none;border-color:oklch(var(--q-button-shade) var(--q-button-tone))}[data-button-root].text{--q-button-text-color: oklch( var(--q-button-shade) var(--q-button-tone) );background:none;border:var(--q-button-border) solid transparent}[data-button-root].inactive{opacity:.5}[data-button-root]:hover{background:oklch(var(--q-shade-800) var(--q-button-tone));text-decoration:none!important;color:var(--q-button-text-color)}[data-button-root]:hover.text,[data-button-root]:hover.outlined{background:oklch(var(--q-shade-200) var(--q-button-tone) / 20%)}[data-button-root]:hover.hoverable{transition:all .2s ease}[data-button-root]:hover.hoverable:hover{transform:translateY(-2px);box-shadow:0 4px 12px oklch(var(--q-shade-900) var(--q-base) / .1)}[data-button-root]:hover.hoverable:active{transform:translateY(0)}[data-button-root]:hover.outline{border:var(--q-button-border) solid oklch(var(--q-shade-400) var(--q-button-tone));background:oklch(var(--q-shade-200) var(--q-button-tone) / 30%)}[data-button-root]:has(:is(.icon,.q-icon):only-child){padding:.5rem}[data-button-root]:has(:is(.icon,.q-icon):only-child).small{padding:.2rem}[data-button-root]:has(:is(.icon,.q-icon):only-child).tiny{padding:.1rem}[data-button-root].primary{background-color:var(--q-accent-fill);--q-button-text-color: var(--q-on-accent-fill)}[data-button-root].link{padding:0;display:inline-block;border:none;background:transparent;text-decoration:underline;color:var(--q-text-color);font-size:1.03rem;margin:0 .2rem;opacity:70%}[data-button-root].link:hover{opacity:90%;text-decoration:underline!important}[data-button-root].danger{--q-button-tone: var(--q-danger)}[data-button-root].warning{--q-button-tone: var(--q-warning)}[data-button-root].success{--q-button-tone: var(--q-success)}[data-button-root].info{--q-button-tone: var(--q-info)}[data-button-root].help{--q-button-tone: var(--q-help)}[data-button-root][aria-checked=true]{--q-button-tone: var(--q-success)}[data-button-root]:disabled,[data-button-root][disabled]{--q-button-tone: var(--q-base);--q-button-shade: var(--q-shade-500);cursor:not-allowed;opacity:.9}[data-button-root].full{width:100%}[data-button-root].start{justify-content:flex-start}[data-button-root].center{justify-content:center}[data-button-root].end{justify-content:flex-end}