: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);appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:var(--q-radius-pill);background-color:oklch(var(--q-button-shade) var(--q-button-tone));border:var(--q-button-border) solid transparent;transition:background-color var(--q-duration-fast) var(--q-ease-soft), color var(--q-duration-fast) var(--q-ease-soft), border-color var(--q-duration-fast) var(--q-ease-soft), box-shadow var(--q-duration-fast) var(--q-ease-soft), transform var(--q-duration-fast) var(--q-ease-out);flex-flow:row;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}[data-button-root]:not(.text):not(.link):not(:has(:is(.icon,.q-icon):only-child)):active{transform:scale(.97)}[data-button-root]:focus-visible{outline:var(--q-focus-ring);outline-offset:var(--q-focus-ring-offset)}[data-button-root]{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;text-overflow:ellipsis;overflow-x:hidden}[data-button-root].small{gap:.5rem;padding:.1rem .3rem;font-size:.8rem}[data-button-root].tiny{font-size:.65rem;font-weight:var(--q-weight-medium);text-transform:uppercase;letter-spacing:.03em;gap:.25rem;padding:.1rem .35rem}[data-button-root].large{gap:calc(var(--q-spacing-y) * 2);border-radius:var(--q-radius-panel);flex-direction:column;min-height:150px;padding:1.5rem}[data-button-root].rounded{padding-left:.5rem;padding-right:.5rem}[data-button-root].outlined{--q-button-text-color:oklch(var(--q-button-shade) var(--q-button-tone));border-color:oklch(var(--q-button-shade) var(--q-button-tone));background:0 0}[data-button-root].text{--q-button-text-color:oklch(var(--q-button-shade) var(--q-button-tone));border:var(--q-button-border) solid transparent;background:0 0}[data-button-root].inactive{opacity:.5}[data-button-root]:hover{background:oklch(var(--q-shade-800) var(--q-button-tone));color:var(--q-button-text-color);text-decoration:none!important}[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}[data-button-root]:hover.hoverable:hover{transform:translateY(-2px)}[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{color:var(--q-text-color);opacity:.7;background:0 0;border:none;margin:0 .2rem;padding:0;font-size:1.03rem;text-decoration:underline;display:inline-block}[data-button-root].link:hover{opacity:.9;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}