@layer wavecast-component{.SkXb5a_Button{gap:var(--space-2);min-block-size:var(--size-control);font:inherit;font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-text);white-space:nowrap;cursor:pointer;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-full);transition:color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.SkXb5a_Button:active:not(:disabled){transform:scale(.97)}.SkXb5a_Button>svg{font-size:var(--size-icon);transition:transform var(--duration-ring) var(--easing-out);flex-shrink:0}.SkXb5a_Button:hover:not(:disabled)>svg:last-child:not(:first-child){transform:translate(3px)}.SkXb5a_Button[aria-pressed=true]>svg{animation:pop var(--duration-pop) var(--easing-spring)}.SkXb5a_Button[data-tone=hand][aria-pressed=true]>svg{transform-origin:50% 90%;animation:wave calc(var(--duration-pop) * 1.5) var(--easing-standard)}.SkXb5a_Button:focus-visible{outline:var(--border-width-thick) solid var(--color-focus-ring);outline-offset:2px}.SkXb5a_Button:disabled{cursor:default;opacity:.4}.SkXb5a_Button.SkXb5a_pill,.SkXb5a_Button.SkXb5a_strong{padding-inline:var(--space-5);border-color:var(--color-border-strong)}.SkXb5a_Button.SkXb5a_strong,.SkXb5a_Button.SkXb5a_pill:hover:not(:disabled),.SkXb5a_Button.SkXb5a_strong:hover:not(:disabled){border-color:var(--color-text)}.SkXb5a_Button.SkXb5a_filled{padding-inline:var(--space-5);color:var(--color-on-accent);background-color:var(--color-accent);transition:background-color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);border-color:#0000}.SkXb5a_Button.SkXb5a_filled:hover:not(:disabled){background-color:var(--color-accent-hover)}.SkXb5a_Button.SkXb5a_text{padding-inline:var(--space-2);color:var(--color-text-muted)}.SkXb5a_Button.SkXb5a_text:hover:not(:disabled){color:var(--color-text)}.SkXb5a_Button.SkXb5a_tile{gap:var(--space-2);block-size:4.5rem;inline-size:8.5rem;padding:var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-text-muted);text-align:center;border-radius:var(--radius-lg);transition:color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);flex-direction:column;flex-shrink:0}.SkXb5a_Button.SkXb5a_tile>svg{font-size:var(--font-size-2xl)}@media (width<60rem){.SkXb5a_Button.SkXb5a_tile{justify-content:flex-start;gap:var(--space-1);block-size:4.25rem;inline-size:6.75rem;padding:var(--space-3) var(--space-1) var(--space-1);font-size:var(--font-size-xs);white-space:normal}.SkXb5a_Button.SkXb5a_tile>svg{font-size:var(--font-size-xl)}}.SkXb5a_Button.SkXb5a_tile:hover:not(:disabled,[aria-disabled=true]),.SkXb5a_Button.SkXb5a_tile[data-popup-open]{color:var(--color-text);background-color:var(--color-surface)}.SkXb5a_Button.SkXb5a_tile[aria-pressed=true]{color:var(--tone);background-color:color-mix(in srgb, var(--tone) 14%, transparent);border-color:var(--tone)}.SkXb5a_Button.SkXb5a_tile[aria-disabled=true]{color:var(--color-text-faint);cursor:not-allowed}.SkXb5a_Button.SkXb5a_large{min-block-size:var(--size-control-lg);font-size:var(--font-size-lg)}.SkXb5a_Button.SkXb5a_small{min-block-size:2.25rem;font-size:var(--font-size-sm)}.SkXb5a_Button.SkXb5a_small.SkXb5a_pill,.SkXb5a_Button.SkXb5a_small.SkXb5a_strong,.SkXb5a_Button.SkXb5a_small.SkXb5a_filled{padding-inline:var(--space-4)}.SkXb5a_Button[data-tone=accent]:not([aria-pressed=false]){--tone:var(--color-accent)}.SkXb5a_Button[data-tone=hand]:not([aria-pressed=false]){--tone:var(--color-hand)}.SkXb5a_Button[data-tone=break]:not([aria-pressed=false]){--tone:var(--color-break)}.SkXb5a_Button[data-tone=over]:not([aria-pressed=false]){--tone:var(--color-over)}.SkXb5a_Button[data-tone=rec]:not([aria-pressed=false]){--tone:var(--color-rec)}.SkXb5a_Button[data-tone]:not([aria-pressed=false]){color:var(--tone)}.SkXb5a_Button.SkXb5a_pill[data-tone]:not([aria-pressed=false]){border-color:var(--tone)}.SkXb5a_Button[data-tone]:hover:not(:disabled,[aria-pressed=false]){color:var(--tone);border-color:var(--tone);opacity:.85}}